@zonos/amino 5.5.30 → 5.5.31

package/components/input/input-simple/InputSimple.d.ts

@@ -0,0 +1,130 @@
+import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
+import { type HelpTextProps } from "../../help-text/HelpText";
+import { type InputBaseProps } from './input-type/_InputBase';
+type InputType = {
+    /** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
+     * @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
+     */
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    /** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
+    width?: number;
+} & Omit<InputBaseProps, 'onChange'> & HelpTextProps;
+export type InputProps = InputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType>;
+/**
+ * InputSimple is a streamlined version of the Input component without floating labels.
+ * It supports various input types and states, with a simpler design compared to the standard Input.
+ *
+ * @example Basic text input
+ * <InputSimple
+ *   label="Username"
+ *   placeholder="Enter username"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Password input
+ * <InputSimple
+ *   type="password"
+ *   label="Password"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Number input
+ * <InputSimple
+ *   type="number"
+ *   label="Quantity"
+ *   onChange={e => setValue(e.target.valueAsNumber)}
+ *   value={value}
+ * />
+ *
+ * @example Date input
+ * <InputSimple
+ *   type="date"
+ *   label="Event Date"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With help text
+ * <InputSimple
+ *   label="Email"
+ *   helpText="We'll never share your email"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <InputSimple
+ *   label="Username"
+ *   error={true}
+ *   helpText="Username is required"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With prefix icon
+ * <InputSimple
+ *   label="Search"
+ *   prefix={<SearchIcon />}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With suffix
+ * <InputSimple
+ *   label="Weight"
+ *   suffix="kg"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <InputSimple
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="md"
+ *   label="Medium Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="lg"
+ *   label="Large Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="xl"
+ *   label="Extra Large Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Disabled state
+ * <InputSimple
+ *   label="Username"
+ *   disabled
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With custom width
+ * <InputSimple
+ *   label="Username"
+ *   width={300}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ */
+export declare const InputSimple: ({ autoFocus, className, disabled, error, helpText, inputMode, inputRef, label, noBorder, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react").JSX.Element;
+export {};

package/components/input/input-simple/input-type/_DateInput.d.ts

@@ -0,0 +1,20 @@
+export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_InputBase.d.ts

@@ -0,0 +1,125 @@
+import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { HelpTextProps } from "../../../help-text/HelpText";
+import type { BaseProps } from "../../../../types/BaseProps";
+import type { Size } from "../../../../types/Size";
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+type InputBaseType = BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'md'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, 'error'>;
+export type InputBaseProps = InputBaseType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputBaseType>;
+/**
+ * An internal base input component used primarily by InputSimple.
+ * Provides the core functionality for input rendering with label, prefix, suffix, and value prefix.
+ *
+ * This component serves as the foundation for most specialized input types.
+ *
+ * @example Basic usage
+ * <InputBase
+ *   label="Name"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With prefix and suffix
+ * <InputBase
+ *   label="Username"
+ *   prefix={<UserIcon />}
+ *   suffix="@example.com"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <InputBase
+ *   label="Email"
+ *   error={true}
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With value prefix
+ * <InputBase
+ *   label="Phone"
+ *   valuePrefix="+1"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <InputBase
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ */
+export declare const InputBase: import("react").ForwardRefExoticComponent<BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'md'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/components/input/input-simple/input-type/_NumberInput.d.ts

@@ -0,0 +1,21 @@
+import type { Size } from "../../../../types/Size";
+export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_PasswordInput.d.ts

@@ -0,0 +1,20 @@
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_TimeInput.d.ts

@@ -0,0 +1,20 @@
+export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_DateInput.d.ts

@@ -0,0 +1,20 @@
+export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -0,0 +1,127 @@
+import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { HelpTextProps } from "../../help-text/HelpText";
+import type { BaseProps } from "../../../types/BaseProps";
+import type { Size } from "../../../types/Size";
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+export declare const getFloatLabelRadius: (size: Size) => string;
+type FloatLabelInputType = BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'xl'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input. Set to `null` to disable */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, 'error'>;
+export type FloatLabelInputProps = FloatLabelInputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof FloatLabelInputType>;
+/**
+ * Internal input component that implements a floating label pattern.
+ * The label floats above the input when the input has value or is focused.
+ *
+ * This component is used internally by the Input component and supports various
+ * decoration options like prefix, suffix, and valuePrefix.
+ *
+ * @example Basic usage
+ * <FloatLabelInput
+ *   label="Username"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <FloatLabelInput
+ *   label="Email"
+ *   error={true}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With prefix and suffix
+ * <FloatLabelInput
+ *   label="Search"
+ *   prefix={<SearchIcon />}
+ *   suffix={<ClearIcon onClick={clearSearch} />}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With value prefix (for partial content)
+ * <FloatLabelInput
+ *   label="Phone Number"
+ *   valuePrefix="+1"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <FloatLabelInput
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ */
+export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'xl'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input. Set to `null` to disable */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/components/input/input-type/_NumberInput.d.ts

@@ -0,0 +1,21 @@
+import type { Size } from "../../../types/Size";
+export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.d.ts

@@ -0,0 +1,20 @@
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.d.ts

@@ -0,0 +1,20 @@
+export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/layout/Layout.d.ts

@@ -0,0 +1,98 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { NavigationGroupProps } from "./NavigationGroup";
+import type { BaseProps } from "../../types/BaseProps";
+export type LayoutProps = BaseProps & {
+    /**
+     * Main content to display in the layout's content area
+     */
+    content: ReactNode;
+    /**
+     * Content to display in the footer of the sidebar
+     * Typically contains user menu or authentication controls
+     */
+    footer: ReactNode;
+    /**
+     * Optional content for the header section above the main layout
+     * If not provided, the header section won't be rendered
+     */
+    headerContent?: ReactNode;
+    /**
+     * Optional logo to display at the top of the sidebar
+     */
+    logoSidebar?: ReactNode;
+    /**
+     * Whether to remove default padding from the content area
+     * @default false
+     */
+    noPaddingContent?: boolean;
+    /**
+     * Navigation elements to render in the sidebar
+     * Should be NavigationGroup or NavigationItem components
+     */
+    sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
+};
+/**
+ * Layout component provides the main application layout structure with
+ * configurable header, sidebar navigation, content area, and footer.
+ *
+ * @example Basic usage with header
+ * ```tsx
+ * <Layout
+ *   headerContent={<div className="header">Header Content</div>}
+ *   sidebar={<NavigationGroup content={<NavigationItem content="Home" />} />}
+ *   content={<div className="content">Main content area</div>}
+ *   footer={<div className="footer">Footer content</div>}
+ * />
+ * ```
+ *
+ * @example Without header, with logo in sidebar
+ * ```tsx
+ * <Layout
+ *   logoSidebar={<img src="logo.png" alt="Logo" />}
+ *   sidebar={
+ *     <>
+ *       <NavigationItem content="Dashboard" icon={<DashboardIcon />} />
+ *       <NavigationGroup
+ *         content={<NavigationItem content="Settings" icon={<SettingsIcon />} />}
+ *       >
+ *         <NavigationItem content="Profile" />
+ *         <NavigationItem content="Preferences" />
+ *       </NavigationGroup>
+ *     </>
+ *   }
+ *   content={<MainContent />}
+ *   footer={<UserMenu />}
+ * />
+ * ```
+ *
+ * @example With no content padding
+ * ```tsx
+ * <Layout
+ *   noPaddingContent
+ *   sidebar={<Navigation />}
+ *   content={<FullWidthDashboard />}
+ *   footer={<Footer />}
+ * />
+ * ```
+ *
+ * @example With search in header
+ * ```tsx
+ * <Layout
+ *   headerContent={
+ *     <div className="header">
+ *       <Logo />
+ *       <Input
+ *         placeholder="Search..."
+ *         onChange={handleSearch}
+ *         value={searchQuery}
+ *       />
+ *       <UserControls />
+ *     </div>
+ *   }
+ *   sidebar={<SideNavigation />}
+ *   content={<PageContent />}
+ *   footer={<VersionInfo />}
+ * />
+ * ```
+ */
+export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, noPaddingContent, sidebar, style, }: LayoutProps) => import("react").JSX.Element;