@bricks-toolkit/toolkit 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/dist/avatar/index.cjs +11 -1
- package/dist/avatar/index.mjs +2 -1
- package/dist/badge/index.cjs +11 -1
- package/dist/badge/index.mjs +2 -1
- package/dist/breadcrumbs/index.cjs +11 -1
- package/dist/breadcrumbs/index.mjs +2 -1
- package/dist/button/index.cjs +13 -2
- package/dist/button/index.mjs +4 -2
- package/dist/card/index.cjs +31 -1
- package/dist/card/index.mjs +2 -1
- package/dist/checkbox/index.cjs +11 -1
- package/dist/checkbox/index.mjs +2 -1
- package/dist/chunk-2POU3NX4.mjs +192 -0
- package/dist/chunk-32SKYPQW.mjs +156 -0
- package/dist/chunk-446OJWC6.mjs +285 -0
- package/dist/chunk-4DA7CRNV.mjs +376 -0
- package/dist/chunk-4DR57X7U.mjs +182 -0
- package/dist/chunk-4QSDPHPI.mjs +285 -0
- package/dist/chunk-56ILK7Y4.cjs +315 -0
- package/dist/chunk-5J3OMAO4.cjs +222 -0
- package/dist/chunk-5RKET2JO.cjs +287 -0
- package/dist/chunk-65UZC3FK.mjs +312 -0
- package/dist/chunk-6CC5KIA5.cjs +148 -0
- package/dist/chunk-6R3OYBQ6.cjs +209 -0
- package/dist/chunk-6UO72EJA.cjs +2 -0
- package/dist/chunk-6ZCY4O5M.mjs +63 -0
- package/dist/chunk-7364SUK6.mjs +359 -0
- package/dist/chunk-7DDDQ3RH.cjs +66 -0
- package/dist/chunk-7PDGAIC3.cjs +189 -0
- package/dist/chunk-7R5JRJ2W.cjs +255 -0
- package/dist/chunk-7WNJ7L4Z.mjs +335 -0
- package/dist/chunk-AJXVELXK.cjs +218 -0
- package/dist/chunk-ARTXRQO6.mjs +1 -0
- package/dist/chunk-B4OV5GRT.cjs +510 -0
- package/dist/chunk-B5MYGYJY.mjs +122 -0
- package/dist/chunk-BBVWG5GH.cjs +75 -0
- package/dist/chunk-BVBCAAES.mjs +35 -0
- package/dist/chunk-CBA54EY4.mjs +508 -0
- package/dist/chunk-CMER5LO3.mjs +330 -0
- package/dist/chunk-DHC5LI2P.cjs +338 -0
- package/dist/chunk-DMLPA65B.mjs +107 -0
- package/dist/chunk-DN2GFJF4.mjs +175 -0
- package/dist/chunk-ECLNLPOR.cjs +70 -0
- package/dist/chunk-EV463QT5.cjs +53 -0
- package/dist/chunk-FOVJHEWH.mjs +51 -0
- package/dist/chunk-G4HVY6FM.mjs +203 -0
- package/dist/chunk-H77YWN3L.mjs +220 -0
- package/dist/chunk-HIWJDLIS.cjs +124 -0
- package/dist/chunk-HQGDSOSN.mjs +274 -0
- package/dist/chunk-JKPNJ4PZ.mjs +313 -0
- package/dist/chunk-JV6AWBN5.mjs +113 -0
- package/dist/chunk-KA35BV7V.mjs +207 -0
- package/dist/chunk-KLBABQEJ.cjs +378 -0
- package/dist/chunk-L5VQZZVR.cjs +3197 -0
- package/dist/chunk-LTG6YP5I.cjs +69 -0
- package/dist/chunk-MVUNJPGH.cjs +184 -0
- package/dist/chunk-NMJ5CVZH.cjs +2 -0
- package/dist/chunk-NRCNRHXL.cjs +109 -0
- package/dist/chunk-NRZIXK35.cjs +276 -0
- package/dist/chunk-OCPFOFJ4.mjs +3195 -0
- package/dist/chunk-OEU5VG3D.cjs +362 -0
- package/dist/chunk-OPOCCRJG.cjs +193 -0
- package/dist/chunk-OQPCL5XX.mjs +187 -0
- package/dist/chunk-PCYGJNEQ.cjs +280 -0
- package/dist/chunk-PJH2KEWK.mjs +200 -0
- package/dist/chunk-PJWELBN2.cjs +115 -0
- package/dist/chunk-Q3IFXFFD.cjs +202 -0
- package/dist/chunk-R72GDCWE.cjs +314 -0
- package/dist/chunk-RAD5VJHR.mjs +146 -0
- package/dist/chunk-RYWDZHKG.mjs +274 -0
- package/dist/chunk-S7VEND5Z.cjs +162 -0
- package/dist/chunk-SBNNV6FE.mjs +1 -0
- package/dist/chunk-SFUOCZJY.mjs +187 -0
- package/dist/chunk-SHQ2MPBE.mjs +73 -0
- package/dist/chunk-TIVSMCXZ.mjs +253 -0
- package/dist/chunk-TNGW5YHA.cjs +37 -0
- package/dist/chunk-VC7MOPU6.cjs +287 -0
- package/dist/chunk-VHVFRWF5.mjs +64 -0
- package/dist/chunk-VKQDW7C2.mjs +336 -0
- package/dist/chunk-VRZFAKSV.cjs +177 -0
- package/dist/chunk-W2ZAPLQH.cjs +337 -0
- package/dist/chunk-XFNRKHHF.cjs +332 -0
- package/dist/chunk-Y3NTKFUE.mjs +66 -0
- package/dist/chunk-Y6AN7AWX.cjs +205 -0
- package/dist/chunk-YMMNWJT6.cjs +134 -0
- package/dist/chunk-YOTCXSXL.mjs +132 -0
- package/dist/combo-box/index.cjs +11 -1
- package/dist/combo-box/index.mjs +2 -1
- package/dist/date-picker/index.cjs +11 -2
- package/dist/date-picker/index.mjs +2 -2
- package/dist/dialog/index.cjs +27 -1
- package/dist/dialog/index.mjs +2 -1
- package/dist/dropdown-menu/index.cjs +27 -1
- package/dist/dropdown-menu/index.mjs +2 -1
- package/dist/email/index.cjs +11 -2
- package/dist/email/index.mjs +2 -2
- package/dist/file-upload/index.cjs +11 -1
- package/dist/file-upload/index.mjs +2 -1
- package/dist/header/index.cjs +14 -2
- package/dist/header/index.mjs +5 -2
- package/dist/icon-button/index.cjs +13 -2
- package/dist/icon-button/index.mjs +4 -2
- package/dist/image/index.cjs +12 -1
- package/dist/image/index.mjs +3 -1
- package/dist/index.cjs +839 -2
- package/dist/index.d.ts +141 -75
- package/dist/index.mjs +601 -2
- package/dist/link/index.cjs +11 -1
- package/dist/link/index.mjs +2 -1
- package/dist/loader/index.cjs +11 -2
- package/dist/loader/index.mjs +2 -2
- package/dist/modal/index.cjs +27 -1
- package/dist/modal/index.mjs +2 -1
- package/dist/multi-select/index.cjs +11 -2
- package/dist/multi-select/index.mjs +2 -2
- package/dist/otp-input/index.cjs +11 -1
- package/dist/otp-input/index.mjs +2 -1
- package/dist/password-input/index.cjs +11 -2
- package/dist/password-input/index.mjs +2 -2
- package/dist/phone/index.cjs +11 -2
- package/dist/phone/index.mjs +2 -2
- package/dist/radio-button/index.cjs +11 -1
- package/dist/radio-button/index.mjs +2 -1
- package/dist/search-input/index.cjs +12 -2
- package/dist/search-input/index.mjs +3 -2
- package/dist/select/index.cjs +11 -2
- package/dist/select/index.mjs +2 -2
- package/dist/sidebar/index.cjs +11 -1
- package/dist/sidebar/index.mjs +2 -1
- package/dist/skeleton/index.cjs +27 -1
- package/dist/skeleton/index.mjs +2 -1
- package/dist/styles.css +5074 -1
- package/dist/table/index.cjs +15 -1
- package/dist/table/index.mjs +2 -1
- package/dist/tabs/index.cjs +14 -2
- package/dist/tabs/index.mjs +5 -2
- package/dist/text-input/index.cjs +11 -2
- package/dist/text-input/index.mjs +2 -2
- package/dist/theme-provider/index.cjs +14 -1
- package/dist/theme-provider/index.mjs +1 -1
- package/dist/time-picker/index.cjs +11 -2
- package/dist/time-picker/index.mjs +2 -2
- package/dist/toaster/index.cjs +11 -1
- package/dist/toaster/index.mjs +2 -1
- package/dist/tooltip/index.cjs +12 -1
- package/dist/tooltip/index.mjs +3 -1
- package/package.json +122 -141
- package/dist/components/Accordion/Accordion.d.ts +0 -5
- package/dist/components/Accordion/Accordion.types.d.ts +0 -32
- package/dist/components/Accordion/index.d.ts +0 -2
- package/dist/components/Avatar/Avatar.d.ts +0 -2
- package/dist/components/Avatar/Avatar.stories.d.ts +0 -11
- package/dist/components/Avatar/Avatar.test.d.ts +0 -1
- package/dist/components/Avatar/Avatar.types.d.ts +0 -24
- package/dist/components/Avatar/index.d.ts +0 -2
- package/dist/components/Badge/Badge.d.ts +0 -11
- package/dist/components/Badge/Badge.stories.d.ts +0 -21
- package/dist/components/Badge/Badge.test.d.ts +0 -1
- package/dist/components/Badge/Badge.types.d.ts +0 -43
- package/dist/components/Badge/index.d.ts +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -13
- package/dist/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -27
- package/dist/components/Breadcrumbs/index.d.ts +0 -2
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.stories.d.ts +0 -20
- package/dist/components/Button/Button.test.d.ts +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -24
- package/dist/components/Button/index.d.ts +0 -2
- package/dist/components/Card/Card.d.ts +0 -25
- package/dist/components/Card/Card.stories.d.ts +0 -8
- package/dist/components/Card/Card.test.d.ts +0 -1
- package/dist/components/Card/Card.types.d.ts +0 -14
- package/dist/components/Card/index.d.ts +0 -2
- package/dist/components/Checkbox/Checkbox.d.ts +0 -2
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -16
- package/dist/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +0 -31
- package/dist/components/Checkbox/index.d.ts +0 -2
- package/dist/components/ComboBox/ComboBox.d.ts +0 -2
- package/dist/components/ComboBox/ComboBox.stories.d.ts +0 -12
- package/dist/components/ComboBox/ComboBox.test.d.ts +0 -1
- package/dist/components/ComboBox/ComboBox.types.d.ts +0 -57
- package/dist/components/ComboBox/index.d.ts +0 -2
- package/dist/components/DatePicker/DatePicker.d.ts +0 -2
- package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -25
- package/dist/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/dist/components/DatePicker/DatePicker.types.d.ts +0 -27
- package/dist/components/DatePicker/index.d.ts +0 -2
- package/dist/components/Dialog/Dialog.d.ts +0 -6
- package/dist/components/Dialog/Dialog.stories.d.ts +0 -9
- package/dist/components/Dialog/Dialog.test.d.ts +0 -1
- package/dist/components/Dialog/Dialog.types.d.ts +0 -52
- package/dist/components/Dialog/index.d.ts +0 -2
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +0 -7
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -9
- package/dist/components/DropdownMenu/DropdownMenu.test.d.ts +0 -1
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +0 -24
- package/dist/components/DropdownMenu/index.d.ts +0 -2
- package/dist/components/Email/Email.d.ts +0 -2
- package/dist/components/Email/Email.stories.d.ts +0 -11
- package/dist/components/Email/Email.test.d.ts +0 -1
- package/dist/components/Email/Email.types.d.ts +0 -33
- package/dist/components/Email/index.d.ts +0 -2
- package/dist/components/FileUpload/FileUpload.d.ts +0 -2
- package/dist/components/FileUpload/FileUpload.stories.d.ts +0 -10
- package/dist/components/FileUpload/FileUpload.test.d.ts +0 -1
- package/dist/components/FileUpload/FileUpload.types.d.ts +0 -22
- package/dist/components/FileUpload/index.d.ts +0 -2
- package/dist/components/Header/Header.d.ts +0 -7
- package/dist/components/Header/Header.stories.d.ts +0 -8
- package/dist/components/Header/Header.test.d.ts +0 -1
- package/dist/components/Header/Header.types.d.ts +0 -19
- package/dist/components/Header/index.d.ts +0 -2
- package/dist/components/IconButton/IconButton.d.ts +0 -2
- package/dist/components/IconButton/IconButton.stories.d.ts +0 -17
- package/dist/components/IconButton/IconButton.types.d.ts +0 -10
- package/dist/components/IconButton/index.d.ts +0 -2
- package/dist/components/Image/Image.d.ts +0 -6
- package/dist/components/Image/Image.stories.d.ts +0 -13
- package/dist/components/Image/Image.test.d.ts +0 -1
- package/dist/components/Image/Image.types.d.ts +0 -40
- package/dist/components/Image/index.d.ts +0 -2
- package/dist/components/Link/Link.d.ts +0 -2
- package/dist/components/Link/Link.stories.d.ts +0 -15
- package/dist/components/Link/Link.test.d.ts +0 -1
- package/dist/components/Link/Link.types.d.ts +0 -20
- package/dist/components/Link/index.d.ts +0 -2
- package/dist/components/Loader/Loader.d.ts +0 -2
- package/dist/components/Loader/Loader.stories.d.ts +0 -12
- package/dist/components/Loader/Loader.test.d.ts +0 -1
- package/dist/components/Loader/Loader.types.d.ts +0 -17
- package/dist/components/Loader/index.d.ts +0 -2
- package/dist/components/Modal/Modal.d.ts +0 -14
- package/dist/components/Modal/Modal.stories.d.ts +0 -14
- package/dist/components/Modal/Modal.test.d.ts +0 -1
- package/dist/components/Modal/Modal.types.d.ts +0 -100
- package/dist/components/Modal/index.d.ts +0 -2
- package/dist/components/MultiSelect/MultiSelect.d.ts +0 -2
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -15
- package/dist/components/MultiSelect/MultiSelect.test.d.ts +0 -1
- package/dist/components/MultiSelect/MultiSelect.types.d.ts +0 -55
- package/dist/components/MultiSelect/index.d.ts +0 -2
- package/dist/components/OtpInput/OtpInput.d.ts +0 -2
- package/dist/components/OtpInput/OtpInput.stories.d.ts +0 -10
- package/dist/components/OtpInput/OtpInput.test.d.ts +0 -1
- package/dist/components/OtpInput/OtpInput.types.d.ts +0 -53
- package/dist/components/OtpInput/index.d.ts +0 -2
- package/dist/components/PasswordInput/PasswordInput.d.ts +0 -2
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -23
- package/dist/components/PasswordInput/PasswordInput.test.d.ts +0 -1
- package/dist/components/PasswordInput/PasswordInput.types.d.ts +0 -27
- package/dist/components/PasswordInput/index.d.ts +0 -2
- package/dist/components/Phone/Phone.d.ts +0 -2
- package/dist/components/Phone/Phone.stories.d.ts +0 -11
- package/dist/components/Phone/Phone.test.d.ts +0 -1
- package/dist/components/Phone/Phone.types.d.ts +0 -36
- package/dist/components/Phone/countries.d.ts +0 -8
- package/dist/components/Phone/index.d.ts +0 -2
- package/dist/components/RadioButton/RadioButton.d.ts +0 -2
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -21
- package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.types.d.ts +0 -51
- package/dist/components/RadioButton/index.d.ts +0 -2
- package/dist/components/SearchInput/SearchInput.d.ts +0 -6
- package/dist/components/SearchInput/SearchInput.stories.d.ts +0 -8
- package/dist/components/SearchInput/SearchInput.test.d.ts +0 -1
- package/dist/components/SearchInput/SearchInput.types.d.ts +0 -12
- package/dist/components/SearchInput/index.d.ts +0 -2
- package/dist/components/Select/Select.d.ts +0 -2
- package/dist/components/Select/Select.stories.d.ts +0 -12
- package/dist/components/Select/Select.test.d.ts +0 -1
- package/dist/components/Select/Select.types.d.ts +0 -31
- package/dist/components/Select/index.d.ts +0 -2
- package/dist/components/Sidebar/Sidebar.d.ts +0 -7
- package/dist/components/Sidebar/Sidebar.stories.d.ts +0 -10
- package/dist/components/Sidebar/Sidebar.test.d.ts +0 -1
- package/dist/components/Sidebar/Sidebar.types.d.ts +0 -87
- package/dist/components/Sidebar/index.d.ts +0 -2
- package/dist/components/Skeleton/Skeleton.d.ts +0 -26
- package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -13
- package/dist/components/Skeleton/Skeleton.types.d.ts +0 -47
- package/dist/components/Skeleton/index.d.ts +0 -2
- package/dist/components/Stepper/Stepper.d.ts +0 -2
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -23
- package/dist/components/Stepper/Stepper.test.d.ts +0 -1
- package/dist/components/Stepper/Stepper.types.d.ts +0 -47
- package/dist/components/Stepper/index.d.ts +0 -2
- package/dist/components/Table/Pagination.d.ts +0 -3
- package/dist/components/Table/Table.d.ts +0 -3
- package/dist/components/Table/Table.stories.d.ts +0 -13
- package/dist/components/Table/Table.test.d.ts +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -85
- package/dist/components/Table/index.d.ts +0 -3
- package/dist/components/Tabs/Tabs.d.ts +0 -2
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -17
- package/dist/components/Tabs/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/Tabs.types.d.ts +0 -21
- package/dist/components/Tabs/index.d.ts +0 -2
- package/dist/components/TextInput/TextInput.d.ts +0 -2
- package/dist/components/TextInput/TextInput.stories.d.ts +0 -25
- package/dist/components/TextInput/TextInput.test.d.ts +0 -1
- package/dist/components/TextInput/TextInput.types.d.ts +0 -29
- package/dist/components/TextInput/index.d.ts +0 -2
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +0 -8
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +0 -16
- package/dist/components/ThemeProvider/ThemeProvider.test.d.ts +0 -1
- package/dist/components/ThemeProvider/ThemeProvider.types.d.ts +0 -112
- package/dist/components/ThemeProvider/index.d.ts +0 -2
- package/dist/components/TimePicker/TimePicker.d.ts +0 -2
- package/dist/components/TimePicker/TimePicker.stories.d.ts +0 -23
- package/dist/components/TimePicker/TimePicker.test.d.ts +0 -1
- package/dist/components/TimePicker/TimePicker.types.d.ts +0 -27
- package/dist/components/TimePicker/index.d.ts +0 -2
- package/dist/components/Toaster/Toaster.d.ts +0 -2
- package/dist/components/Toaster/Toaster.stories.d.ts +0 -13
- package/dist/components/Toaster/Toaster.test.d.ts +0 -1
- package/dist/components/Toaster/Toaster.types.d.ts +0 -23
- package/dist/components/Toaster/index.d.ts +0 -2
- package/dist/components/Toggle/Toggle.d.ts +0 -2
- package/dist/components/Toggle/Toggle.stories.d.ts +0 -11
- package/dist/components/Toggle/Toggle.types.d.ts +0 -10
- package/dist/components/Toggle/index.d.ts +0 -2
- package/dist/components/Tooltip/Tooltip.d.ts +0 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -13
- package/dist/components/Tooltip/Tooltip.test.d.ts +0 -1
- package/dist/components/Tooltip/Tooltip.types.d.ts +0 -33
- package/dist/components/Tooltip/index.d.ts +0 -2
- package/dist/utils/cn.d.ts +0 -2
- package/dist/utils/index.d.ts +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
|
|
6
|
-
label?: string;
|
|
7
|
-
required?: boolean;
|
|
8
|
-
helperText?: string;
|
|
9
|
-
errorMessage?: string;
|
|
10
|
-
successMessage?: string;
|
|
11
|
-
warningMessage?: string;
|
|
12
|
-
variant?: PasswordInputVariant;
|
|
13
|
-
size?: PasswordInputSize;
|
|
14
|
-
state?: PasswordInputState;
|
|
15
|
-
fullWidth?: boolean;
|
|
16
|
-
leftElement?: ReactNode;
|
|
17
|
-
rightElement?: ReactNode;
|
|
18
|
-
prefix?: ReactNode;
|
|
19
|
-
suffix?: ReactNode;
|
|
20
|
-
wrapperClassName?: string;
|
|
21
|
-
inputGroupClassName?: string;
|
|
22
|
-
inputClassName?: string;
|
|
23
|
-
labelClassName?: string;
|
|
24
|
-
helperClassName?: string;
|
|
25
|
-
isLoading?: boolean;
|
|
26
|
-
showPasswordToggle?: boolean;
|
|
27
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Phone } from './Phone';
|
|
3
|
-
declare const meta: Meta<typeof Phone>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Phone>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const WithIcon: Story;
|
|
8
|
-
export declare const WithPrefixAddon: Story;
|
|
9
|
-
export declare const ErrorState: Story;
|
|
10
|
-
export declare const FilledVariant: Story;
|
|
11
|
-
export declare const SuccessStateWithClear: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type PhoneState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface PhoneValue {
|
|
6
|
-
countryCode: string;
|
|
7
|
-
phoneNumber: string;
|
|
8
|
-
}
|
|
9
|
-
export interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
|
|
10
|
-
value?: PhoneValue;
|
|
11
|
-
defaultValue?: PhoneValue;
|
|
12
|
-
onChange?: (value: PhoneValue) => void;
|
|
13
|
-
showFlag?: boolean;
|
|
14
|
-
defaultCountryCode?: string;
|
|
15
|
-
label?: string;
|
|
16
|
-
required?: boolean;
|
|
17
|
-
helperText?: string;
|
|
18
|
-
errorMessage?: string;
|
|
19
|
-
successMessage?: string;
|
|
20
|
-
warningMessage?: string;
|
|
21
|
-
variant?: PhoneVariant;
|
|
22
|
-
size?: PhoneSize;
|
|
23
|
-
state?: PhoneState;
|
|
24
|
-
fullWidth?: boolean;
|
|
25
|
-
leftElement?: ReactNode;
|
|
26
|
-
rightElement?: ReactNode;
|
|
27
|
-
prefix?: ReactNode;
|
|
28
|
-
suffix?: ReactNode;
|
|
29
|
-
wrapperClassName?: string;
|
|
30
|
-
inputGroupClassName?: string;
|
|
31
|
-
inputClassName?: string;
|
|
32
|
-
labelClassName?: string;
|
|
33
|
-
helperClassName?: string;
|
|
34
|
-
clearable?: boolean;
|
|
35
|
-
isLoading?: boolean;
|
|
36
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { RadioButton } from './RadioButton';
|
|
3
|
-
declare const meta: Meta<typeof RadioButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default radio button with a label and helper text. */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All three size variants shown side-by-side. */
|
|
9
|
-
export declare const Sizes: Story;
|
|
10
|
-
/** All four validation states. */
|
|
11
|
-
export declare const ValidationStates: Story;
|
|
12
|
-
/** A group of radio buttons sharing the same `name`. */
|
|
13
|
-
export declare const RadioGroup: Story;
|
|
14
|
-
/** Required fields show a red asterisk beside the label. */
|
|
15
|
-
export declare const Required: Story;
|
|
16
|
-
/** Disabled input — read-only and non-interactive. */
|
|
17
|
-
export declare const Disabled: Story;
|
|
18
|
-
/** Override styles via `className` and `wrapperClassName`. */
|
|
19
|
-
export declare const CustomClassName: Story;
|
|
20
|
-
/** Input without a label — uses `aria-label` on the `<input>` instead. */
|
|
21
|
-
export declare const NoLabel: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type RadioButtonSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
5
|
-
/**
|
|
6
|
-
* Optional label displayed next to the radio button.
|
|
7
|
-
*/
|
|
8
|
-
label?: ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Helper text displayed below the radio button.
|
|
11
|
-
*/
|
|
12
|
-
helperText?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Error message displayed when state is 'error'.
|
|
15
|
-
*/
|
|
16
|
-
errorMessage?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Success message displayed when state is 'success'.
|
|
19
|
-
*/
|
|
20
|
-
successMessage?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Warning message displayed when state is 'warning'.
|
|
23
|
-
*/
|
|
24
|
-
warningMessage?: string;
|
|
25
|
-
/**
|
|
26
|
-
* The size of the radio button and label.
|
|
27
|
-
* @default 'md'
|
|
28
|
-
*/
|
|
29
|
-
size?: RadioButtonSize;
|
|
30
|
-
/**
|
|
31
|
-
* The validation state of the radio button.
|
|
32
|
-
* @default 'default'
|
|
33
|
-
*/
|
|
34
|
-
state?: RadioButtonState;
|
|
35
|
-
/**
|
|
36
|
-
* Additional class applied to the outer wrapper element.
|
|
37
|
-
*/
|
|
38
|
-
wrapperClassName?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Additional class applied to the input element itself.
|
|
41
|
-
*/
|
|
42
|
-
inputClassName?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Additional class applied to the label text element.
|
|
45
|
-
*/
|
|
46
|
-
labelClassName?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Additional class applied to the helper/state message element.
|
|
49
|
-
*/
|
|
50
|
-
helperClassName?: string;
|
|
51
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SearchInputProps } from './SearchInput.types';
|
|
2
|
-
/**
|
|
3
|
-
* SearchInput component - A debounced input field for search functionality.
|
|
4
|
-
* Built on top of TextInput, it includes a search icon by default and handles debouncing.
|
|
5
|
-
*/
|
|
6
|
-
export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { SearchInput } from './SearchInput';
|
|
3
|
-
declare const meta: Meta<typeof SearchInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Controlled: Story;
|
|
8
|
-
export declare const CustomIcon: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { TextInputProps } from '../TextInput/TextInput.types';
|
|
2
|
-
export interface SearchInputProps extends TextInputProps {
|
|
3
|
-
/**
|
|
4
|
-
* The delay in milliseconds before the onDebouncedChange callback is called.
|
|
5
|
-
* @default 300
|
|
6
|
-
*/
|
|
7
|
-
debounce?: number;
|
|
8
|
-
/**
|
|
9
|
-
* Callback function called after the debounce delay with the current input value.
|
|
10
|
-
*/
|
|
11
|
-
onDebouncedChange?: (value: string) => void;
|
|
12
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Select } from './Select';
|
|
3
|
-
declare const meta: Meta<typeof Select>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Sizes: Story;
|
|
8
|
-
export declare const Variants: Story;
|
|
9
|
-
export declare const ValidationStates: Story;
|
|
10
|
-
export declare const Required: Story;
|
|
11
|
-
export declare const Disabled: Story;
|
|
12
|
-
export declare const WithChildren: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { SelectHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type SelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
3
|
-
export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type SelectState = 'default' | 'error' | 'success' | 'warning';
|
|
5
|
-
export interface SelectOption {
|
|
6
|
-
label: string;
|
|
7
|
-
value: string | number;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
11
|
-
label?: string;
|
|
12
|
-
required?: boolean;
|
|
13
|
-
helperText?: string;
|
|
14
|
-
errorMessage?: string;
|
|
15
|
-
successMessage?: string;
|
|
16
|
-
warningMessage?: string;
|
|
17
|
-
variant?: SelectVariant;
|
|
18
|
-
size?: SelectSize;
|
|
19
|
-
state?: SelectState;
|
|
20
|
-
fullWidth?: boolean;
|
|
21
|
-
leftElement?: ReactNode;
|
|
22
|
-
rightElement?: ReactNode;
|
|
23
|
-
wrapperClassName?: string;
|
|
24
|
-
inputGroupClassName?: string;
|
|
25
|
-
inputClassName?: string;
|
|
26
|
-
labelClassName?: string;
|
|
27
|
-
helperClassName?: string;
|
|
28
|
-
isLoading?: boolean;
|
|
29
|
-
options?: SelectOption[];
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Sidebar } from './Sidebar';
|
|
3
|
-
declare const meta: Meta<typeof Sidebar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Sidebar>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const FullyCustomizable: Story;
|
|
8
|
-
export declare const RightPositioned: Story;
|
|
9
|
-
export declare const CustomItemRendering: Story;
|
|
10
|
-
export declare const NestedItems: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import type { ReactNode, ElementType, CSSProperties } from 'react';
|
|
2
|
-
export interface SidebarItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
icon?: ReactNode;
|
|
6
|
-
href?: string;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
isActive?: boolean;
|
|
9
|
-
badge?: ReactNode;
|
|
10
|
-
/** Optional component to use for the item (e.g., NavLink) */
|
|
11
|
-
component?: ElementType;
|
|
12
|
-
/** Optional props for the custom component */
|
|
13
|
-
componentProps?: Record<string, unknown>;
|
|
14
|
-
/** Optional nested items */
|
|
15
|
-
items?: SidebarItem[];
|
|
16
|
-
/** Whether the item is currently expanded (for nested items) */
|
|
17
|
-
isExpanded?: boolean;
|
|
18
|
-
/** Whether the item should be hidden */
|
|
19
|
-
hidden?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export interface SidebarGroup {
|
|
22
|
-
id: string;
|
|
23
|
-
label?: string;
|
|
24
|
-
items: SidebarItem[];
|
|
25
|
-
/** Whether the group should be hidden */
|
|
26
|
-
hidden?: boolean;
|
|
27
|
-
}
|
|
28
|
-
export interface SidebarClassNames {
|
|
29
|
-
root?: string;
|
|
30
|
-
header?: string;
|
|
31
|
-
content?: string;
|
|
32
|
-
footer?: string;
|
|
33
|
-
group?: string;
|
|
34
|
-
groupLabel?: string;
|
|
35
|
-
item?: string;
|
|
36
|
-
itemIcon?: string;
|
|
37
|
-
itemLabel?: string;
|
|
38
|
-
itemActive?: string;
|
|
39
|
-
itemCollapsed?: string;
|
|
40
|
-
toggleButton?: string;
|
|
41
|
-
}
|
|
42
|
-
export interface SidebarStyles {
|
|
43
|
-
root?: CSSProperties;
|
|
44
|
-
header?: CSSProperties;
|
|
45
|
-
content?: CSSProperties;
|
|
46
|
-
footer?: CSSProperties;
|
|
47
|
-
group?: CSSProperties;
|
|
48
|
-
groupLabel?: CSSProperties;
|
|
49
|
-
item?: CSSProperties;
|
|
50
|
-
itemIcon?: CSSProperties;
|
|
51
|
-
itemLabel?: CSSProperties;
|
|
52
|
-
toggleButton?: CSSProperties;
|
|
53
|
-
}
|
|
54
|
-
export interface SidebarProps {
|
|
55
|
-
/** Groups of navigation items to display in the sidebar. */
|
|
56
|
-
groups: SidebarGroup[];
|
|
57
|
-
/** Whether the sidebar is in its collapsed state. */
|
|
58
|
-
isCollapsed?: boolean;
|
|
59
|
-
/** Callback triggered when the collapsed state changes. */
|
|
60
|
-
onToggleCollapse?: (isCollapsed: boolean) => void;
|
|
61
|
-
/** Optional logo or brand element to display at the top. */
|
|
62
|
-
logo?: ReactNode;
|
|
63
|
-
/** Optional footer content. */
|
|
64
|
-
footer?: ReactNode;
|
|
65
|
-
/** Additional CSS classes for the container. */
|
|
66
|
-
className?: string;
|
|
67
|
-
/** Whether to show the glass effect. */
|
|
68
|
-
glass?: boolean;
|
|
69
|
-
/** Custom width for expanded state (default: 288px / 72rem) */
|
|
70
|
-
width?: string | number;
|
|
71
|
-
/** Custom width for collapsed state (default: 80px / 20rem) */
|
|
72
|
-
collapsedWidth?: string | number;
|
|
73
|
-
/** Whether to show the built-in collapse toggle button */
|
|
74
|
-
showToggleButton?: boolean;
|
|
75
|
-
/** Position of the toggle button ('top' | 'bottom' | 'center') */
|
|
76
|
-
togglePosition?: 'top' | 'bottom' | 'center';
|
|
77
|
-
/** Placement of the sidebar */
|
|
78
|
-
position?: 'left' | 'right';
|
|
79
|
-
/** Whether icons should be centered when collapsed */
|
|
80
|
-
centerIcons?: boolean;
|
|
81
|
-
/** Deep customization of CSS classes */
|
|
82
|
-
classNames?: SidebarClassNames;
|
|
83
|
-
/** Deep customization of inline styles */
|
|
84
|
-
styles?: SidebarStyles;
|
|
85
|
-
/** Custom render function for items */
|
|
86
|
-
renderItem?: (item: SidebarItem, isCollapsed: boolean) => ReactNode;
|
|
87
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonTableProps } from './Skeleton.types';
|
|
2
|
-
/**
|
|
3
|
-
* Primitive skeleton block. Use this as the building brick for any custom
|
|
4
|
-
* layout skeleton you need.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
/**
|
|
8
|
-
* Multi-line text placeholder. The last line is intentionally shorter to
|
|
9
|
-
* mimic natural prose paragraph endings.
|
|
10
|
-
*/
|
|
11
|
-
export declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
/**
|
|
13
|
-
* Circular avatar placeholder. Pairs naturally with SkeletonText to build
|
|
14
|
-
* user-card or comment-thread loaders.
|
|
15
|
-
*/
|
|
16
|
-
export declare const SkeletonAvatar: React.ForwardRefExoticComponent<SkeletonAvatarProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
-
/**
|
|
18
|
-
* Pre-composed card skeleton mirroring the Card component structure:
|
|
19
|
-
* optional hero image → title → description lines → action bar.
|
|
20
|
-
*/
|
|
21
|
-
export declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
/**
|
|
23
|
-
* Full table placeholder matching the Table component's visual grid.
|
|
24
|
-
* Renders a configurable number of column headers and body rows.
|
|
25
|
-
*/
|
|
26
|
-
export declare const SkeletonTable: React.ForwardRefExoticComponent<SkeletonTableProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Skeleton } from './Skeleton';
|
|
3
|
-
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Skeleton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Variants: Story;
|
|
8
|
-
export declare const Shapes: Story;
|
|
9
|
-
export declare const TextBlock: Story;
|
|
10
|
-
export declare const AvatarWithText: Story;
|
|
11
|
-
export declare const CardSkeleton: Story;
|
|
12
|
-
export declare const TableSkeleton: Story;
|
|
13
|
-
export declare const DashboardPageSkeleton: Story;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export type SkeletonVariant = 'default' | 'wave' | 'pulse';
|
|
3
|
-
export type SkeletonShape = 'rectangle' | 'circle' | 'rounded';
|
|
4
|
-
export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/** Animation style of the skeleton. Defaults to 'wave'. */
|
|
6
|
-
variant?: SkeletonVariant;
|
|
7
|
-
/** Shape of the skeleton block. Defaults to 'rectangle'. */
|
|
8
|
-
shape?: SkeletonShape;
|
|
9
|
-
/** Explicit width (e.g. '100%', '200px'). Falls back to the element's natural width. */
|
|
10
|
-
width?: string | number;
|
|
11
|
-
/** Explicit height (e.g. '1rem', 48). Falls back to the element's natural height. */
|
|
12
|
-
height?: string | number;
|
|
13
|
-
}
|
|
14
|
-
export interface SkeletonTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
-
/** Number of text lines to render. Defaults to 3. */
|
|
16
|
-
lines?: number;
|
|
17
|
-
/** Animation variant forwarded to each line. Defaults to 'wave'. */
|
|
18
|
-
variant?: SkeletonVariant;
|
|
19
|
-
/** When true the last line is shorter (≈ 60 %) to look like natural prose. Defaults to true. */
|
|
20
|
-
shortLast?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export interface SkeletonAvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
23
|
-
/** Diameter of the avatar circle in pixels. Defaults to 40. */
|
|
24
|
-
size?: number;
|
|
25
|
-
/** Animation variant. Defaults to 'wave'. */
|
|
26
|
-
variant?: SkeletonVariant;
|
|
27
|
-
}
|
|
28
|
-
export interface SkeletonCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
29
|
-
/** Show a header image placeholder at the top of the card. Defaults to true. */
|
|
30
|
-
showImage?: boolean;
|
|
31
|
-
/** Height of the image placeholder in pixels. Defaults to 160. */
|
|
32
|
-
imageHeight?: number;
|
|
33
|
-
/** Number of text-line skeletons in the body. Defaults to 3. */
|
|
34
|
-
lines?: number;
|
|
35
|
-
/** Animation variant forwarded to all children. Defaults to 'wave'. */
|
|
36
|
-
variant?: SkeletonVariant;
|
|
37
|
-
}
|
|
38
|
-
export interface SkeletonTableProps extends HTMLAttributes<HTMLDivElement> {
|
|
39
|
-
/** Number of rows to render. Defaults to 5. */
|
|
40
|
-
rows?: number;
|
|
41
|
-
/** Number of columns to render. Defaults to 4. */
|
|
42
|
-
columns?: number;
|
|
43
|
-
/** Animation variant. Defaults to 'wave'. */
|
|
44
|
-
variant?: SkeletonVariant;
|
|
45
|
-
/** Show a header row above the body rows. Defaults to true. */
|
|
46
|
-
showHeader?: boolean;
|
|
47
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Stepper } from './Stepper';
|
|
3
|
-
declare const meta: Meta<typeof Stepper>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default Stepper starting at step 2 (Profile). */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All four visual variants. */
|
|
9
|
-
export declare const Variants: Story;
|
|
10
|
-
/** All three size tokens. */
|
|
11
|
-
export declare const Sizes: Story;
|
|
12
|
-
/** Vertical orientation, great for sidebars or wizards. */
|
|
13
|
-
export declare const Vertical: Story;
|
|
14
|
-
/** All four variants in vertical orientation. */
|
|
15
|
-
export declare const VerticalVariants: Story;
|
|
16
|
-
/** Steps with custom Heroicon icons instead of numbers. */
|
|
17
|
-
export declare const WithIcons: Story;
|
|
18
|
-
/** A step can be marked with an error status. */
|
|
19
|
-
export declare const WithError: Story;
|
|
20
|
-
/** When `clickable` is true, users can jump to any step. */
|
|
21
|
-
export declare const Clickable: Story;
|
|
22
|
-
/** Fully controlled stepper driven by external state with next/back navigation. */
|
|
23
|
-
export declare const Controlled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
/** Visual style of the stepper. */
|
|
3
|
-
export type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
|
|
4
|
-
/** Size token for the stepper. */
|
|
5
|
-
export type StepperSize = 'sm' | 'md' | 'lg';
|
|
6
|
-
/** Layout orientation. */
|
|
7
|
-
export type StepperOrientation = 'horizontal' | 'vertical';
|
|
8
|
-
/** State of an individual step. */
|
|
9
|
-
export type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
|
|
10
|
-
export interface StepItem {
|
|
11
|
-
/** Unique identifier for the step. */
|
|
12
|
-
id: string;
|
|
13
|
-
/** Primary label shown below / beside the step indicator. */
|
|
14
|
-
label: ReactNode;
|
|
15
|
-
/** Optional secondary description text. */
|
|
16
|
-
description?: ReactNode;
|
|
17
|
-
/** Optional custom icon to render inside the step indicator (overrides the step number). */
|
|
18
|
-
icon?: ReactNode;
|
|
19
|
-
/** Marks the step as disabled — cannot be clicked. */
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/** Optional extra content/panel revealed when this step is active. */
|
|
22
|
-
content?: ReactNode;
|
|
23
|
-
/** Override status explicitly. When omitted, status is derived from `currentStep`. */
|
|
24
|
-
status?: StepStatus;
|
|
25
|
-
}
|
|
26
|
-
export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
27
|
-
/** Ordered list of steps to render. */
|
|
28
|
-
steps: StepItem[];
|
|
29
|
-
/** Zero-based index of the currently active step. */
|
|
30
|
-
currentStep?: number;
|
|
31
|
-
/** Callback fired when the user clicks a step (passes zero-based index). */
|
|
32
|
-
onChange?: (index: number) => void;
|
|
33
|
-
/** Visual style. Defaults to `'default'`. */
|
|
34
|
-
variant?: StepperVariant;
|
|
35
|
-
/** Size. Defaults to `'md'`. */
|
|
36
|
-
size?: StepperSize;
|
|
37
|
-
/** Layout direction. Defaults to `'horizontal'`. */
|
|
38
|
-
orientation?: StepperOrientation;
|
|
39
|
-
/** Whether steps are clickable for navigation. Defaults to `false`. */
|
|
40
|
-
clickable?: boolean;
|
|
41
|
-
/** Show content panel of the active step below the stepper. Defaults to `true`. */
|
|
42
|
-
showContent?: boolean;
|
|
43
|
-
/** Extra class applied to the step connector line. */
|
|
44
|
-
connectorClassName?: string;
|
|
45
|
-
/** Extra class applied to each step wrapper. */
|
|
46
|
-
stepClassName?: string;
|
|
47
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { PaginationProps } from './Table.types';
|
|
3
|
-
export declare function Pagination({ total, page, pageSize, totalPages: propTotalPages, hasNextPage: propHasNextPage, hasPrevPage: propHasPrevPage, onPageChange, onPageSizeChange, pageSizeOptions, showSizeChanger, className, }: PaginationProps): React.JSX.Element;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TableProps } from './Table.types';
|
|
3
|
-
export declare function Table<T extends object>({ data, columns, rowKey, loading, emptyMessage, striped, bordered, hoverable, stickyHeader, size, sortState: externalSort, onSortChange, className, tableClassName, pagination, headerVariant, }: TableProps<T>): React.JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Table } from './Table';
|
|
3
|
-
declare const meta: Meta<typeof Table>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const StripedBordered: Story;
|
|
8
|
-
export declare const Loading: Story;
|
|
9
|
-
export declare const Empty: Story;
|
|
10
|
-
export declare const WithPagination: Story;
|
|
11
|
-
export declare const Sortable: Story;
|
|
12
|
-
export declare const Sizes: Story;
|
|
13
|
-
export declare const PaginationStory: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|