@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,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { FileUpload } from './FileUpload';
|
|
3
|
-
declare const meta: Meta<typeof FileUpload>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const MultiFileUpload: Story;
|
|
8
|
-
export declare const States: Story;
|
|
9
|
-
export declare const Sizes: Story;
|
|
10
|
-
export declare const Disabled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type FileUploadSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export type FileUploadState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
|
|
5
|
-
label?: string;
|
|
6
|
-
required?: boolean;
|
|
7
|
-
helperText?: string;
|
|
8
|
-
errorMessage?: string;
|
|
9
|
-
successMessage?: string;
|
|
10
|
-
warningMessage?: string;
|
|
11
|
-
size?: FileUploadSize;
|
|
12
|
-
state?: FileUploadState;
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
wrapperClassName?: string;
|
|
15
|
-
labelClassName?: string;
|
|
16
|
-
helperClassName?: string;
|
|
17
|
-
dropzoneClassName?: string;
|
|
18
|
-
icon?: ReactNode;
|
|
19
|
-
maxSize?: number;
|
|
20
|
-
maxFiles?: number;
|
|
21
|
-
onFilesSelected?: (files: File[]) => void;
|
|
22
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Header } from './Header';
|
|
3
|
-
declare const meta: Meta<typeof Header>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Header>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Simple: Story;
|
|
8
|
-
export declare const WithGlassEffect: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
export interface HeaderProps {
|
|
3
|
-
/** Logo or brand element to display on the left. */
|
|
4
|
-
logo?: ReactNode;
|
|
5
|
-
/** Middle section content, often used for search. */
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/** Array of menu items or icons for the right side actions. */
|
|
8
|
-
actions?: ReactNode;
|
|
9
|
-
/** Optional user profile section content. */
|
|
10
|
-
userSection?: ReactNode;
|
|
11
|
-
/** Whether the header is sticky at the top. */
|
|
12
|
-
isSticky?: boolean;
|
|
13
|
-
/** Additional CSS classes for the container. */
|
|
14
|
-
className?: string;
|
|
15
|
-
/** Whether to show the glass effect. */
|
|
16
|
-
glass?: boolean;
|
|
17
|
-
/** Sidebar toggle click handler (for mobile). */
|
|
18
|
-
onMenuToggle?: () => void;
|
|
19
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { IconButton } from './IconButton';
|
|
3
|
-
declare const meta: Meta<typeof IconButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof IconButton>;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Round: Story;
|
|
8
|
-
export declare const Secondary: Story;
|
|
9
|
-
export declare const Outline: Story;
|
|
10
|
-
export declare const Ghost: Story;
|
|
11
|
-
export declare const Danger: Story;
|
|
12
|
-
export declare const Success: Story;
|
|
13
|
-
export declare const Warning: Story;
|
|
14
|
-
export declare const Info: Story;
|
|
15
|
-
export declare const Loading: Story;
|
|
16
|
-
export declare const Sizes: Story;
|
|
17
|
-
export declare const WithTooltip: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ButtonProps } from '../Button/Button.types';
|
|
3
|
-
export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
|
|
4
|
-
/** The icon to display inside the button */
|
|
5
|
-
icon: ReactNode;
|
|
6
|
-
/** Accessible label for the icon button */
|
|
7
|
-
'aria-label': string;
|
|
8
|
-
/** Whether the button should be rounded/circular */
|
|
9
|
-
isRound?: boolean;
|
|
10
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { ImageProps } from './Image.types';
|
|
3
|
-
/**
|
|
4
|
-
* A robust Image component with built-in loading states and error handling.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Image } from './Image';
|
|
3
|
-
declare const meta: Meta<typeof Image>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Image>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithAspectRatio: Story;
|
|
8
|
-
export declare const Square: Story;
|
|
9
|
-
export declare const ObjectContain: Story;
|
|
10
|
-
export declare const LoadingState: Story;
|
|
11
|
-
export declare const ErrorState: Story;
|
|
12
|
-
export declare const CustomFallback: Story;
|
|
13
|
-
export declare const FallbackImage: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import type { ImgHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The source URL of the image.
|
|
5
|
-
*/
|
|
6
|
-
src: string;
|
|
7
|
-
/**
|
|
8
|
-
* The alt text for the image.
|
|
9
|
-
*/
|
|
10
|
-
alt: string;
|
|
11
|
-
/**
|
|
12
|
-
* Optional fallback component or image URL to show if the image fails to load.
|
|
13
|
-
*/
|
|
14
|
-
fallback?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Optional component to show while the image is loading.
|
|
17
|
-
* If not provided, a default Skeleton will be used.
|
|
18
|
-
*/
|
|
19
|
-
loadingComponent?: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Whether to show a skeleton loader while loading.
|
|
22
|
-
* @default true
|
|
23
|
-
*/
|
|
24
|
-
showSkeleton?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* The aspect ratio of the image container.
|
|
27
|
-
* Useful to prevent layout shift.
|
|
28
|
-
* Example: '16/9', '1/1', '4/3'
|
|
29
|
-
*/
|
|
30
|
-
aspectRatio?: string;
|
|
31
|
-
/**
|
|
32
|
-
* How the image should be fitted in its container.
|
|
33
|
-
* @default 'cover'
|
|
34
|
-
*/
|
|
35
|
-
objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
36
|
-
/**
|
|
37
|
-
* Container className.
|
|
38
|
-
*/
|
|
39
|
-
containerClassName?: string;
|
|
40
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Link } from './Link';
|
|
3
|
-
declare const meta: Meta<typeof Link>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Link>;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Secondary: Story;
|
|
8
|
-
export declare const Danger: Story;
|
|
9
|
-
export declare const Ghost: Story;
|
|
10
|
-
export declare const ExternalLink: Story;
|
|
11
|
-
export declare const WithLeftIcon: Story;
|
|
12
|
-
export declare const WithRightIcon: Story;
|
|
13
|
-
export declare const Disabled: Story;
|
|
14
|
-
export declare const Sizes: Story;
|
|
15
|
-
export declare const InlineParagraph: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { AnchorHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
|
|
3
|
-
export type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
-
export type LinkUnderline = 'always' | 'hover' | 'none';
|
|
5
|
-
export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
6
|
-
/** The styling variant of the link */
|
|
7
|
-
variant?: LinkVariant;
|
|
8
|
-
/** The text size of the link */
|
|
9
|
-
size?: LinkSize;
|
|
10
|
-
/** Controls when the underline decoration is visible */
|
|
11
|
-
underline?: LinkUnderline;
|
|
12
|
-
/** If true, natively configures target="_blank" and secure rel attributes */
|
|
13
|
-
isExternal?: boolean;
|
|
14
|
-
/** Disables the link securely (removes pointer events and sets aria-disabled) */
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
/** An optional icon element to display before the text */
|
|
17
|
-
leftIcon?: ReactNode;
|
|
18
|
-
/** An optional icon element to display after the text */
|
|
19
|
-
rightIcon?: ReactNode;
|
|
20
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Loader } from './Loader';
|
|
3
|
-
declare const meta: Meta<typeof Loader>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Variants: Story;
|
|
8
|
-
export declare const Sizes: Story;
|
|
9
|
-
export declare const Colors: Story;
|
|
10
|
-
export declare const DotsVariant: Story;
|
|
11
|
-
export declare const PulseVariant: Story;
|
|
12
|
-
export declare const BarVariant: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
|
|
2
|
-
export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
|
|
4
|
-
export interface LoaderProps {
|
|
5
|
-
/** Visual style of the loader. Defaults to 'spinner'. */
|
|
6
|
-
variant?: LoaderVariant;
|
|
7
|
-
/** Size of the loader. Defaults to 'md'. */
|
|
8
|
-
size?: LoaderSize;
|
|
9
|
-
/** Color theme. Defaults to 'primary'. */
|
|
10
|
-
color?: LoaderColor;
|
|
11
|
-
/** Screen-reader label. Defaults to 'Loading…'. */
|
|
12
|
-
label?: string;
|
|
13
|
-
/** When true the loader is centred inside a full-page overlay. */
|
|
14
|
-
fullscreen?: boolean;
|
|
15
|
-
/** Additional class for the outermost element. */
|
|
16
|
-
className?: string;
|
|
17
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalCloseButtonProps } from './Modal.types';
|
|
2
|
-
interface ModalComponent {
|
|
3
|
-
(props: ModalProps): React.ReactPortal | null;
|
|
4
|
-
Header: typeof ModalHeader;
|
|
5
|
-
Body: typeof ModalBody;
|
|
6
|
-
Footer: typeof ModalFooter;
|
|
7
|
-
CloseButton: typeof ModalCloseButton;
|
|
8
|
-
}
|
|
9
|
-
export declare const Modal: ModalComponent;
|
|
10
|
-
export declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
|
|
11
|
-
export declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
|
|
12
|
-
export declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
|
|
13
|
-
export declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Modal } from './Modal';
|
|
3
|
-
declare const meta: Meta<typeof Modal>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const ConfirmDelete: Story;
|
|
8
|
-
export declare const GlassVariant: Story;
|
|
9
|
-
export declare const BottomSheet: Story;
|
|
10
|
-
export declare const LeftSideSheet: Story;
|
|
11
|
-
export declare const RightSideSheet: Story;
|
|
12
|
-
export declare const Sizes: Story;
|
|
13
|
-
export declare const FullScreen: Story;
|
|
14
|
-
export declare const FullBleedContent: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
|
|
3
|
-
/**
|
|
4
|
-
* Visual style variant of the modal
|
|
5
|
-
* - `default`: Standard surface background with border
|
|
6
|
-
* - `glass`: Glassmorphism effect with blur and translucency
|
|
7
|
-
* - `flat`: No border, flat surface
|
|
8
|
-
*/
|
|
9
|
-
export type ModalVariant = 'default' | 'glass' | 'flat';
|
|
10
|
-
/**
|
|
11
|
-
* Position/entry direction of the modal
|
|
12
|
-
* - `top`: Modal appears near the top
|
|
13
|
-
* - `center`: Modal is vertically centered (default dialog)
|
|
14
|
-
* - `bottom`: Slides up from the bottom (bottom sheet)
|
|
15
|
-
* - `left`: Slides in from the left (left drawer)
|
|
16
|
-
* - `right`: Slides in from the right (right drawer)
|
|
17
|
-
*/
|
|
18
|
-
export type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
|
|
19
|
-
export interface ModalProps {
|
|
20
|
-
/** Controls whether the modal is visible */
|
|
21
|
-
isOpen: boolean;
|
|
22
|
-
/** Called when the modal should close */
|
|
23
|
-
onClose: () => void;
|
|
24
|
-
/** Content rendered inside the modal */
|
|
25
|
-
children?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Size of the modal
|
|
28
|
-
* @default 'md'
|
|
29
|
-
*/
|
|
30
|
-
size?: ModalSize;
|
|
31
|
-
/**
|
|
32
|
-
* Visual variant of the modal
|
|
33
|
-
* @default 'default'
|
|
34
|
-
*/
|
|
35
|
-
variant?: ModalVariant;
|
|
36
|
-
/**
|
|
37
|
-
* Vertical position of modal on screen
|
|
38
|
-
* @default 'center'
|
|
39
|
-
*/
|
|
40
|
-
position?: ModalPosition;
|
|
41
|
-
/**
|
|
42
|
-
* Close modal when clicking the overlay
|
|
43
|
-
* @default true
|
|
44
|
-
*/
|
|
45
|
-
closeOnOverlayClick?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Close modal when pressing the Escape key
|
|
48
|
-
* @default true
|
|
49
|
-
*/
|
|
50
|
-
closeOnEsc?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Trap focus inside the modal for accessibility
|
|
53
|
-
* @default true
|
|
54
|
-
*/
|
|
55
|
-
trapFocus?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Lock body scroll when modal is open
|
|
58
|
-
* @default true
|
|
59
|
-
*/
|
|
60
|
-
lockScroll?: boolean;
|
|
61
|
-
/** Extra class(es) applied to the modal content panel */
|
|
62
|
-
contentClassName?: string;
|
|
63
|
-
/** Extra class(es) applied to the backdrop overlay */
|
|
64
|
-
overlayClassName?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Show the dark backdrop overlay
|
|
67
|
-
* @default true
|
|
68
|
-
*/
|
|
69
|
-
showBackdrop?: boolean;
|
|
70
|
-
/** aria-label for the dialog (use when no visible title exists) */
|
|
71
|
-
ariaLabel?: string;
|
|
72
|
-
/** ID of the element that labels the dialog */
|
|
73
|
-
ariaLabelledby?: string;
|
|
74
|
-
/** ID of the element that describes the dialog */
|
|
75
|
-
ariaDescribedby?: string;
|
|
76
|
-
}
|
|
77
|
-
export interface ModalHeaderProps {
|
|
78
|
-
children: ReactNode;
|
|
79
|
-
className?: string;
|
|
80
|
-
/** Optional decorative icon rendered before the title */
|
|
81
|
-
icon?: ReactNode;
|
|
82
|
-
/** Optional description shown below the title */
|
|
83
|
-
description?: string;
|
|
84
|
-
}
|
|
85
|
-
export interface ModalBodyProps {
|
|
86
|
-
children: ReactNode;
|
|
87
|
-
className?: string;
|
|
88
|
-
/** Remove default padding (useful for full-bleed content) */
|
|
89
|
-
noPadding?: boolean;
|
|
90
|
-
}
|
|
91
|
-
export interface ModalFooterProps {
|
|
92
|
-
children: ReactNode;
|
|
93
|
-
className?: string;
|
|
94
|
-
/** Left-align the footer actions instead of right-aligning */
|
|
95
|
-
align?: 'left' | 'center' | 'right';
|
|
96
|
-
}
|
|
97
|
-
export interface ModalCloseButtonProps {
|
|
98
|
-
onClick?: () => void;
|
|
99
|
-
className?: string;
|
|
100
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { MultiSelect } from './MultiSelect';
|
|
3
|
-
declare const meta: Meta<typeof MultiSelect>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default custom multi-select dropdown. */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** Pass `defaultValue` to prepopulate settings seamlessly. */
|
|
9
|
-
export declare const PreSelected: Story;
|
|
10
|
-
/** Ensure forms outline errors and states correctly across selections. */
|
|
11
|
-
export declare const ValidationStates: Story;
|
|
12
|
-
/** Adjusting visual layouts for integration context (flushed, filled, default). */
|
|
13
|
-
export declare const Variants: Story;
|
|
14
|
-
/** Loading and disabled triggers. */
|
|
15
|
-
export declare const LoadingAndDisabled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
export type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
2
|
-
export type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface MultiSelectOption {
|
|
5
|
-
label: string;
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export interface MultiSelectProps {
|
|
9
|
-
/** Array of available options */
|
|
10
|
-
options: MultiSelectOption[];
|
|
11
|
-
/** Array of currently selected values */
|
|
12
|
-
value?: string[];
|
|
13
|
-
/** Array of initially selected values (for uncontrolled usage) */
|
|
14
|
-
defaultValue?: string[];
|
|
15
|
-
/** Callback fired when selection changes */
|
|
16
|
-
onChange?: (values: string[]) => void;
|
|
17
|
-
/** Placeholder text when nothing is selected */
|
|
18
|
-
placeholder?: string;
|
|
19
|
-
/** Text label rendered above the input */
|
|
20
|
-
label?: string;
|
|
21
|
-
/** Adds a required asterisk */
|
|
22
|
-
required?: boolean;
|
|
23
|
-
/** Helper text rendered below the input */
|
|
24
|
-
helperText?: string;
|
|
25
|
-
/** Error message rendered below the input when state is 'error' */
|
|
26
|
-
errorMessage?: string;
|
|
27
|
-
/** Success message rendered below the input when state is 'success' */
|
|
28
|
-
successMessage?: string;
|
|
29
|
-
/** Warning message rendered below the input when state is 'warning' */
|
|
30
|
-
warningMessage?: string;
|
|
31
|
-
/** Visual variant of the input trigger */
|
|
32
|
-
variant?: MultiSelectVariant;
|
|
33
|
-
/** Overall size scale of the component */
|
|
34
|
-
size?: MultiSelectSize;
|
|
35
|
-
/** Validation state affecting border colors */
|
|
36
|
-
state?: MultiSelectState;
|
|
37
|
-
/** Whether the component should take full width of its container */
|
|
38
|
-
fullWidth?: boolean;
|
|
39
|
-
/** Disables interactions */
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/** Shows a loading state (e.g., fetching options) */
|
|
42
|
-
isLoading?: boolean;
|
|
43
|
-
/** Custom ID for the component elements */
|
|
44
|
-
id?: string;
|
|
45
|
-
/** Appended to the outermost wrapper */
|
|
46
|
-
wrapperClassName?: string;
|
|
47
|
-
/** Appended to the trigger button */
|
|
48
|
-
triggerClassName?: string;
|
|
49
|
-
/** Appended to the dropdown menu container */
|
|
50
|
-
dropdownClassName?: string;
|
|
51
|
-
/** Appended to the label element */
|
|
52
|
-
labelClassName?: string;
|
|
53
|
-
/** Appended to the helper text element */
|
|
54
|
-
helperClassName?: string;
|
|
55
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { OtpInput } from './OtpInput';
|
|
3
|
-
declare const meta: Meta<typeof OtpInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof OtpInput>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const SixDigitLayout: Story;
|
|
8
|
-
export declare const ErrorState: Story;
|
|
9
|
-
export declare const MaskedInput: Story;
|
|
10
|
-
export declare const AlphanumericAllowed: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
export type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
|
|
2
|
-
export type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type OtpState = 'default' | 'error' | 'success' | 'warning';
|
|
4
|
-
export interface OtpInputProps {
|
|
5
|
-
/** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
|
|
6
|
-
length?: number;
|
|
7
|
-
/** The current value of the OTP input. */
|
|
8
|
-
value?: string;
|
|
9
|
-
/** Fired when the value changes. */
|
|
10
|
-
onChange?: (value: string) => void;
|
|
11
|
-
/** Fired when all the input boxes are filled. */
|
|
12
|
-
onComplete?: (value: string) => void;
|
|
13
|
-
/** Optional label text shown above the inputs. */
|
|
14
|
-
label?: string;
|
|
15
|
-
/** Whether the field is explicitly required. */
|
|
16
|
-
required?: boolean;
|
|
17
|
-
/** Helper text displayed below the inputs. */
|
|
18
|
-
helperText?: string;
|
|
19
|
-
/** Error message displayed when state is 'error'. */
|
|
20
|
-
errorMessage?: string;
|
|
21
|
-
/** Success message displayed when state is 'success'. */
|
|
22
|
-
successMessage?: string;
|
|
23
|
-
/** Warning message displayed when state is 'warning'. */
|
|
24
|
-
warningMessage?: string;
|
|
25
|
-
/** The visual style variant of the input boxes. */
|
|
26
|
-
variant?: OtpVariant;
|
|
27
|
-
/** The size of each input box. */
|
|
28
|
-
size?: OtpSize;
|
|
29
|
-
/** The interaction state of the component. */
|
|
30
|
-
state?: OtpState;
|
|
31
|
-
/** Custom classname applied to the root wrapper. */
|
|
32
|
-
className?: string;
|
|
33
|
-
/** Alias for className to match other components. */
|
|
34
|
-
wrapperClassName?: string;
|
|
35
|
-
/** Custom classname applied to the inputs wrapper flex container. */
|
|
36
|
-
inputGroupClassName?: string;
|
|
37
|
-
/** Custom classname applied to each individual input box. */
|
|
38
|
-
inputClassName?: string;
|
|
39
|
-
/** Custom classname applied to the label. */
|
|
40
|
-
labelClassName?: string;
|
|
41
|
-
/** Custom classname applied to the helper/state messages. */
|
|
42
|
-
helperClassName?: string;
|
|
43
|
-
/** Explicit accessibility ID. Generated automatically if omitted. */
|
|
44
|
-
id?: string;
|
|
45
|
-
/** Whether the component is completely disabled. */
|
|
46
|
-
disabled?: boolean;
|
|
47
|
-
/** Whether to show a loading state indicator. */
|
|
48
|
-
isLoading?: boolean;
|
|
49
|
-
/** Only mask inputs with generic dots like a password if truthy. */
|
|
50
|
-
mask?: boolean;
|
|
51
|
-
/** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
|
|
52
|
-
alphanumeric?: boolean;
|
|
53
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { PasswordInput } from './PasswordInput';
|
|
3
|
-
declare const meta: Meta<typeof PasswordInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/** The default input with a label, placeholder, and helper text. */
|
|
7
|
-
export declare const Default: Story;
|
|
8
|
-
/** All five size variants stacked vertically. */
|
|
9
|
-
export declare const Sizes: Story;
|
|
10
|
-
/** All four visual variants. */
|
|
11
|
-
export declare const Variants: Story;
|
|
12
|
-
/** All four validation states. */
|
|
13
|
-
export declare const ValidationStates: Story;
|
|
14
|
-
/** Inline left elements (SVG icons). Right icon is replaced by the toggle by default unless showPasswordToggle is false. */
|
|
15
|
-
export declare const WithIcons: Story;
|
|
16
|
-
/** You can disable the password visibility toggle if you do not want the feature. */
|
|
17
|
-
export declare const WithoutToggle: Story;
|
|
18
|
-
/** Required fields show a red asterisk beside the label. */
|
|
19
|
-
export declare const Required: Story;
|
|
20
|
-
/** Disabled input — read-only and non-interactive. */
|
|
21
|
-
export declare const Disabled: Story;
|
|
22
|
-
/** Override styles via `inputClassName` and `wrapperClassName`. */
|
|
23
|
-
export declare const CustomClassName: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|