@zjpcy/simple-design 1.3.1 → 1.3.2

package/dist/types/Splitter/styles.d.ts

@@ -1,61 +0,0 @@
-/**
- * Splitter 组件样式工具函数
- * 使用 CSS 变量与现代化设计系统保持一致
- */
-import { CSSProperties } from 'react';
-/**
- * 获取容器样式
- */
-export declare const getContainerStyle: (layout: "horizontal" | "vertical", customStyle?: CSSProperties) => CSSProperties;
-/**
- * 获取面板样式
- * @param size - 面板尺寸（像素）
- * @param layout - 布局方向
- * @param index - 面板索引
- * @param totalPanels - 面板总数
- */
-export declare const getPanelStyle: (size: number, layout: "horizontal" | "vertical", index?: number, totalPanels?: number) => CSSProperties;
-/**
- * 获取分割条样式
- * 使用 CSS 变量实现现代化渐变和阴影效果
- * @param layout - 布局方向
- * @param splitterSize - 分割条大小
- * @param disabled - 是否禁用
- * @param index - 分割条索引
- */
-export declare const getSplitterBarStyle: (layout: "horizontal" | "vertical", splitterSize: number | undefined, disabled: boolean, index?: number) => CSSProperties;
-/**
- * 获取分割线样式
- * 支持自定义颜色和拖拽状态
- * @param layout - 布局方向
- * @param lineColor - 线条颜色
- * @param lineHoverColor - 悬停颜色
- * @param isDragging - 是否正在拖拽
- * @param isActive - 是否激活状态（当前拖拽的分割条）
- */
-export declare const getSplitterLineStyle: (layout: "horizontal" | "vertical", lineColor: string | undefined, lineHoverColor: string | undefined, isDragging: boolean, isActive?: boolean) => CSSProperties;
-/**
- * 获取拖拽遮罩层样式
- * 用于拖拽时覆盖整个页面防止事件穿透
- */
-export declare const getDragOverlayStyle: () => CSSProperties;
-/**
- * 解析尺寸配置为数组
- * @param size - 尺寸配置（单值或数组）
- * @param count - 面板数量
- * @param defaultValue - 默认值
- */
-export declare const parseSizeConfig: (size: number | string | (number | string)[] | undefined, count: number, defaultValue?: number | string) => (number | string)[];
-/**
- * 解析数字配置为数组
- * @param value - 数值配置（单值或数组）
- * @param count - 面板数量
- * @param defaultValue - 默认值
- */
-export declare const parseNumberConfig: (value: number | number[] | undefined, count: number, defaultValue: number) => number[];
-/**
- * 将尺寸值转换为像素
- * @param size - 尺寸值（数字或百分比字符串）
- * @param availableSpace - 可用空间
- */
-export declare const parseSizeToPixels: (size: number | string, availableSpace: number) => number;

package/dist/types/Splitter/types.d.ts

@@ -1,115 +0,0 @@
-/**
- * Splitter 组件类型定义
- * 用于自由切分指定区域，支持水平和垂直分隔，支持多面板
- */
-import React from 'react';
-/**
- * 单个面板配置
- */
-export interface SplitterPanel {
-    /** 面板内容 */
-    content: React.ReactNode;
-    /** 面板默认大小（像素或百分比） */
-    defaultSize?: number | string;
-    /** 面板最小尺寸 */
-    minSize?: number;
-    /** 面板最大尺寸 */
-    maxSize?: number;
-    /** 是否禁用该面板相邻的分割条拖拽 */
-    disabled?: boolean;
-}
-/**
- * Splitter 组件 Props
- */
-export interface SplitterProps {
-    /** 布局方向 */
-    layout?: 'horizontal' | 'vertical';
-    /**
-     * 面板数组，支持多面板配置
-     * 当提供 panels 时，优先使用 panels，忽略 left/right/top/bottom/children
-     */
-    panels?: SplitterPanel[];
-    /**
-     * 默认大小配置（像素或百分比）
-     * 可以是单个值（用于2面板模式）或数组（用于多面板模式）
-     * 默认为 '50%' 或 ['33%', '33%', '33%']
-     */
-    defaultSize?: number | string | (number | string)[];
-    /**
-     * 最小尺寸配置
-     * 可以是单个值或数组
-     */
-    minSize?: number | number[];
-    /**
-     * 最大尺寸配置
-     * 可以是单个值或数组
-     */
-    maxSize?: number | number[];
-    /** 分割条大小（像素），默认为 10 */
-    splitterSize?: number;
-    /** 拖拽线颜色 */
-    lineColor?: string;
-    /** 拖拽线悬停/拖拽时的颜色 */
-    lineHoverColor?: string;
-    /** 是否禁用所有拖拽 */
-    disabled?: boolean;
-    /**
-     * 拖拽时的回调
-     * @param sizes - 所有面板的当前尺寸数组
-     * @param index - 正在拖拽的分割条索引
-     */
-    onResize?: (sizes: number[], index: number) => void;
-    /**
-     * 拖拽结束后的回调
-     * @param sizes - 所有面板的最终尺寸数组
-     */
-    onResizeEnd?: (sizes: number[]) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** @deprecated 请使用 panels 或 children */
-    left?: React.ReactNode;
-    /** @deprecated 请使用 panels 或 children */
-    right?: React.ReactNode;
-    /** @deprecated 请使用 panels 或 children */
-    top?: React.ReactNode;
-    /** @deprecated 请使用 panels 或 children */
-    bottom?: React.ReactNode;
-    /**
-     * 子元素数组
-     * 用于2面板模式时传入 [面板1, 面板2]
-     * 用于多面板模式时传入任意数量的面板
-     */
-    children?: React.ReactNode[];
-}
-/**
- * 单个拖拽状态
- */
-export interface DragState {
-    /** 是否正在拖拽 */
-    isDragging: boolean;
-    /** 拖拽开始时的鼠标/触摸位置 */
-    startPosition: number;
-    /** 拖拽开始时的各面板尺寸 */
-    startSizes: number[];
-    /** 容器尺寸 */
-    containerSize: number;
-    /** 正在拖拽的分割条索引 */
-    splitterIndex: number;
-}
-/**
- * 面板尺寸信息
- */
-export interface PanelSizeInfo {
-    /** 面板索引 */
-    index: number;
-    /** 面板当前尺寸 */
-    size: number;
-    /** 面板最小尺寸 */
-    minSize: number;
-    /** 面板最大尺寸 */
-    maxSize: number;
-    /** 默认尺寸 */
-    defaultSize: number | string;
-}

package/dist/types/Steps/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { StepsProps } from './types';
-import './Steps.css';
-declare const Steps: React.FC<StepsProps>;
-export default Steps;

package/dist/types/Steps/types.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
-export interface StepItem {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    node?: React.ReactNode;
-    status?: StepStatus;
-    disabled?: boolean;
-    tailColor?: string;
-    tailTitle?: React.ReactNode;
-    tailType?: 'solid' | 'dashed';
-}
-export interface StepsProps {
-    current?: number;
-    status?: StepStatus;
-    direction?: 'horizontal' | 'vertical';
-    size?: 'default' | 'small';
-    type?: 'default' | 'panel';
-    items: StepItem[];
-    onChange?: (current: number) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export interface StepContextType {
-    current: number;
-    status: StepStatus;
-    direction: 'horizontal' | 'vertical';
-    size: 'default' | 'small';
-    type: 'default' | 'panel';
-    onChange?: (current: number) => void;
-}

package/dist/types/Switch/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { SwitchProps } from './types';
-/**
- * Switch 开关组件
- * 用于在两种状态之间进行切换
- *
- * @example
- * ```tsx
- * <Switch defaultChecked={false} onChange={(checked) => console.log(checked)} />
- * <Switch checked={checked} onChange={setChecked} />
- * <Switch checkedChildren="开启" unCheckedChildren="关闭" />
- * ```
- */
-declare const Switch: React.FC<SwitchProps>;
-export default Switch;
-export type { SwitchProps };

package/dist/types/Switch/styles.d.ts

@@ -1,36 +0,0 @@
-import { SwitchStyles } 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?: SwitchStyles["wrapper"];
-}>> & string;
-export declare const Track: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked: boolean;
-    $disabled: boolean;
-    $size: "default" | "small";
-    $loading: boolean;
-    $hasChildren?: boolean;
-    $width?: number;
-    $styles?: SwitchStyles["track"];
-}>> & string;
-export declare const Thumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked: boolean;
-    $size: "default" | "small";
-    $loading: boolean;
-    $hasChildren?: boolean;
-    $width?: number;
-    $styles?: SwitchStyles["thumb"];
-}>> & string;
-export declare const LoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $checked?: boolean;
-    $size?: "default" | "small";
-    $width?: number;
-    $styles?: SwitchStyles["loading"];
-}>> & string;
-export declare const CheckedInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $size: "default" | "small";
-    $styles?: SwitchStyles["inner"];
-}>> & string;
-export declare const UnCheckedInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $size: "default" | "small";
-    $styles?: SwitchStyles["inner"];
-}>> & string;
-export declare const injectGlobalStyles: () => void;

package/dist/types/Switch/types.d.ts

@@ -1,81 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * Switch 组件属性接口
- */
-export interface SwitchProps {
-    /** 指定当前是否选中（受控模式） */
-    checked?: boolean;
-    /** 初始是否选中（非受控模式） */
-    defaultChecked?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 加载中 */
-    loading?: boolean;
-    /** 开关大小 */
-    size?: 'default' | 'small';
-    /** 自定义宽度（单位：px），不传则使用默认宽度 */
-    width?: number;
-    /** 选中时的内容 */
-    checkedChildren?: ReactNode;
-    /** 非选中时的内容 */
-    unCheckedChildren?: ReactNode;
-    /** 自定义样式 */
-    styles?: {
-        wrapper?: CSSProperties;
-        track?: CSSProperties;
-        thumb?: CSSProperties;
-        loading?: CSSProperties;
-        inner?: CSSProperties;
-    };
-    /** 变化时的回调函数 */
-    onChange?: (checked: boolean) => void;
-    /** 标签文案，显示在开关前面 */
-    label?: string | ReactNode;
-    /** 标签到开关的距离 */
-    labelGap?: string | number;
-    /** 标签的CSS类名 */
-    labelClassName?: string;
-    /** 标签的样式 */
-    labelStyle?: CSSProperties;
-}
-/**
- * 样式配置接口
- */
-export interface SwitchStyles {
-    wrapper?: CSSProperties;
-    track?: CSSProperties;
-    thumb?: CSSProperties;
-    loading?: CSSProperties;
-    inner?: CSSProperties;
-}
-/**
- * 尺寸配置接口
- */
-export interface SwitchSizeConfig {
-    width: number;
-    height: number;
-    thumbSize: number;
-    thumbOffset: number;
-    thumbCheckedOffset: number;
-}
-/**
- * Switch 主题配置接口
- */
-export interface SwitchThemeConfig {
-    colors: {
-        primary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        default: string;
-    };
-    sizes: {
-        default: SwitchSizeConfig;
-        small: SwitchSizeConfig;
-    };
-    shadows: {
-        thumb: string;
-        thumbHover: string;
-    };
-}

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

@@ -1,26 +0,0 @@
-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/Table/index.d.ts

@@ -1,53 +0,0 @@
-import { ReactNode } from 'react';
-import './Table.css';
-export interface Column {
-    key?: string;
-    dataIndex?: string;
-    title?: ReactNode;
-    width?: number | string;
-    align?: 'left' | 'center' | 'right';
-    fixed?: boolean | 'start' | 'end';
-    /** 限制单元格内容显示的最大行数，超出时显示省略号 */
-    maxLines?: number;
-    /** 是否显示提示气泡框 */
-    tooltip?: boolean;
-    /** 是否可编辑 */
-    editable?: boolean;
-    /** 编辑完成时的回调 */
-    onSave?: (record: any, value: any) => void;
-    render?: (value: any, record: any, index: number) => ReactNode;
-    [key: string]: any;
-}
-export interface PaginationProps {
-    pageSize?: number;
-    total?: number;
-    current?: number;
-    onChange?: (page: number, pageSize: number) => void;
-    [key: string]: any;
-}
-interface TableProps {
-    dataSource?: any[];
-    columns?: Column[];
-    bordered?: boolean;
-    scroll?: {
-        x?: number | string;
-        y?: number | string;
-    };
-    rowKey?: string | ((record: any, index: number) => string | number);
-    className?: string;
-    pagination?: PaginationProps | false;
-    /** 自定义空状态组件 */
-    empty?: ReactNode;
-    /** 加载状态 */
-    loading?: boolean;
-    /** 自定义加载提示文案 */
-    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, draggable, onDragEnd, }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export default Table;

package/dist/types/Tabs/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TabsProps } from './types';
-import './Tabs.css';
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;

package/dist/types/Tabs/types.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-export interface TabItem {
-    key: string;
-    label: React.ReactNode;
-    content?: React.ReactNode;
-    /** 渲染内容的函数，在渲染时调用，避免闭包问题 */
-    renderContent?: () => React.ReactNode;
-    disabled?: boolean;
-    closable?: boolean;
-    icon?: React.ReactNode;
-}
-export type TabPlacement = 'top' | 'start' | 'end' | 'bottom';
-export type TabType = 'line' | 'card';
-export interface TabsProps {
-    items?: TabItem[];
-    activeKey?: string;
-    defaultActiveKey?: string;
-    onChange?: (key: string) => void;
-    onClose?: (key: string) => void;
-    tabsClosable?: boolean;
-    tabPlacement?: TabPlacement;
-    type?: TabType;
-    onAdd?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
-    /** 内容区域自定义类名，优先级高于内部 className */
-    contentClassName?: string;
-    /** 内容区域自定义样式，优先级低于外部 className 和 style */
-    contentStyle?: React.CSSProperties;
-    draggable?: boolean;
-    onDragEnd?: (items: TabItem[]) => void;
-}

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

@@ -1,6 +0,0 @@
-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/Tag/styles.d.ts

@@ -1,52 +0,0 @@
-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/Tag/types.d.ts

@@ -1,46 +0,0 @@
-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/TimePicker/RangePicker.d.ts

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

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

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

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

@@ -1,10 +0,0 @@
-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/TimePicker/styles.d.ts

@@ -1,33 +0,0 @@
-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;