@zjpcy/simple-design 1.2.3 → 1.2.11

package/dist/types/components/Pagination/types.d.ts

@@ -5,14 +5,26 @@ export interface PaginationProps {
     pageSize?: number;
     defaultPageSize?: number;
     onChange?: (current: number, pageSize: number) => void;
-    pageSizeOptions?: string[];
+    pageSizeOptions?: (string | number)[];
     showSizeChanger?: boolean;
     showQuickJumper?: boolean;
     showTotal?: (total: number, range: [number, number]) => React.ReactNode;
     size?: 'default' | 'small';
     /**
-    * 分页组件位置对齐方式
-    */
+     * 简洁模式
+     */
+    simple?: boolean;
+    /**
+     * 禁用状态
+     */
+    disabled?: boolean;
+    /**
+     * 只有一页时隐藏
+     */
+    hideOnSinglePage?: boolean;
+    /**
+     * 分页组件位置对齐方式
+     */
     align?: 'flex-start' | 'center' | 'flex-end';
     /**
      * 自定义CSS类名

package/dist/types/components/Popconfirm/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PopconfirmProps } from './types';
+import './Popconfirm.css';
+declare const Popconfirm: React.FC<PopconfirmProps>;
+export default Popconfirm;
+export type { PopconfirmProps, PopconfirmPlacement } from './types';

package/dist/types/components/Popconfirm/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+export type PopconfirmPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type PopconfirmType = 'info' | 'success' | 'warning' | 'error' | 'danger';
+export interface PopconfirmProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    okText?: string;
+    cancelText?: string;
+    okButtonProps?: {
+        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
+        loading?: boolean;
+        disabled?: boolean;
+    };
+    cancelButtonProps?: {
+        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
+        disabled?: boolean;
+    };
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+    type?: PopconfirmType;
+    placement?: PopconfirmPlacement;
+    showCancel?: boolean;
+    getContainer?: HTMLElement | (() => HTMLElement) | false;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactElement;
+}
+export default PopconfirmProps;

package/dist/types/components/Progress/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProgressProps, ProgressStatus, ProgressType, ProgressSegment } from './types';
+import './Progress.css';
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;
+export type { ProgressProps, ProgressType, ProgressStatus, ProgressSegment };

package/dist/types/components/Progress/types.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+export type ProgressType = 'line' | 'circle' | 'dashboard';
+export type ProgressStatus = 'success' | 'exception' | 'active' | 'normal';
+/** 渐变色配置 */
+export interface GradientConfig {
+    from: string;
+    to: string;
+    direction?: 'to right' | 'to left' | 'to top' | 'to bottom' | 'to bottom right' | 'to top right' | 'to bottom left' | 'to top left';
+    /** 是否启用波浪动画 */
+    animated?: boolean;
+}
+/** 进度段配置 - 用于多段颜色展示 */
+export interface ProgressSegment {
+    /** 该段的颜色 */
+    color: string | GradientConfig;
+    /** 该段占总的百分比（0-100） */
+    percent: number;
+}
+export interface ProgressProps {
+    /** 百分比 */
+    percent?: number;
+    /** 类型 */
+    type?: ProgressType;
+    /** 状态 */
+    status?: ProgressStatus;
+    /** 是否显示百分比文字 */
+    showInfo?: boolean;
+    /** 自定义显示文字 */
+    format?: (percent?: number, successPercent?: number) => ReactNode;
+    /** 进度条颜色，支持纯色字符串或渐变对象 */
+    strokeColor?: string | GradientConfig;
+    /** 背景颜色 */
+    trailColor?: string;
+    /** 线条粗细 */
+    strokeWidth?: number;
+    /** 线条宽度，type=line 时生效 */
+    size?: 'small' | 'default' | 'large';
+    /** 是否开启动画 */
+    transition?: boolean;
+    /** 步骤进度条的总步数 */
+    steps?: number;
+    /** 多段颜色配置，用于展示多个进度段 */
+    segments?: ProgressSegment[];
+    /** 是否开启仪表盘样式 */
+    gapDegree?: number;
+    /** 仪表盘缺口位置 */
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /** 前缀图标 */
+    icon?: ReactNode;
+    /** 前缀文字 */
+    prefix?: string;
+    /** 后缀文字 */
+    suffix?: string;
+    /** 自定义内部内容，支持 ReactNode，优先级高于默认的进度显示 */
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export default ProgressProps;

package/dist/types/components/Select/index.d.ts

@@ -1,9 +1,28 @@
 import React from 'react';
-import { SelectProps, SelectOptionProps, SelectOptGroupProps } from './types';
+import { SelectProps, SelectOption, TagRenderProps } from './types';
 import './Select.css';
-declare const Select: React.FC<SelectProps> & {
-    Option: React.FC<SelectOptionProps>;
-    OptGroup: React.FC<SelectOptGroupProps>;
-};
+/**
+ * Select 下拉选择组件
+ * 用于从一组选项中选择一项或多项
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <Select
+ *   options={[
+ *     { value: '1', label: '选项1' },
+ *     { value: '2', label: '选项2' }
+ *   ]}
+ *   onChange={(value) => console.log(value)}
+ * />
+ *
+ * // 多选模式
+ * <Select mode="multiple" options={options} />
+ *
+ * // 可搜索
+ * <Select searchable options={options} />
+ * ```
+ */
+declare const Select: React.FC<SelectProps>;
 export default Select;
-export * from './types';
+export type { SelectProps, SelectOption, TagRenderProps };

package/dist/types/components/Select/styles.d.ts

@@ -0,0 +1,45 @@
+import { SelectStyles } from './types';
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: SelectStyles["wrapper"];
+}>> & string;
+export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Selector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled: boolean;
+    $loading: boolean;
+    $size: "small" | "default" | "large";
+    $open: boolean;
+    $styles?: SelectStyles["selector"];
+}>> & string;
+export declare const SelectorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SingleValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $disabled: boolean;
+    $styles?: SelectStyles["tag"];
+}>> & string;
+export declare const TagClose: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const SuffixArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $open: boolean;
+}>> & string;
+export declare const LoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $open: boolean;
+    $styles?: SelectStyles["dropdown"];
+}>> & string;
+export declare const OptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxHeight?: number;
+}>> & string;
+export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $selected: boolean;
+    $active: boolean;
+    $disabled: boolean;
+    $styles?: SelectStyles["option"];
+}>> & string;
+export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Empty: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const injectGlobalStyles: () => void;

package/dist/types/components/Select/types.d.ts

@@ -1,41 +1,134 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Select 选项数据类型
+ */
 export interface SelectOption {
-    value: any;
-    label: React.ReactNode;
+    /** 选项值 */
+    value: string | number;
+    /** 选项显示文本 */
+    label: string | ReactNode;
+    /** 是否禁用 */
     disabled?: boolean;
-    icon?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义类名 */
+    className?: string;
 }
+/**
+ * Select 组件属性接口
+ */
 export interface SelectProps {
-    value?: any;
-    defaultValue?: any;
-    onChange?: (value: any) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    size?: 'large' | 'middle' | 'small';
-    style?: React.CSSProperties;
-    className?: string;
+    /** 当前选中的值（受控模式） */
+    value?: string | number | (string | number)[];
+    /** 默认选中的值（非受控模式） */
+    defaultValue?: string | number | (string | number)[];
+    /** 选项列表 */
     options?: SelectOption[];
-    children?: React.ReactNode;
-    open?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 是否多选 */
+    mode?: 'single' | 'multiple';
+    /** 占位符文本 */
+    placeholder?: string;
+    /** 是否可搜索 */
+    searchable?: boolean;
+    /** 是否可清除 */
+    clearable?: boolean;
+    /** 组件尺寸 */
+    size?: 'small' | 'default' | 'large';
+    /** 组件宽度 */
+    width?: string | number;
+    /** 自定义样式 */
+    styles?: SelectStyles;
+    /** 外层容器样式 */
+    style?: CSSProperties;
+    /** 变化时的回调函数 */
+    onChange?: (value: string | number | (string | number)[], option?: SelectOption | SelectOption[]) => void;
+    /** 展开/收起时的回调函数 */
     onOpenChange?: (open: boolean) => void;
-    width?: number | string;
-    height?: number | string;
-    dropdownHeight?: number | string;
-    /** 标签文案，显示在选择器前面 */
-    label?: string | React.ReactNode;
-    /** 标签到选择器的距离 */
+    /** 搜索时的回调函数 */
+    onSearch?: (value: string) => void;
+    /** 自定义选项渲染 */
+    optionRender?: (option: SelectOption) => ReactNode;
+    /** 自定义选中项渲染 */
+    tagRender?: (props: TagRenderProps) => ReactNode;
+    /** 标签文案，显示在选择框前面 */
+    label?: string | ReactNode;
+    /** 标签到选择框的距离 */
     labelGap?: string | number;
     /** 标签的CSS类名 */
     labelClassName?: string;
     /** 标签的样式 */
-    labelStyle?: React.CSSProperties;
+    labelStyle?: CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** 是否显示下拉箭头 */
+    showArrow?: boolean;
+    /** 下拉菜单的最大高度 */
+    maxHeight?: number;
+    /** 空状态显示内容 */
+    emptyContent?: ReactNode;
+    /** 获取弹出层容器 */
+    getPopupContainer?: () => HTMLElement;
 }
-export interface SelectOptionProps {
-    value: any;
-    children: React.ReactNode;
+/**
+ * 标签渲染属性
+ */
+export interface TagRenderProps {
+    /** 选项值 */
+    value: string | number;
+    /** 选项标签 */
+    label: string | ReactNode;
+    /** 关闭回调 */
+    onClose: (e?: React.MouseEvent) => void;
+    /** 是否禁用 */
     disabled?: boolean;
-    icon?: string;
 }
-export interface SelectOptGroupProps {
-    label: React.ReactNode;
-    children?: React.ReactNode;
+/**
+ * 样式配置接口
+ */
+export interface SelectStyles {
+    /** 外层容器样式 */
+    wrapper?: CSSProperties;
+    /** 选择器样式 */
+    selector?: CSSProperties;
+    /** 下拉菜单样式 */
+    dropdown?: CSSProperties;
+    /** 选项样式 */
+    option?: CSSProperties;
+    /** 选中标签样式（多选模式） */
+    tag?: CSSProperties;
+}
+/**
+ * 尺寸配置接口
+ */
+export interface SelectSizeConfig {
+    height: string;
+    padding: string;
+    fontSize: string;
+    tagHeight: string;
+}
+/**
+ * Select 主题配置接口
+ */
+export interface SelectThemeConfig {
+    colors: {
+        primary: string;
+        text: string;
+        textSecondary: string;
+        textDisabled: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        bg: string;
+        bgHover: string;
+        bgSelected: string;
+    };
+    sizes: {
+        small: SelectSizeConfig;
+        default: SelectSizeConfig;
+        large: SelectSizeConfig;
+    };
 }

package/dist/types/components/Table/SortableRow.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Column } from './index';
+interface SortableRowProps {
+    id: string;
+    record: any;
+    rowIndex: number;
+    columns: Column[];
+    columnWidths: number[];
+    fixedLeftColumns: Column[];
+    fixedRightColumns: Column[];
+    normalColumns: Column[];
+    allColumns: Column[];
+    editingCell: {
+        rowIndex: number;
+        colKey: string;
+    } | null;
+    editingValue: string;
+    handleEdit: (rowIndex: number, colKey: string, value: any) => void;
+    handleSave: (record: any, column: Column) => void;
+    handleCancel: () => void;
+    setEditingValue: (value: string) => void;
+    renderTableCell: (column: Column, record: any, rowIndex: number, colIndex: number, colGroup: Column[]) => React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const SortableRow: React.FC<SortableRowProps>;
+export default SortableRow;

package/dist/types/components/Table/index.d.ts

@@ -44,6 +44,10 @@ interface TableProps {
     loadingText?: ReactNode;
     /** 加载延迟时间（毫秒），设置后loading状态会在指定时间后自动取消 */
     loadingDelay?: number;
+    /** 是否开启行拖拽功能 */
+    draggable?: boolean;
+    /** 拖拽结束时的回调函数，返回新的数据顺序 */
+    onDragEnd?: (newData: any[]) => void;
 }
-declare const Table: ({ dataSource, columns, bordered, scroll, rowKey, className, pagination, empty, loading, loadingText, loadingDelay }: TableProps) => import("react/jsx-runtime").JSX.Element;
+declare const Table: ({ dataSource, columns, bordered, scroll, rowKey, className, pagination, empty, loading, loadingText, loadingDelay, draggable, onDragEnd, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/types/components/Tag/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TagProps } from './types';
+import './Tag.css';
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export default Tag;
+export type { TagProps, TagSize } from './types';

package/dist/types/components/Tag/styles.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties } from 'react';
+import { TagSize } from './types';
+/**
+ * 获取标签尺寸对应的样式
+ */
+export declare const getTagSizeStyle: (size: TagSize) => CSSProperties;
+/**
+ * 获取标签颜色样式
+ */
+export declare const getTagColorStyle: (backgroundColor?: string, color?: string) => CSSProperties;
+/**
+ * 预设标签颜色
+ */
+export declare const presetTagColors: {
+    readonly red: {
+        readonly backgroundColor: "#fff2f0";
+        readonly color: "#ff4d4f";
+    };
+    readonly orange: {
+        readonly backgroundColor: "#fff7e6";
+        readonly color: "#fa8c16";
+    };
+    readonly gold: {
+        readonly backgroundColor: "#fffbe6";
+        readonly color: "#faad14";
+    };
+    readonly green: {
+        readonly backgroundColor: "#f6ffed";
+        readonly color: "#52c41a";
+    };
+    readonly cyan: {
+        readonly backgroundColor: "#e6fffb";
+        readonly color: "#13c2c2";
+    };
+    readonly blue: {
+        readonly backgroundColor: "#e6f7ff";
+        readonly color: "#1890ff";
+    };
+    readonly purple: {
+        readonly backgroundColor: "#f9f0ff";
+        readonly color: "#722ed1";
+    };
+    readonly pink: {
+        readonly backgroundColor: "#fff0f6";
+        readonly color: "#eb2f96";
+    };
+    readonly gray: {
+        readonly backgroundColor: "#f5f5f5";
+        readonly color: "#666";
+    };
+};
+export type PresetTagColor = keyof typeof presetTagColors;

package/dist/types/components/Tag/types.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+export type TagSize = 'small' | 'medium' | 'large';
+export interface TagProps {
+    /**
+     * 标签内容
+     */
+    children?: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 标签尺寸
+     * @default 'medium'
+     */
+    size?: TagSize;
+    /**
+     * 自定义背景色
+     */
+    backgroundColor?: string;
+    /**
+     * 自定义字体颜色
+     */
+    color?: string;
+    /**
+     * 前缀图标，可以是 Icon 组件的 type 字符串或自定义 React 节点
+     */
+    icon?: string | React.ReactNode;
+    /**
+     * 是否可关闭
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * 关闭时的回调
+     */
+    onClose?: (e: React.MouseEvent) => void;
+    /**
+     * 点击标签时的回调
+     */
+    onClick?: (e: React.MouseEvent) => void;
+}

package/dist/types/components/TimePicker/RangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TimeRangePickerProps } from './types';
+declare const RangePicker: React.FC<TimeRangePickerProps>;
+export default RangePicker;

package/dist/types/components/TimePicker/TimePickerPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TimePickerPanelProps } from './types';
+declare const TimePickerPanel: React.FC<TimePickerPanelProps>;
+export default TimePickerPanel;

package/dist/types/components/TimePicker/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './TimePicker.css';
+import { TimePickerProps } from './types';
+import RangePicker from './RangePicker';
+declare const TimePicker: React.FC<TimePickerProps> & {
+    RangePicker: typeof RangePicker;
+};
+export default TimePicker;
+export type { TimePickerProps };
+export { RangePicker };

package/dist/types/components/TimePicker/styles.d.ts

@@ -0,0 +1,33 @@
+export declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string | number;
+}>> & string;
+export declare const TimePickerTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    focused?: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const TimePickerValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    isPlaceholder?: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const TimePickerSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TimePickerClear: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    visible?: boolean;
+}>> & string;
+export declare const TimePickerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    open?: boolean;
+}>> & string;
+export declare const TimePickerDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    top: number;
+    left: number;
+    minWidth: number;
+}>> & string;
+export declare const TimePickerPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeColumnHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeColumnList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    selected?: boolean;
+    disabled?: boolean;
+}>> & string;
+export declare const TimePickerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TimePickerWithLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;