@sudobility/components 4.0.0 → 4.0.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/dist/charts/index.d.ts +2 -3
- package/dist/charts/index.d.ts.map +1 -1
- package/dist/core/index.d.ts +0 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/data-display/index.d.ts +7 -7
- package/dist/data-display/index.d.ts.map +1 -1
- package/dist/forms/advanced/index.d.ts +2 -2
- package/dist/forms/advanced/index.d.ts.map +1 -1
- package/dist/forms/inputs/index.d.ts +15 -15
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/index.esm.js +11014 -9308
- package/dist/index.umd.js +19 -26
- package/dist/interactive/index.d.ts +4 -4
- package/dist/interactive/index.d.ts.map +1 -1
- package/dist/modals/index.d.ts +7 -7
- package/dist/modals/index.d.ts.map +1 -1
- package/dist/navigation/index.d.ts +8 -8
- package/dist/navigation/index.d.ts.map +1 -1
- package/dist/primitives/feedback/index.d.ts +7 -7
- package/dist/primitives/feedback/index.d.ts.map +1 -1
- package/dist/primitives/feedback/status-badge.d.ts +2 -2
- package/dist/primitives/feedback/status-badge.d.ts.map +1 -1
- package/dist/primitives/layout/index.d.ts +18 -18
- package/dist/primitives/layout/index.d.ts.map +1 -1
- package/dist/primitives/typography/index.d.ts +9 -9
- package/dist/primitives/typography/index.d.ts.map +1 -1
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/charts/progress-bar.d.ts +0 -51
- package/dist/charts/progress-bar.d.ts.map +0 -1
- package/dist/charts/progress-circle.d.ts +0 -48
- package/dist/charts/progress-circle.d.ts.map +0 -1
- package/dist/charts/progress.d.ts +0 -51
- package/dist/charts/progress.d.ts.map +0 -1
- package/dist/data-display/card.d.ts +0 -39
- package/dist/data-display/card.d.ts.map +0 -1
- package/dist/data-display/list-item-with-action.d.ts +0 -41
- package/dist/data-display/list-item-with-action.d.ts.map +0 -1
- package/dist/data-display/list.d.ts +0 -52
- package/dist/data-display/list.d.ts.map +0 -1
- package/dist/data-display/table-of-contents.d.ts +0 -19
- package/dist/data-display/table-of-contents.d.ts.map +0 -1
- package/dist/data-display/table.d.ts +0 -69
- package/dist/data-display/table.d.ts.map +0 -1
- package/dist/data-display/transfer-list.d.ts +0 -68
- package/dist/data-display/transfer-list.d.ts.map +0 -1
- package/dist/data-display/tree-view.d.ts +0 -59
- package/dist/data-display/tree-view.d.ts.map +0 -1
- package/dist/data-display/virtual-list.d.ts +0 -48
- package/dist/data-display/virtual-list.d.ts.map +0 -1
- package/dist/features/CalloutBox.d.ts +0 -12
- package/dist/features/CalloutBox.d.ts.map +0 -1
- package/dist/features/InfoCard.d.ts +0 -10
- package/dist/features/InfoCard.d.ts.map +0 -1
- package/dist/forms/advanced/calendar.d.ts +0 -44
- package/dist/forms/advanced/calendar.d.ts.map +0 -1
- package/dist/forms/advanced/date-time-picker.d.ts +0 -46
- package/dist/forms/advanced/date-time-picker.d.ts.map +0 -1
- package/dist/forms/advanced/image-cropper.d.ts +0 -41
- package/dist/forms/advanced/image-cropper.d.ts.map +0 -1
- package/dist/forms/advanced/media-uploader.d.ts +0 -44
- package/dist/forms/advanced/media-uploader.d.ts.map +0 -1
- package/dist/forms/inputs/checkbox.d.ts +0 -63
- package/dist/forms/inputs/checkbox.d.ts.map +0 -1
- package/dist/forms/inputs/combobox.d.ts +0 -59
- package/dist/forms/inputs/combobox.d.ts.map +0 -1
- package/dist/forms/inputs/date-input.d.ts +0 -53
- package/dist/forms/inputs/date-input.d.ts.map +0 -1
- package/dist/forms/inputs/dropdown.d.ts +0 -21
- package/dist/forms/inputs/dropdown.d.ts.map +0 -1
- package/dist/forms/inputs/file-input.d.ts +0 -59
- package/dist/forms/inputs/file-input.d.ts.map +0 -1
- package/dist/forms/inputs/form-alerts.d.ts +0 -39
- package/dist/forms/inputs/form-alerts.d.ts.map +0 -1
- package/dist/forms/inputs/form-builder.d.ts +0 -33
- package/dist/forms/inputs/form-builder.d.ts.map +0 -1
- package/dist/forms/inputs/form-template.d.ts +0 -33
- package/dist/forms/inputs/form-template.d.ts.map +0 -1
- package/dist/forms/inputs/form-validator.d.ts +0 -33
- package/dist/forms/inputs/form-validator.d.ts.map +0 -1
- package/dist/forms/inputs/input.d.ts +0 -6
- package/dist/forms/inputs/input.d.ts.map +0 -1
- package/dist/forms/inputs/multi-select.d.ts +0 -58
- package/dist/forms/inputs/multi-select.d.ts.map +0 -1
- package/dist/forms/inputs/number-input.d.ts +0 -58
- package/dist/forms/inputs/number-input.d.ts.map +0 -1
- package/dist/forms/inputs/phone-input.d.ts +0 -57
- package/dist/forms/inputs/phone-input.d.ts.map +0 -1
- package/dist/forms/inputs/search-input.d.ts +0 -51
- package/dist/forms/inputs/search-input.d.ts.map +0 -1
- package/dist/forms/inputs/select.d.ts +0 -14
- package/dist/forms/inputs/select.d.ts.map +0 -1
- package/dist/forms/inputs/switch.d.ts +0 -4
- package/dist/forms/inputs/switch.d.ts.map +0 -1
- package/dist/forms/inputs/text-area.d.ts +0 -56
- package/dist/forms/inputs/text-area.d.ts.map +0 -1
- package/dist/forms/inputs/time-picker.d.ts +0 -41
- package/dist/forms/inputs/time-picker.d.ts.map +0 -1
- package/dist/interactive/focus-trap.d.ts +0 -41
- package/dist/interactive/focus-trap.d.ts.map +0 -1
- package/dist/interactive/hover-tooltip.d.ts +0 -33
- package/dist/interactive/hover-tooltip.d.ts.map +0 -1
- package/dist/interactive/infinite-scroll.d.ts +0 -58
- package/dist/interactive/infinite-scroll.d.ts.map +0 -1
- package/dist/interactive/scroll-spy.d.ts +0 -58
- package/dist/interactive/scroll-spy.d.ts.map +0 -1
- package/dist/modals/dialog.d.ts +0 -49
- package/dist/modals/dialog.d.ts.map +0 -1
- package/dist/modals/drawer.d.ts +0 -50
- package/dist/modals/drawer.d.ts.map +0 -1
- package/dist/modals/modal.d.ts +0 -37
- package/dist/modals/modal.d.ts.map +0 -1
- package/dist/modals/popover.d.ts +0 -46
- package/dist/modals/popover.d.ts.map +0 -1
- package/dist/modals/sheet.d.ts +0 -58
- package/dist/modals/sheet.d.ts.map +0 -1
- package/dist/modals/text-input-modal.d.ts +0 -19
- package/dist/modals/text-input-modal.d.ts.map +0 -1
- package/dist/modals/tooltip.d.ts +0 -49
- package/dist/modals/tooltip.d.ts.map +0 -1
- package/dist/navigation/breadcrumb-nav.d.ts +0 -13
- package/dist/navigation/breadcrumb-nav.d.ts.map +0 -1
- package/dist/navigation/external-link.d.ts +0 -45
- package/dist/navigation/external-link.d.ts.map +0 -1
- package/dist/navigation/link.d.ts +0 -43
- package/dist/navigation/link.d.ts.map +0 -1
- package/dist/navigation/navigation-list.d.ts +0 -59
- package/dist/navigation/navigation-list.d.ts.map +0 -1
- package/dist/navigation/pagination-nav.d.ts +0 -10
- package/dist/navigation/pagination-nav.d.ts.map +0 -1
- package/dist/navigation/side-nav.d.ts +0 -15
- package/dist/navigation/side-nav.d.ts.map +0 -1
- package/dist/navigation/smart-link.d.ts +0 -23
- package/dist/navigation/smart-link.d.ts.map +0 -1
- package/dist/navigation/tabs.d.ts +0 -7
- package/dist/navigation/tabs.d.ts.map +0 -1
- package/dist/primitives/feedback/alert.d.ts +0 -20
- package/dist/primitives/feedback/alert.d.ts.map +0 -1
- package/dist/primitives/feedback/badge.d.ts +0 -51
- package/dist/primitives/feedback/badge.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-dots.d.ts +0 -29
- package/dist/primitives/feedback/loading-dots.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-overlay.d.ts +0 -43
- package/dist/primitives/feedback/loading-overlay.d.ts.map +0 -1
- package/dist/primitives/feedback/skeleton-loader.d.ts +0 -47
- package/dist/primitives/feedback/skeleton-loader.d.ts.map +0 -1
- package/dist/primitives/feedback/spinner.d.ts +0 -11
- package/dist/primitives/feedback/spinner.d.ts.map +0 -1
- package/dist/primitives/feedback/toast.d.ts +0 -47
- package/dist/primitives/feedback/toast.d.ts.map +0 -1
- package/dist/primitives/layout/aspect-ratio.d.ts +0 -31
- package/dist/primitives/layout/aspect-ratio.d.ts.map +0 -1
- package/dist/primitives/layout/box.d.ts +0 -55
- package/dist/primitives/layout/box.d.ts.map +0 -1
- package/dist/primitives/layout/center.d.ts +0 -33
- package/dist/primitives/layout/center.d.ts.map +0 -1
- package/dist/primitives/layout/container.d.ts +0 -35
- package/dist/primitives/layout/container.d.ts.map +0 -1
- package/dist/primitives/layout/divider.d.ts +0 -44
- package/dist/primitives/layout/divider.d.ts.map +0 -1
- package/dist/primitives/layout/flex-container.d.ts +0 -20
- package/dist/primitives/layout/flex-container.d.ts.map +0 -1
- package/dist/primitives/layout/flex.d.ts +0 -42
- package/dist/primitives/layout/flex.d.ts.map +0 -1
- package/dist/primitives/layout/floating-panel.d.ts +0 -38
- package/dist/primitives/layout/floating-panel.d.ts.map +0 -1
- package/dist/primitives/layout/grid.d.ts +0 -58
- package/dist/primitives/layout/grid.d.ts.map +0 -1
- package/dist/primitives/layout/masonry.d.ts +0 -40
- package/dist/primitives/layout/masonry.d.ts.map +0 -1
- package/dist/primitives/layout/overlay.d.ts +0 -39
- package/dist/primitives/layout/overlay.d.ts.map +0 -1
- package/dist/primitives/layout/page-container.d.ts +0 -13
- package/dist/primitives/layout/page-container.d.ts.map +0 -1
- package/dist/primitives/layout/portal.d.ts +0 -29
- package/dist/primitives/layout/portal.d.ts.map +0 -1
- package/dist/primitives/layout/scroll-area.d.ts +0 -35
- package/dist/primitives/layout/scroll-area.d.ts.map +0 -1
- package/dist/primitives/layout/separator.d.ts +0 -37
- package/dist/primitives/layout/separator.d.ts.map +0 -1
- package/dist/primitives/layout/spacer.d.ts +0 -37
- package/dist/primitives/layout/spacer.d.ts.map +0 -1
- package/dist/primitives/layout/split-pane.d.ts +0 -56
- package/dist/primitives/layout/split-pane.d.ts.map +0 -1
- package/dist/primitives/layout/stack.d.ts +0 -59
- package/dist/primitives/layout/stack.d.ts.map +0 -1
- package/dist/primitives/typography/code-display.d.ts +0 -40
- package/dist/primitives/typography/code-display.d.ts.map +0 -1
- package/dist/primitives/typography/code.d.ts +0 -31
- package/dist/primitives/typography/code.d.ts.map +0 -1
- package/dist/primitives/typography/formatted-number.d.ts +0 -53
- package/dist/primitives/typography/formatted-number.d.ts.map +0 -1
- package/dist/primitives/typography/heading.d.ts +0 -39
- package/dist/primitives/typography/heading.d.ts.map +0 -1
- package/dist/primitives/typography/helper-text.d.ts +0 -35
- package/dist/primitives/typography/helper-text.d.ts.map +0 -1
- package/dist/primitives/typography/kbd.d.ts +0 -27
- package/dist/primitives/typography/kbd.d.ts.map +0 -1
- package/dist/primitives/typography/screen-reader-text.d.ts +0 -33
- package/dist/primitives/typography/screen-reader-text.d.ts.map +0 -1
- package/dist/primitives/typography/text.d.ts +0 -45
- package/dist/primitives/typography/text.d.ts.map +0 -1
- package/dist/primitives/typography/truncated-text.d.ts +0 -41
- package/dist/primitives/typography/truncated-text.d.ts.map +0 -1
- package/dist/ui/pagination.d.ts +0 -46
- package/dist/ui/pagination.d.ts.map +0 -1
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface DateInputProps {
|
|
3
|
-
/** Current value (ISO date string YYYY-MM-DD or Date object) */
|
|
4
|
-
value: string | Date;
|
|
5
|
-
/** Callback when value changes */
|
|
6
|
-
onChange: (value: string) => void;
|
|
7
|
-
/** Input type */
|
|
8
|
-
type?: 'date' | 'time' | 'datetime-local' | 'month' | 'week';
|
|
9
|
-
/** Minimum date/time */
|
|
10
|
-
min?: string;
|
|
11
|
-
/** Maximum date/time */
|
|
12
|
-
max?: string;
|
|
13
|
-
/** Disabled state */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/** Show calendar icon */
|
|
16
|
-
showIcon?: boolean;
|
|
17
|
-
/** Placeholder text */
|
|
18
|
-
placeholder?: string;
|
|
19
|
-
/** Size variant */
|
|
20
|
-
size?: 'sm' | 'md' | 'lg';
|
|
21
|
-
/** Additional className */
|
|
22
|
-
className?: string;
|
|
23
|
-
/** Additional input props */
|
|
24
|
-
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* DateInput Component
|
|
28
|
-
*
|
|
29
|
-
* Date, time, or datetime input field with optional icon.
|
|
30
|
-
* Supports various input types and formats with consistent styling.
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <DateInput
|
|
35
|
-
* value={startDate}
|
|
36
|
-
* onChange={setStartDate}
|
|
37
|
-
* type="date"
|
|
38
|
-
* />
|
|
39
|
-
* ```
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* ```tsx
|
|
43
|
-
* <DateInput
|
|
44
|
-
* value={appointmentTime}
|
|
45
|
-
* onChange={setAppointmentTime}
|
|
46
|
-
* type="datetime-local"
|
|
47
|
-
* min={new Date().toISOString().slice(0, 16)}
|
|
48
|
-
* showIcon
|
|
49
|
-
* />
|
|
50
|
-
* ```
|
|
51
|
-
*/
|
|
52
|
-
export declare const DateInput: React.FC<DateInputProps>;
|
|
53
|
-
//# sourceMappingURL=date-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/date-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,gEAAgE;IAChE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7D,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0F9C,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface DropdownItem {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
icon?: React.ComponentType<{
|
|
6
|
-
className?: string;
|
|
7
|
-
}>;
|
|
8
|
-
onClick: () => void;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
separator?: boolean;
|
|
11
|
-
}
|
|
12
|
-
interface DropdownProps {
|
|
13
|
-
trigger: React.ReactNode;
|
|
14
|
-
items: DropdownItem[];
|
|
15
|
-
align?: 'left' | 'right';
|
|
16
|
-
className?: string;
|
|
17
|
-
variant?: 'default' | 'bordered';
|
|
18
|
-
}
|
|
19
|
-
export declare const Dropdown: React.FC<DropdownProps>;
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4E5C,CAAC"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface FileInputProps {
|
|
3
|
-
/** Callback when files are selected */
|
|
4
|
-
onChange: (files: File[]) => void;
|
|
5
|
-
/** Accept file types (e.g., "image/*", ".pdf,.doc") */
|
|
6
|
-
accept?: string;
|
|
7
|
-
/** Allow multiple files */
|
|
8
|
-
multiple?: boolean;
|
|
9
|
-
/** Maximum file size in bytes */
|
|
10
|
-
maxSize?: number;
|
|
11
|
-
/** Maximum number of files */
|
|
12
|
-
maxFiles?: number;
|
|
13
|
-
/** Disabled state */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/** Show drag-and-drop area */
|
|
16
|
-
showDropZone?: boolean;
|
|
17
|
-
/** Show file list */
|
|
18
|
-
showFileList?: boolean;
|
|
19
|
-
/** Current files (for controlled component) */
|
|
20
|
-
files?: File[];
|
|
21
|
-
/** Callback to remove a file */
|
|
22
|
-
onRemove?: (index: number) => void;
|
|
23
|
-
/** Additional className */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Button text */
|
|
26
|
-
buttonText?: string;
|
|
27
|
-
/** Drop zone text */
|
|
28
|
-
dropZoneText?: string;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* FileInput Component
|
|
32
|
-
*
|
|
33
|
-
* File input with drag-and-drop support, file preview, and validation.
|
|
34
|
-
* Supports single or multiple files with size and type restrictions.
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <FileInput
|
|
39
|
-
* onChange={handleFiles}
|
|
40
|
-
* accept="image/*"
|
|
41
|
-
* multiple
|
|
42
|
-
* showDropZone
|
|
43
|
-
* />
|
|
44
|
-
* ```
|
|
45
|
-
*
|
|
46
|
-
* @example
|
|
47
|
-
* ```tsx
|
|
48
|
-
* <FileInput
|
|
49
|
-
* files={attachments}
|
|
50
|
-
* onChange={setAttachments}
|
|
51
|
-
* onRemove={removeAttachment}
|
|
52
|
-
* accept=".pdf,.doc,.docx"
|
|
53
|
-
* maxSize={10 * 1024 * 1024}
|
|
54
|
-
* showFileList
|
|
55
|
-
* />
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
export declare const FileInput: React.FC<FileInputProps>;
|
|
59
|
-
//# sourceMappingURL=file-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmM9C,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface FormAlertsProps {
|
|
3
|
-
/** Success message to display */
|
|
4
|
-
successMessage?: string;
|
|
5
|
-
/** Error message to display */
|
|
6
|
-
errorMessage?: string;
|
|
7
|
-
/** Title for success alert (defaults to "Success") */
|
|
8
|
-
successTitle?: string;
|
|
9
|
-
/** Title for error alert (defaults to "Error") */
|
|
10
|
-
errorTitle?: string;
|
|
11
|
-
/** Auto-dismiss success message after this many milliseconds (0 = no auto-dismiss) */
|
|
12
|
-
autoDismissDelay?: number;
|
|
13
|
-
/** Callback when success message should be cleared */
|
|
14
|
-
onSuccessDismiss?: () => void;
|
|
15
|
-
/** Additional className for the container */
|
|
16
|
-
className?: string;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* FormAlerts Component
|
|
20
|
-
*
|
|
21
|
-
* Displays success and error alerts for form submissions and operations.
|
|
22
|
-
* Commonly used in settings pages and forms to show feedback to users.
|
|
23
|
-
* Success messages can auto-dismiss after a configured delay.
|
|
24
|
-
*
|
|
25
|
-
* @example
|
|
26
|
-
* ```tsx
|
|
27
|
-
* const [success, setSuccess] = useState('');
|
|
28
|
-
* const [error, setError] = useState('');
|
|
29
|
-
*
|
|
30
|
-
* <FormAlerts
|
|
31
|
-
* successMessage={success}
|
|
32
|
-
* errorMessage={error}
|
|
33
|
-
* onSuccessDismiss={() => setSuccess('')}
|
|
34
|
-
* autoDismissDelay={3000}
|
|
35
|
-
* />
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export declare const FormAlerts: React.FC<FormAlertsProps>;
|
|
39
|
-
//# sourceMappingURL=form-alerts.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-alerts.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/form-alerts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsChD,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* UformUbuilder Component
|
|
3
|
-
*
|
|
4
|
-
* A reusable UformUbuilder component with full dark mode support.
|
|
5
|
-
* Optimized for accessibility and AI-assisted development.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <UformUbuilder className="custom-class" />
|
|
11
|
-
* ```
|
|
12
|
-
*
|
|
13
|
-
* @remarks
|
|
14
|
-
* This component supports:
|
|
15
|
-
* - Light and dark themes automatically
|
|
16
|
-
* - Responsive design
|
|
17
|
-
* - Accessibility features
|
|
18
|
-
* - TypeScript type safety
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://docs.example.com/components/form-builder}
|
|
21
|
-
*/
|
|
22
|
-
export interface UformUbuilderProps {
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Component children */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Disabled state */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Callback when component is interacted with */
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const UformUbuilder: ({ className, children, disabled, onClick, }: UformUbuilderProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=form-builder.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-builder.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/form-builder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* UformUtemplate Component
|
|
3
|
-
*
|
|
4
|
-
* A reusable UformUtemplate component with full dark mode support.
|
|
5
|
-
* Optimized for accessibility and AI-assisted development.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <UformUtemplate className="custom-class" />
|
|
11
|
-
* ```
|
|
12
|
-
*
|
|
13
|
-
* @remarks
|
|
14
|
-
* This component supports:
|
|
15
|
-
* - Light and dark themes automatically
|
|
16
|
-
* - Responsive design
|
|
17
|
-
* - Accessibility features
|
|
18
|
-
* - TypeScript type safety
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://docs.example.com/components/form-template}
|
|
21
|
-
*/
|
|
22
|
-
export interface UformUtemplateProps {
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Component children */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Disabled state */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Callback when component is interacted with */
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const UformUtemplate: ({ className, children, disabled, onClick, }: UformUtemplateProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=form-template.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-template.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/form-template.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* UformUvalidator Component
|
|
3
|
-
*
|
|
4
|
-
* A reusable UformUvalidator component with full dark mode support.
|
|
5
|
-
* Optimized for accessibility and AI-assisted development.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <UformUvalidator className="custom-class" />
|
|
11
|
-
* ```
|
|
12
|
-
*
|
|
13
|
-
* @remarks
|
|
14
|
-
* This component supports:
|
|
15
|
-
* - Light and dark themes automatically
|
|
16
|
-
* - Responsive design
|
|
17
|
-
* - Accessibility features
|
|
18
|
-
* - TypeScript type safety
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://docs.example.com/components/form-validator}
|
|
21
|
-
*/
|
|
22
|
-
export interface UformUvalidatorProps {
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Component children */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Disabled state */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Callback when component is interacted with */
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const UformUvalidator: ({ className, children, disabled, onClick, }: UformUvalidatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=form-validator.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-validator.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/form-validator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
-
}
|
|
4
|
-
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
-
export { Input };
|
|
6
|
-
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD,QAAA,MAAM,KAAK,qFAWV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface MultiSelectOption {
|
|
3
|
-
/** Option value */
|
|
4
|
-
value: string;
|
|
5
|
-
/** Option label */
|
|
6
|
-
label: string;
|
|
7
|
-
/** Disabled state */
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface MultiSelectProps {
|
|
11
|
-
/** Available options */
|
|
12
|
-
options: MultiSelectOption[];
|
|
13
|
-
/** Selected values */
|
|
14
|
-
value: string[];
|
|
15
|
-
/** Change handler */
|
|
16
|
-
onChange: (values: string[]) => void;
|
|
17
|
-
/** Placeholder text */
|
|
18
|
-
placeholder?: string;
|
|
19
|
-
/** Search placeholder */
|
|
20
|
-
searchPlaceholder?: string;
|
|
21
|
-
/** Enable search */
|
|
22
|
-
searchable?: boolean;
|
|
23
|
-
/** Max selected items to show */
|
|
24
|
-
maxDisplay?: number;
|
|
25
|
-
/** Disabled state */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** Additional className */
|
|
28
|
-
className?: string;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* MultiSelect Component
|
|
32
|
-
*
|
|
33
|
-
* Multi-select dropdown with search and tags.
|
|
34
|
-
* Shows selected items as removable tags.
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <MultiSelect
|
|
39
|
-
* options={categories}
|
|
40
|
-
* value={selectedCategories}
|
|
41
|
-
* onChange={setSelectedCategories}
|
|
42
|
-
* placeholder="Select categories"
|
|
43
|
-
* searchable
|
|
44
|
-
* />
|
|
45
|
-
* ```
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* ```tsx
|
|
49
|
-
* <MultiSelect
|
|
50
|
-
* options={tags}
|
|
51
|
-
* value={selected}
|
|
52
|
-
* onChange={handleChange}
|
|
53
|
-
* maxDisplay={3}
|
|
54
|
-
* />
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
|
-
export declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
58
|
-
//# sourceMappingURL=multi-select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,sBAAsB;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6NlD,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface NumberInputProps {
|
|
3
|
-
/** Current value */
|
|
4
|
-
value: number;
|
|
5
|
-
/** Callback when value changes */
|
|
6
|
-
onChange: (value: number) => void;
|
|
7
|
-
/** Minimum value */
|
|
8
|
-
min?: number;
|
|
9
|
-
/** Maximum value */
|
|
10
|
-
max?: number;
|
|
11
|
-
/** Step increment */
|
|
12
|
-
step?: number;
|
|
13
|
-
/** Disabled state */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/** Show stepper buttons */
|
|
16
|
-
showSteppers?: boolean;
|
|
17
|
-
/** Stepper button position */
|
|
18
|
-
stepperPosition?: 'right' | 'sides';
|
|
19
|
-
/** Placeholder text */
|
|
20
|
-
placeholder?: string;
|
|
21
|
-
/** Size variant */
|
|
22
|
-
size?: 'sm' | 'md' | 'lg';
|
|
23
|
-
/** Additional className */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Additional input props */
|
|
26
|
-
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* NumberInput Component
|
|
30
|
-
*
|
|
31
|
-
* Number input field with optional stepper buttons for increment/decrement.
|
|
32
|
-
* Supports min/max bounds, step values, and different layouts.
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <NumberInput
|
|
37
|
-
* value={quantity}
|
|
38
|
-
* onChange={setQuantity}
|
|
39
|
-
* min={1}
|
|
40
|
-
* max={100}
|
|
41
|
-
* showSteppers
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*
|
|
45
|
-
* @example
|
|
46
|
-
* ```tsx
|
|
47
|
-
* <NumberInput
|
|
48
|
-
* value={price}
|
|
49
|
-
* onChange={setPrice}
|
|
50
|
-
* step={0.01}
|
|
51
|
-
* min={0}
|
|
52
|
-
* showSteppers
|
|
53
|
-
* stepperPosition="sides"
|
|
54
|
-
* />
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
|
-
export declare const NumberInput: React.FC<NumberInputProps>;
|
|
58
|
-
//# sourceMappingURL=number-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACpC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoPlD,CAAC"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface Country {
|
|
3
|
-
/** Country code (ISO 3166-1 alpha-2) */
|
|
4
|
-
code: string;
|
|
5
|
-
/** Country name */
|
|
6
|
-
name: string;
|
|
7
|
-
/** Dial code */
|
|
8
|
-
dialCode: string;
|
|
9
|
-
/** Flag emoji */
|
|
10
|
-
flag: string;
|
|
11
|
-
}
|
|
12
|
-
export interface PhoneInputProps {
|
|
13
|
-
/** Phone value */
|
|
14
|
-
value: string;
|
|
15
|
-
/** Change handler */
|
|
16
|
-
onChange: (value: string) => void;
|
|
17
|
-
/** Selected country code */
|
|
18
|
-
country?: string;
|
|
19
|
-
/** Country change handler */
|
|
20
|
-
onCountryChange?: (country: string) => void;
|
|
21
|
-
/** Available countries (defaults to common countries) */
|
|
22
|
-
countries?: Country[];
|
|
23
|
-
/** Placeholder text */
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
/** Disabled state */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** Additional className */
|
|
28
|
-
className?: string;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* PhoneInput Component
|
|
32
|
-
*
|
|
33
|
-
* Phone number input with country code selector.
|
|
34
|
-
* Formats phone numbers and shows country flags.
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* ```tsx
|
|
38
|
-
* <PhoneInput
|
|
39
|
-
* value={phoneNumber}
|
|
40
|
-
* onChange={setPhoneNumber}
|
|
41
|
-
* country={selectedCountry}
|
|
42
|
-
* onCountryChange={setSelectedCountry}
|
|
43
|
-
* placeholder="Phone number"
|
|
44
|
-
* />
|
|
45
|
-
* ```
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* ```tsx
|
|
49
|
-
* <PhoneInput
|
|
50
|
-
* value={phone}
|
|
51
|
-
* onChange={setPhone}
|
|
52
|
-
* countries={customCountryList}
|
|
53
|
-
* />
|
|
54
|
-
* ```
|
|
55
|
-
*/
|
|
56
|
-
export declare const PhoneInput: React.FC<PhoneInputProps>;
|
|
57
|
-
//# sourceMappingURL=phone-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,OAAO;IACtB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyLhD,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface SearchInputProps {
|
|
3
|
-
/** Current search query */
|
|
4
|
-
value?: string;
|
|
5
|
-
/** Callback when query changes */
|
|
6
|
-
onChange?: (query: string) => void;
|
|
7
|
-
/** Placeholder text */
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
/** Auto-focus on mount */
|
|
10
|
-
autoFocus?: boolean;
|
|
11
|
-
/** Disabled state */
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/** Size variant */
|
|
14
|
-
size?: 'sm' | 'md' | 'lg';
|
|
15
|
-
/** Show search icon */
|
|
16
|
-
showIcon?: boolean;
|
|
17
|
-
/** Show clear button when has value */
|
|
18
|
-
showClear?: boolean;
|
|
19
|
-
/** Loading state */
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
/** Additional className */
|
|
22
|
-
className?: string;
|
|
23
|
-
/** Additional input props */
|
|
24
|
-
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* SearchInput Component
|
|
28
|
-
*
|
|
29
|
-
* Search input field with icon, clear button, and loading state.
|
|
30
|
-
* Controlled or uncontrolled component with debouncing support.
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <SearchInput
|
|
35
|
-
* placeholder="Search emails..."
|
|
36
|
-
* onChange={query => setSearchQuery(query)}
|
|
37
|
-
* />
|
|
38
|
-
* ```
|
|
39
|
-
*
|
|
40
|
-
* @example
|
|
41
|
-
* ```tsx
|
|
42
|
-
* <SearchInput
|
|
43
|
-
* value={query}
|
|
44
|
-
* onChange={setQuery}
|
|
45
|
-
* loading={isSearching}
|
|
46
|
-
* size="lg"
|
|
47
|
-
* />
|
|
48
|
-
* ```
|
|
49
|
-
*/
|
|
50
|
-
export declare const SearchInput: React.FC<SearchInputProps>;
|
|
51
|
-
//# sourceMappingURL=search-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6JlD,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
-
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
4
|
-
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
|
|
14
|
-
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JA8BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const Switch: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-switch').SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
3
|
-
export { Switch };
|
|
4
|
-
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8KAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface TextAreaProps {
|
|
3
|
-
/** Current value */
|
|
4
|
-
value: string;
|
|
5
|
-
/** Callback when value changes */
|
|
6
|
-
onChange: (value: string) => void;
|
|
7
|
-
/** Placeholder text */
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
/** Number of visible rows */
|
|
10
|
-
rows?: number;
|
|
11
|
-
/** Disabled state */
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/** Read-only state */
|
|
14
|
-
readOnly?: boolean;
|
|
15
|
-
/** Show character count */
|
|
16
|
-
showCount?: boolean;
|
|
17
|
-
/** Maximum character count */
|
|
18
|
-
maxLength?: number;
|
|
19
|
-
/** Resize behavior */
|
|
20
|
-
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
21
|
-
/** Size variant */
|
|
22
|
-
size?: 'sm' | 'md' | 'lg';
|
|
23
|
-
/** Additional className */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Additional textarea props */
|
|
26
|
-
textareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* TextArea Component
|
|
30
|
-
*
|
|
31
|
-
* Multi-line text input with character counting, resize options,
|
|
32
|
-
* and consistent styling across the application.
|
|
33
|
-
*
|
|
34
|
-
* @example
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <TextArea
|
|
37
|
-
* value={message}
|
|
38
|
-
* onChange={setMessage}
|
|
39
|
-
* placeholder="Write your message..."
|
|
40
|
-
* rows={5}
|
|
41
|
-
* />
|
|
42
|
-
* ```
|
|
43
|
-
*
|
|
44
|
-
* @example
|
|
45
|
-
* ```tsx
|
|
46
|
-
* <TextArea
|
|
47
|
-
* value={bio}
|
|
48
|
-
* onChange={setBio}
|
|
49
|
-
* showCount
|
|
50
|
-
* maxLength={500}
|
|
51
|
-
* placeholder="Tell us about yourself..."
|
|
52
|
-
* />
|
|
53
|
-
* ```
|
|
54
|
-
*/
|
|
55
|
-
export declare const TextArea: React.FC<TextAreaProps>;
|
|
56
|
-
//# sourceMappingURL=text-area.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0F5C,CAAC"}
|