@campxdev/react-blueprint 1.9.6 → 2.0.1

package/dist/cjs/types/src/stories/Charts/PieChart.stories.d.ts

@@ -0,0 +1,86 @@
+import { Meta } from '@storybook/react';
+import { PieChart, PieChartProps } from '../../components/Charts/PieChart/PieChart';
+declare const _default: Meta<typeof PieChart>;
+export default _default;
+export declare const Default: {
+    render: (args: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        width: number;
+        height: number;
+        showToolTip: boolean;
+        showLegend: boolean;
+        pie1: {
+            data: {
+                name: string;
+                value: number;
+            }[];
+            dataKey: string;
+            outerRadius: number;
+            fill: string;
+            colors: string[];
+        };
+        pie2: {
+            data: {
+                name: string;
+                value: number;
+            }[];
+            dataKey: string;
+            innerRadius: number;
+            outerRadius: number;
+            fill: string;
+            label: boolean;
+            colors: string[];
+        };
+        legendSx: {
+            layout: string;
+            align: string;
+            verticalAlign: string;
+        };
+        containerSx: {
+            padding: number;
+        };
+        margin: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+};
+export declare const SinglePie: {
+    render: (args: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        width: number;
+        height: number;
+        showToolTip: boolean;
+        showLegend: boolean;
+        pie1: {
+            data: {
+                name: string;
+                value: number;
+            }[];
+            dataKey: string;
+            outerRadius: number;
+            fill: string;
+            label: boolean;
+            colors: string[];
+        };
+        legendSx: {
+            layout: string;
+            align: string;
+            verticalAlign: string;
+        };
+        containerSx: {
+            border: string;
+            padding: number;
+        };
+        margin: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+};

package/dist/cjs/types/src/stories/Charts/Treemap.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import TreeMap from '../../components/Charts/TreeMap/TreeMap';
+declare const _default: Meta<typeof TreeMap>;
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/stories/DataDisplay/AccordionGroup.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { AccordionGroup } from '../../components/export';
+declare const meta: Meta<typeof AccordionGroup>;
+export default meta;
+type Story = StoryObj<typeof AccordionGroup>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/cjs/types/src/stories/DataDisplay/ActivityLogView.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { ActivityLogView } from '../../components/export';
+declare const meta: Meta<typeof ActivityLogView>;
+export default meta;
+type Story = StoryObj<typeof ActivityLogView>;
+export declare const Default: Story;

package/dist/cjs/types/src/stories/DataDisplay/Card.stories.d.ts

@@ -0,0 +1,44 @@
+import { Meta } from '@storybook/react';
+import { Card, CardProps } from '../../components/DataDisplay/Card/Card';
+declare const _default: Meta<typeof Card>;
+export default _default;
+export declare const Standard: {
+    render: (args: CardProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        caption: string;
+        fields: {
+            title: string;
+            value: string;
+        }[];
+        footer: {
+            buttonText: string;
+            onClick: () => void;
+        };
+    };
+};
+export declare const StandardWithImage: {
+    render: (args: CardProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        caption: string;
+        status: string;
+        fields: {
+            title: string;
+            value: string;
+        }[];
+        footer: {
+            buttonText: string;
+            onClick: () => void;
+        };
+        imageSrc: string;
+        moreOptions: boolean;
+    };
+};
+export declare const Statistic: {
+    render: (args: CardProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        caption: string;
+    };
+};

package/dist/cjs/types/src/stories/DataDisplay/Chips.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import Chips from '../../components/DataDisplay/Chips/Chips';
+declare const _default: Meta<typeof Chips>;
+export default _default;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    args: {};
+};
+export declare const ClickableChip: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultipleSelectionChip: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/types/src/stories/DataDisplay/CircularAvatar.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/react';
+import { CircularAvatar, CircularAvatarProps } from '../../components/DataDisplay/Avatar/Avatar';
+declare const _default: Meta<typeof CircularAvatar>;
+export default _default;
+export declare const WithText: {
+    render: (args: CircularAvatarProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        text: string;
+    };
+};
+export declare const WithImage: {
+    render: (args: CircularAvatarProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+    };
+};

package/dist/cjs/types/src/stories/DataDisplay/DataTable.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DataTable } from '../../components/DataDisplay/DataTable/DataTable';
+declare const meta: Meta<typeof DataTable>;
+export default meta;
+export declare const Default: StoryObj<typeof DataTable>;

package/dist/cjs/types/src/stories/DataDisplay/SidePanel.stories.d.ts

@@ -0,0 +1,34 @@
+import { Meta } from '@storybook/react/*';
+import { SidePanel, SidePanelProps } from '../../components/DataDisplay/SidePanel/SidePanel';
+declare const _default: Meta<typeof SidePanel>;
+export default _default;
+export declare const WithText: {
+    render: (args: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        variables: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export declare const WithImage: {
+    render: (args: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        imageUrl: string;
+        variables: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export declare const WithBottomComponent: {
+    render: (args: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        imageUrl: string;
+        variables: {
+            label: string;
+            value: string;
+        }[];
+        bottomChildren: import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/cjs/types/src/stories/DataDisplay/SquareAvatar.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/react';
+import { SquareAvatar, SquareAvatarProps } from '../../components/DataDisplay/Avatar/Avatar';
+declare const _default: Meta<typeof SquareAvatar>;
+export default _default;
+export declare const WithText: {
+    render: (args: SquareAvatarProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        text: string;
+    };
+};
+export declare const WithImage: {
+    render: (args: SquareAvatarProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+    };
+};

package/dist/cjs/types/src/stories/DataDisplay/StatusCard.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { StatusCardProps } from '../../components/export';
+declare const _default: Meta<StatusCardProps>;
+export default _default;
+export declare const GreenStatus: any;
+export declare const RedStatus: any;
+export declare const OrangeStatus: any;
+export declare const YellowStatus: any;
+export declare const BlueStatus: any;
+export declare const PinkStatus: any;
+export declare const CustomStatus: any;

package/dist/cjs/types/src/stories/DataDisplay/Timeline.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta } from '@storybook/react';
+import { Timeline, TimelineProps } from '../../components/export';
+declare const _default: Meta<typeof Timeline>;
+export default _default;
+export declare const DefaultTimeline: {
+    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        position: string;
+        timelineItems: ({
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant: string;
+        } | {
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant?: undefined;
+        })[];
+    };
+};
+export declare const AlternatePositionTimeline: {
+    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        position: string;
+        timelineItems: ({
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant: string;
+        } | {
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant?: undefined;
+        })[];
+    };
+};
+export declare const SimpleTimeline: {
+    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        position: string;
+        timelineItems: ({
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant: string;
+        } | {
+            timelineContent: import("react/jsx-runtime").JSX.Element;
+            variant?: undefined;
+        })[];
+    };
+};

package/dist/cjs/types/src/stories/DesignSystem/colorTokens.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    title: string;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const ColorPalettes: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/stories/DesignSystem/typography.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ variant, children, ...props }: import("../../components/DataDisplay/Typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const TypographyStyles: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/stories/Feedback/Alert.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from '../../components/export';
+declare const _default: Meta<typeof Alert>;
+export default _default;
+export declare const AlertSuccess: StoryObj<typeof Alert>;

package/dist/cjs/types/src/stories/Feedback/Snackbar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Snackbar } from '../../components/export';
+declare const _default: Meta<typeof Snackbar>;
+export default _default;
+export declare const SnackbarSuccess: StoryObj<typeof Snackbar>;

package/dist/cjs/types/src/stories/Feedback/Spinner.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { Spinner } from '../../components/export';
+declare const _default: Meta<typeof Spinner>;
+export default _default;
+export declare const Primary: {
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    args: {};
+};

package/dist/cjs/types/src/stories/Feedback/Tooltip.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from '../../components/export';
+declare const _default: Meta<typeof Tooltip>;
+export default _default;
+export declare const IconTooltip: StoryObj<typeof Tooltip>;
+export declare const TextTooltip: StoryObj<typeof Tooltip>;
+export declare const ButtonTooltip: StoryObj<typeof Tooltip>;

package/dist/cjs/types/src/stories/Input/Button.stories.d.ts

@@ -0,0 +1,28 @@
+import { Meta } from '@storybook/react';
+import { Button, ButtonProps } from '../../components/Input/Button/Button';
+declare const _default: Meta<typeof Button>;
+export default _default;
+export declare const Primary: {
+    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        color: string;
+        variant: string;
+        children: string;
+    };
+};
+export declare const Secondary: {
+    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        color: string;
+        variant: string;
+        children: string;
+    };
+};
+export declare const Disabled: {
+    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        disabled: boolean;
+        variant: string;
+        children: string;
+    };
+};

package/dist/cjs/types/src/stories/Input/DatePicker.stories.d.ts

@@ -0,0 +1,85 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { DatePicker } from '../../components/Input/DatePicker/DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Quaternary: Story;
+export declare const WithShortcuts: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithMinMaxDate: Story;
+export declare const WithCustomIcon: Story;
+export declare const WithPlaceHolderHelperText: Story;
+export declare const DisablePast: Story;
+export declare const DisableFuture: Story;
+export declare const DisableSpecificDate: Story;
+export declare const DisableSpecificMonth: Story;
+export declare const DisableSpecificYear: Story;
+export declare const ReadOnly: {
+    args: {
+        label: string;
+        required: boolean;
+        disabled: boolean;
+        value: Date;
+        format?: "yyyy" | "MMMM yyyy" | "dd MMMM yyyy" | "dd/MM/yyyy";
+        views?: ("year" | "month" | "day")[] & readonly import("@mui/x-date-pickers").DateView[];
+        helperText?: string;
+        placeholder?: string;
+        shortcutsItems?: import("@mui/x-date-pickers").PickersShortcutsItem<any>[];
+        containerProps?: import("@mui/material").StackProps;
+        openPickerIcon?: React.ElementType;
+        error?: any;
+        desktopModeMediaQuery?: string;
+        slots?: import("@mui/x-date-pickers").DatePickerSlots;
+        slotProps?: import("@mui/x-date-pickers").DatePickerSlotProps<boolean>;
+        yearsPerRow?: 3 | 4;
+        closeOnSelect?: boolean;
+        viewRenderers?: Partial<import("@mui/x-date-pickers/DatePicker/shared").DatePickerViewRenderers<import("@mui/x-date-pickers").DateView>>;
+        className?: string;
+        sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+        view?: import("@mui/x-date-pickers").DateView;
+        defaultValue?: Date;
+        autoFocus?: boolean;
+        onChange?: (value: Date, context: import("@mui/x-date-pickers").PickerChangeHandlerContext<import("@mui/x-date-pickers").DateValidationError>) => void;
+        onError?: (error: import("@mui/x-date-pickers").DateValidationError, value: Date) => void;
+        orientation?: import("@mui/x-date-pickers/internals/models").PickerOrientation;
+        readOnly?: boolean;
+        openTo?: import("@mui/x-date-pickers").DateView;
+        onViewChange?: (view: import("@mui/x-date-pickers").DateView) => void;
+        localeText?: import("@mui/x-date-pickers").PickersInputComponentLocaleText;
+        onAccept?: (value: Date, context: import("@mui/x-date-pickers").PickerChangeHandlerContext<import("@mui/x-date-pickers").DateValidationError>) => void;
+        referenceDate?: import("@mui/x-date-pickers").PickerValidDate;
+        reduceAnimations?: boolean;
+        timezone?: import("@mui/x-date-pickers").PickersTimezone;
+        renderLoading?: () => React.ReactNode;
+        onYearChange?: (year: import("@mui/x-date-pickers").PickerValidDate) => void;
+        onMonthChange?: (month: import("@mui/x-date-pickers").PickerValidDate) => void;
+        loading?: boolean;
+        dayOfWeekFormatter?: (date: import("@mui/x-date-pickers").PickerValidDate) => string;
+        displayWeekNumber?: boolean;
+        fixedWeekNumber?: number;
+        disableHighlightToday?: boolean;
+        showDaysOutsideCurrentMonth?: boolean;
+        monthsPerRow?: 3 | 4;
+        yearsOrder?: "asc" | "desc";
+        shouldDisableDate?: (day: import("@mui/x-date-pickers").PickerValidDate) => boolean;
+        shouldDisableMonth?: (month: import("@mui/x-date-pickers").PickerValidDate) => boolean;
+        shouldDisableYear?: (year: import("@mui/x-date-pickers").PickerValidDate) => boolean;
+        maxDate?: import("@mui/x-date-pickers").PickerValidDate;
+        minDate?: import("@mui/x-date-pickers").PickerValidDate;
+        disablePast?: boolean;
+        disableFuture?: boolean;
+        open?: boolean;
+        onClose?: () => void;
+        onOpen?: () => void;
+        disableOpenPicker?: boolean;
+        inputRef?: React.Ref<HTMLInputElement>;
+        name?: string;
+        formatDensity?: "dense" | "spacious";
+        enableAccessibleFieldDOMStructure?: any;
+        selectedSections?: import("@mui/x-date-pickers").FieldSelectedSections;
+        onSelectedSectionsChange?: (newValue: import("@mui/x-date-pickers").FieldSelectedSections) => void;
+    };
+};

package/dist/cjs/types/src/stories/Input/DateTimePicker.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateTimePicker } from '../../components/export';
+declare const meta: Meta<typeof DateTimePicker>;
+export default meta;
+type Story = StoryObj<typeof DateTimePicker>;
+export declare const Primary: Story;
+export declare const WithShortcuts: Story;
+export declare const CustomFormat: Story;
+export declare const ViewsYearMonth: Story;
+export declare const WithHelperText: Story;
+export declare const MinMaxDates: Story;
+export declare const CustomIcon: Story;
+export declare const ReadOnly: Story;
+export declare const DisableFutureDates: Story;
+export declare const DisablePastDates: Story;
+export declare const DisableSpecificDates: Story;

package/dist/cjs/types/src/stories/Input/IconButtons.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+declare const IconButtonsStory: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: Meta<typeof IconButtonsStory>;
+export default _default;
+type Story = StoryObj<typeof IconButtonsStory>;
+export declare const Icon: Story;

package/dist/cjs/types/src/stories/Input/MultiCheckBox.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { MultiCheckBox } from '../../components/Input/MultiCheckBox/MultiCheckBox';
+declare const _default: Meta<typeof MultiCheckBox>;
+export default _default;
+export declare const Default: any;

package/dist/cjs/types/src/stories/Input/OtpInput.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import OtpInput, { OtpInputProps } from '../../components/Input/OtpInput/OtpInput';
+declare const _default: Meta<typeof OtpInput>;
+export default _default;
+export declare const Default: {
+    render: (args: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        length: number;
+        onChangeOtp: (otp: string) => void;
+    };
+};

package/dist/cjs/types/src/stories/Input/Password.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { PasswordField, PasswordFieldProps } from '../../components/export';
+declare const _default: Meta<typeof PasswordField>;
+export default _default;
+export declare const Default: {
+    render: (args: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        required: boolean;
+        value: string;
+        helperText: string;
+    };
+};

package/dist/cjs/types/src/stories/Input/RadioGroup.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta } from '@storybook/react';
+import { RadioGroup, RadioGroupProps } from '../../components/Input/RadioGroup/RadioGroup';
+declare const _default: Meta<typeof RadioGroup>;
+export default _default;
+export declare const Default: {
+    render: (args: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        onChange: (event: any, value: any) => void;
+        row: boolean;
+        defaultValue: string;
+    };
+};

package/dist/cjs/types/src/stories/Input/SearchBar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { SearchBar } from '../../components/Input/SearchBar/SearchBar';
+declare const meta: Meta<typeof SearchBar>;
+export default meta;
+type Story = StoryObj<typeof SearchBar>;
+export declare const Primary: Story;
+export declare const WithPlaceHolder: Story;
+export declare const WithLabel: Story;
+export declare const WithValue: Story;

package/dist/cjs/types/src/stories/Input/Select.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from '../../components/export';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const WithPreselectedValue: Story;
+export declare const WithPlaceHolder: Story;
+export declare const EmptyOptions: Story;

package/dist/cjs/types/src/stories/Input/SingleCheckBox.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { SingleCheckBox } from '../../components/Input/SingleCheckBox/SingleCheckBox';
+declare const _default: Meta<typeof SingleCheckBox>;
+export default _default;
+export declare const Default: any;

package/dist/cjs/types/src/stories/Input/SingleSelect.stories.d.ts

@@ -0,0 +1,66 @@
+import { Meta } from '@storybook/react';
+import { SingleSelect, SingleSelectProps } from '../../components/Input/SingleSelect/SingleSelect';
+declare const _default: Meta<typeof SingleSelect>;
+export default _default;
+export declare const Default: {
+    render: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        required: boolean;
+        label: string;
+        onChange: () => void;
+    };
+};
+export declare const Primary: {
+    render: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: ({
+            label: string;
+            value: number;
+            subLabel: string;
+        } | {
+            label: string;
+            value: number;
+            subLabel?: undefined;
+        })[];
+        label: string;
+        required: boolean;
+        onChange: () => void;
+    };
+};
+export declare const WithAPIEndPoint: {
+    render: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        optionsApiEndPoint: string;
+        label: string;
+        required: boolean;
+        onChange: () => void;
+    };
+};
+export declare const SingleSelectWithValue: {
+    render: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        options: ({
+            label: string;
+            value: number;
+            subLabel: string;
+        } | {
+            label: string;
+            value: number;
+            subLabel?: undefined;
+        })[];
+        required: boolean;
+        value: number;
+        onChange: () => void;
+    };
+};
+export declare const SingleSelectWithValueAndApi: {
+    render: (args: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        optionsApiEndPoint: string;
+        label: string;
+        required: boolean;
+        value: number;
+        onChange: () => void;
+    };
+};