@vkzstudio/muza-ui 1.0.11 → 1.0.13
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/components/Accordion/Accordion.d.ts +57 -4
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +1 -4
- package/dist/components/Accordion/Accordion.stories.d.ts.map +1 -1
- package/dist/components/Alert/Alert.d.ts +13 -2
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +4 -4
- package/dist/components/Alert/Alert.stories.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts +12 -1
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +23 -8
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +3 -12
- package/dist/components/Button/Button.d.ts +30 -0
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.d.ts +39 -3
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +1 -1
- package/dist/components/Calendar/utils/formatDate.d.ts +4 -0
- package/dist/components/Calendar/utils/formatDate.d.ts.map +1 -1
- package/dist/components/Calendar/utils/formatDateRange.d.ts +5 -0
- package/dist/components/Calendar/utils/formatDateRange.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +25 -3
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/Chip/Chip.d.ts +3 -6
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.js +6 -6
- package/dist/components/Chip/Chip.stories.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +40 -1
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +1 -1
- package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
- package/dist/components/DataTable/index.d.ts +1 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +59 -4
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +7 -7
- package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/utils/getDateRange.d.ts +9 -0
- package/dist/components/DatePicker/utils/getDateRange.d.ts.map +1 -1
- package/dist/components/DatePicker/utils/getDateRange.js +28 -15
- package/dist/components/Dialog/Dialog.d.ts +39 -2
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.js +176 -60
- package/dist/components/Dialog/Dialog.stories.d.ts +2 -0
- package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +73 -11
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +2 -8
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +10 -26
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
- package/dist/components/EdgeButton/EdgeButton.d.ts +18 -0
- package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
- package/dist/components/EdgeButton/EdgeButton.js +4 -4
- package/dist/components/EdgeButton/EdgeButton.stories.d.ts.map +1 -1
- package/dist/components/EdgeButton/index.d.ts +1 -1
- package/dist/components/EdgeButton/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +10 -0
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.js +6 -6
- package/dist/components/EmptyState/EmptyState.stories.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts +54 -0
- package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.js +2 -2
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +0 -3
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
- package/dist/components/ExpandableTable/Table.js +1 -1
- package/dist/components/ExpandableTable/index.d.ts +1 -1
- package/dist/components/ExpandableTable/index.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.js +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts +51 -0
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/FileUpload/index.d.ts +1 -1
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +49 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.stories.d.ts.map +1 -1
- package/dist/components/Flex/index.d.ts +1 -1
- package/dist/components/Flex/index.d.ts.map +1 -1
- package/dist/components/Icons/CustomIcons.d.ts +166 -1
- package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
- package/dist/components/Icons/CustomIcons.js +110 -97
- package/dist/components/InfoCard/InfoCard.d.ts +17 -0
- package/dist/components/InfoCard/InfoCard.d.ts.map +1 -0
- package/dist/components/InfoCard/index.d.ts +2 -0
- package/dist/components/InfoCard/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +26 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts +16 -0
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map +1 -1
- package/dist/components/Lightbox/Lightbox.d.ts +15 -2
- package/dist/components/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/components/Lightbox/Lightbox.js +22 -20
- package/dist/components/Loader/Loader.d.ts +3 -0
- package/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/Loader.stories.d.ts.map +1 -1
- package/dist/components/LoginScreen/LoginScreen.d.ts +18 -0
- package/dist/components/LoginScreen/LoginScreen.d.ts.map +1 -1
- package/dist/components/LoginScreen/LoginScreen.stories.d.ts.map +1 -1
- package/dist/components/LoginScreen/LoginScreenItem.d.ts +5 -0
- package/dist/components/LoginScreen/LoginScreenItem.d.ts.map +1 -1
- package/dist/components/LoginScreen/index.d.ts +2 -2
- package/dist/components/LoginScreen/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +25 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +8 -8
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
- package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts +26 -1
- package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.d.ts +5 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts.map +1 -1
- package/dist/components/PinIndicator/PinIndicator.d.ts +15 -0
- package/dist/components/PinIndicator/PinIndicator.d.ts.map +1 -1
- package/dist/components/PinIndicator/PinIndicator.stories.d.ts.map +1 -1
- package/dist/components/Popover/Popover.d.ts +36 -1
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/Popover.stories.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts +28 -3
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Radio/Radio.js +2 -5
- package/dist/components/Radio/Radio.stories.d.ts.map +1 -1
- package/dist/components/Reorderable/Reorderable.d.ts +79 -30
- package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
- package/dist/components/Reorderable/Reorderable.js +162 -143
- package/dist/components/Reorderable/Reorderable.stories.d.ts +1 -0
- package/dist/components/Reorderable/Reorderable.stories.d.ts.map +1 -1
- package/dist/components/Reorderable/index.d.ts +1 -1
- package/dist/components/Reorderable/index.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.d.ts +47 -13
- package/dist/components/ReorderableTable/ReorderableTable.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.js +44 -43
- package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts +1 -0
- package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
- package/dist/components/ReorderableTable/index.d.ts +1 -1
- package/dist/components/ReorderableTable/index.d.ts.map +1 -1
- package/dist/components/Searchbar/Searchbar.d.ts +11 -0
- package/dist/components/Searchbar/Searchbar.d.ts.map +1 -1
- package/dist/components/Searchbar/Searchbar.stories.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +35 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.stories.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +1 -1
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/SegmentedIconControl/SegmentedIconControl.d.ts +38 -1
- package/dist/components/SegmentedIconControl/SegmentedIconControl.d.ts.map +1 -1
- package/dist/components/SegmentedIconControl/SegmentedIconControl.stories.d.ts.map +1 -1
- package/dist/components/SegmentedIconControl/index.d.ts +1 -1
- package/dist/components/SegmentedIconControl/index.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +25 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +9 -6
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
- package/dist/components/SliderIndicators/SliderIndicators.d.ts +9 -0
- package/dist/components/SliderIndicators/SliderIndicators.d.ts.map +1 -1
- package/dist/components/SliderIndicators/SliderIndicators.stories.d.ts.map +1 -1
- package/dist/components/Stepper/Stepper.d.ts +38 -0
- package/dist/components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/components/Stepper/Stepper.js +5 -5
- package/dist/components/Stepper/Stepper.stories.d.ts.map +1 -1
- package/dist/components/Stepper/index.d.ts +1 -1
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/SwipeButton/SwipeButton.d.ts +39 -0
- package/dist/components/SwipeButton/SwipeButton.d.ts.map +1 -1
- package/dist/components/SwipeButton/SwipeButton.js +1 -1
- package/dist/components/SwipeButton/SwipeButton.stories.d.ts +0 -43
- package/dist/components/SwipeButton/SwipeButton.stories.d.ts.map +1 -1
- package/dist/components/SwipeButton/index.d.ts +1 -1
- package/dist/components/SwipeButton/index.d.ts.map +1 -1
- package/dist/components/Switch/Switch.d.ts +19 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.stories.d.ts.map +1 -1
- package/dist/components/Tag/Tag.d.ts +17 -1
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +4 -4
- package/dist/components/Tag/Tag.stories.d.ts.map +1 -1
- package/dist/components/TextEditor/EditorToolbar.js +1 -1
- package/dist/components/TextEditor/LinkBubbleMenu.d.ts +4 -1
- package/dist/components/TextEditor/LinkBubbleMenu.d.ts.map +1 -1
- package/dist/components/TextEditor/LinkBubbleMenu.js +116 -92
- package/dist/components/TextEditor/TextEditor.d.ts +5 -2
- package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.js +129 -121
- package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +9 -2
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +23 -1
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +1 -4
- package/dist/components/TimePicker/TimePicker.stories.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +21 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +7 -7
- package/dist/components/Toast/Toast.stories.d.ts.map +1 -1
- package/dist/components/Toast/ToastContainer.d.ts +12 -1
- package/dist/components/Toast/ToastContainer.d.ts.map +1 -1
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts +17 -1
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.js +6 -6
- package/dist/components/Toggle/Toggle.stories.d.ts.map +1 -1
- package/dist/components/Toggle/index.d.ts +1 -1
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +52 -4
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.d.ts +1 -1
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +38 -3
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +5 -7
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/Typography/Typography.d.ts +18 -1
- package/dist/components/Typography/Typography.d.ts.map +1 -1
- package/dist/components/Typography/Typography.stories.d.ts.map +1 -1
- package/dist/components/Typography/index.d.ts +1 -1
- package/dist/components/Typography/index.d.ts.map +1 -1
- package/dist/index.js +191 -184
- package/dist/muza-ui.css +1 -1
- package/dist/styles/token-sizes.css +4 -0
- package/llms-full.md +581 -0
- package/llms.txt +36 -0
- package/package.json +4 -3
- package/CLAUDE_CONSUMER.md +0 -238
|
@@ -1,35 +1,69 @@
|
|
|
1
1
|
import { ForwardedRef, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Column definition for ReorderableTable.
|
|
4
|
+
*
|
|
5
|
+
* @typeParam T - Row data object type
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* const columns: ReorderableTableColumn<User>[] = [
|
|
9
|
+
* { dataKey: 'name', title: 'Name', lineClamp: 1 },
|
|
10
|
+
* { dataKey: 'role', title: 'Role', render: (value) => <Tag>{value}</Tag> },
|
|
11
|
+
* ]
|
|
12
|
+
*/
|
|
2
13
|
export interface ReorderableTableColumn<T> {
|
|
3
|
-
/**
|
|
14
|
+
/** Property key from the row data object to display in this column. */
|
|
4
15
|
dataKey: keyof T;
|
|
5
|
-
/** Column header
|
|
16
|
+
/** Column header content. */
|
|
6
17
|
title: ReactNode;
|
|
7
|
-
/** CSS classes
|
|
18
|
+
/** Applies custom CSS classes to cells in this column. */
|
|
8
19
|
className?: string;
|
|
9
|
-
/**
|
|
20
|
+
/**
|
|
21
|
+
* Controls text truncation via line clamping.
|
|
22
|
+
* `true` or `1` applies single-line clamp, `2` applies two-line clamp.
|
|
23
|
+
*/
|
|
10
24
|
lineClamp?: boolean | 1 | 2;
|
|
11
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Custom cell renderer. When omitted, the raw data value is rendered as text.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* render: (value, rowData, rowIndex) => <Tag>{value}</Tag>
|
|
30
|
+
*/
|
|
12
31
|
render?: (value: T[keyof T], rowData: T, rowIndex: number) => ReactNode;
|
|
13
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Props for the ReorderableTable component.
|
|
35
|
+
* Extends standard table attributes except `children` (rows are generated from `data`).
|
|
36
|
+
*
|
|
37
|
+
* @typeParam T - Row data object type; must include an `id` field
|
|
38
|
+
* @see ReorderableTableColumn
|
|
39
|
+
*/
|
|
14
40
|
export interface ReorderableTableProps<T extends {
|
|
15
41
|
id: string | number;
|
|
16
42
|
}> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'> {
|
|
17
|
-
/** Array of data objects
|
|
43
|
+
/** Array of row data objects. Each must include an `id` field used as the React key. */
|
|
18
44
|
data: T[];
|
|
19
|
-
/**
|
|
45
|
+
/** Fires when rows are reordered. Receives the full array in its new order. */
|
|
20
46
|
onReorder: (newOrder: T[]) => void;
|
|
21
|
-
/** Column definitions */
|
|
47
|
+
/** Column definitions describing headers and cell rendering. @see ReorderableTableColumn */
|
|
22
48
|
columns: ReorderableTableColumn<T>[];
|
|
23
|
-
/**
|
|
49
|
+
/** Displays the table header row. @default false */
|
|
24
50
|
showHeader?: boolean;
|
|
25
|
-
/**
|
|
51
|
+
/** Prevents all row reordering and applies disabled styling. @default false */
|
|
26
52
|
disabled?: boolean;
|
|
27
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Determines whether a specific row is disabled based on its data and index.
|
|
55
|
+
* Disabled rows cannot be dragged but may still shift when other rows are reordered.
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* isRowDisabled={(row) => row.status === 'inactive'}
|
|
59
|
+
*/
|
|
28
60
|
isRowDisabled?: (rowData: T, rowIndex: number) => boolean;
|
|
29
|
-
/**
|
|
61
|
+
/** Applies custom CSS classes to the table element. */
|
|
30
62
|
className?: string;
|
|
31
|
-
/**
|
|
63
|
+
/** Shows or hides the drag handle column with an animated transition. @default true */
|
|
32
64
|
isMovable?: boolean;
|
|
65
|
+
/** Enables enter/exit animations when rows are added or removed. @default false */
|
|
66
|
+
animateItems?: boolean;
|
|
33
67
|
}
|
|
34
68
|
declare const ReorderableTable: <T extends {
|
|
35
69
|
id: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,
|
|
1
|
+
{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CACtE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,wFAAwF;IACxF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,+EAA+E;IAC/E,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,4FAA4F;IAC5F,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAkOD,QAAA,MAAM,gBAAgB,EAAwC,CAC5D,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAEjC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CACtB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { typographyVariants as T, Typography as w } from "../Typography/Typography.js";
|
|
2
|
+
import { forwardRef as T } from "react";
|
|
4
3
|
import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
|
|
5
|
-
import { ReorderableGroup as
|
|
6
|
-
import { Reorder as
|
|
7
|
-
import { cn as
|
|
8
|
-
|
|
4
|
+
import { ReorderableGroup as w, ReorderableItem as A, ReorderableHandle as C } from "../Reorderable/Reorderable.js";
|
|
5
|
+
import { Reorder as H } from "../Icons/CustomIcons.js";
|
|
6
|
+
import { cn as i } from "../../utils/cn.js";
|
|
7
|
+
import { typographyVariants as O, Typography as k } from "../Typography/Typography.js";
|
|
8
|
+
const p = 72, u = 20, E = 24, D = 4, R = ({
|
|
9
9
|
data: b,
|
|
10
10
|
onReorder: N,
|
|
11
11
|
columns: o,
|
|
12
|
-
showHeader:
|
|
12
|
+
showHeader: y = !1,
|
|
13
13
|
disabled: h = !1,
|
|
14
14
|
isRowDisabled: l,
|
|
15
|
-
className:
|
|
16
|
-
isMovable:
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
className: g,
|
|
16
|
+
isMovable: s = !0,
|
|
17
|
+
animateItems: x = !1,
|
|
18
|
+
...L
|
|
19
|
+
}, _) => /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ m(
|
|
19
20
|
"table",
|
|
20
21
|
{
|
|
21
|
-
ref:
|
|
22
|
-
className:
|
|
22
|
+
ref: _,
|
|
23
|
+
className: i(
|
|
23
24
|
"-my-sm w-full border-separate border-spacing-y-sm",
|
|
24
|
-
|
|
25
|
+
g
|
|
25
26
|
),
|
|
26
|
-
...
|
|
27
|
+
...L,
|
|
27
28
|
children: [
|
|
28
|
-
|
|
29
|
+
y && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
|
|
29
30
|
o.map((r, d) => /* @__PURE__ */ e(
|
|
30
31
|
"th",
|
|
31
32
|
{
|
|
32
|
-
className:
|
|
33
|
-
|
|
33
|
+
className: i(
|
|
34
|
+
O({
|
|
34
35
|
size: "sm",
|
|
35
36
|
uppercase: !0,
|
|
36
37
|
variant: "body",
|
|
@@ -48,7 +49,7 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
48
49
|
{
|
|
49
50
|
initial: !1,
|
|
50
51
|
animate: {
|
|
51
|
-
width:
|
|
52
|
+
width: s ? p : u
|
|
52
53
|
},
|
|
53
54
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
54
55
|
className: "overflow-hidden"
|
|
@@ -56,17 +57,18 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
56
57
|
)
|
|
57
58
|
] }) }),
|
|
58
59
|
/* @__PURE__ */ e(
|
|
59
|
-
|
|
60
|
+
w,
|
|
60
61
|
{
|
|
61
62
|
values: b,
|
|
62
63
|
onReorder: N,
|
|
63
64
|
disabled: h,
|
|
65
|
+
animatePresence: x,
|
|
64
66
|
as: "div",
|
|
65
67
|
className: "contents",
|
|
66
68
|
children: b.map((r, d) => {
|
|
67
|
-
const
|
|
69
|
+
const v = (l == null ? void 0 : l(r, d)) ?? !1, t = h || v;
|
|
68
70
|
return /* @__PURE__ */ m(
|
|
69
|
-
|
|
71
|
+
A,
|
|
70
72
|
{
|
|
71
73
|
value: r,
|
|
72
74
|
as: "tr",
|
|
@@ -76,20 +78,20 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
76
78
|
className: "group rounded-2xl",
|
|
77
79
|
children: [
|
|
78
80
|
o.map((a, c) => {
|
|
79
|
-
const
|
|
81
|
+
const I = c === 0, f = c === o.length - 1;
|
|
80
82
|
return /* @__PURE__ */ e(
|
|
81
83
|
n.td,
|
|
82
84
|
{
|
|
83
85
|
initial: !1,
|
|
84
86
|
animate: f ? {
|
|
85
|
-
paddingRight:
|
|
87
|
+
paddingRight: s ? E : D
|
|
86
88
|
} : void 0,
|
|
87
89
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
88
|
-
className:
|
|
89
|
-
"h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-
|
|
90
|
-
f ? "pl-
|
|
90
|
+
className: i(
|
|
91
|
+
"h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
92
|
+
f ? "pl-comp-table-p" : "px-comp-table-p",
|
|
91
93
|
{
|
|
92
|
-
"rounded-l-xl border-l":
|
|
94
|
+
"rounded-l-xl border-l": I,
|
|
93
95
|
"group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover": !t
|
|
94
96
|
},
|
|
95
97
|
a.className
|
|
@@ -99,13 +101,13 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
99
101
|
r,
|
|
100
102
|
d
|
|
101
103
|
) : /* @__PURE__ */ e(
|
|
102
|
-
|
|
104
|
+
k,
|
|
103
105
|
{
|
|
104
106
|
variant: "body",
|
|
105
107
|
size: "base",
|
|
106
108
|
weight: "regular",
|
|
107
109
|
component: "span",
|
|
108
|
-
className:
|
|
110
|
+
className: i(
|
|
109
111
|
t && "text-text-dark-disabled",
|
|
110
112
|
{
|
|
111
113
|
"line-clamp-1": a.lineClamp === !0 || a.lineClamp === 1,
|
|
@@ -124,12 +126,11 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
124
126
|
{
|
|
125
127
|
initial: !1,
|
|
126
128
|
animate: {
|
|
127
|
-
width:
|
|
129
|
+
width: s ? p : u
|
|
128
130
|
},
|
|
129
131
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
130
|
-
className:
|
|
131
|
-
|
|
132
|
-
"h-comp-table-h min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-primary align-middle",
|
|
132
|
+
className: i(
|
|
133
|
+
"h-comp-table-h min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
133
134
|
{
|
|
134
135
|
"group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover": !t
|
|
135
136
|
}
|
|
@@ -139,20 +140,20 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
139
140
|
{
|
|
140
141
|
initial: !1,
|
|
141
142
|
animate: {
|
|
142
|
-
opacity:
|
|
143
|
-
width:
|
|
143
|
+
opacity: s ? 1 : 0,
|
|
144
|
+
width: s ? p : 0
|
|
144
145
|
},
|
|
145
146
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
146
147
|
className: "flex h-full items-center justify-center overflow-hidden border-l border-stroke-base-secondary",
|
|
147
148
|
children: /* @__PURE__ */ e(
|
|
148
|
-
|
|
149
|
+
C,
|
|
149
150
|
{
|
|
150
|
-
disabled: !
|
|
151
|
-
className:
|
|
151
|
+
disabled: !s || t,
|
|
152
|
+
className: i(
|
|
152
153
|
"flex h-comp-button-h-sm w-comp-button-w-sm items-center justify-center focus-visible-default",
|
|
153
154
|
t ? "text-text-dark-disabled" : "text-text-brand-def"
|
|
154
155
|
),
|
|
155
|
-
children: /* @__PURE__ */ e(
|
|
156
|
+
children: /* @__PURE__ */ e(H, { className: "size-icon-default" })
|
|
156
157
|
}
|
|
157
158
|
)
|
|
158
159
|
}
|
|
@@ -168,8 +169,8 @@ const p = 72, u = 20, k = 24, E = 4, D = ({
|
|
|
168
169
|
)
|
|
169
170
|
]
|
|
170
171
|
}
|
|
171
|
-
) }),
|
|
172
|
-
|
|
172
|
+
) }), j = T(R);
|
|
173
|
+
j.displayName = "ReorderableTable";
|
|
173
174
|
export {
|
|
174
|
-
|
|
175
|
+
j as ReorderableTable
|
|
175
176
|
};
|
|
@@ -14,5 +14,6 @@ type Story = StoryObj<typeof ReorderableTable<IBenefit>>;
|
|
|
14
14
|
export declare const Default: Story;
|
|
15
15
|
export declare const WithoutHeader: Story;
|
|
16
16
|
export declare const WithDisabledRow: Story;
|
|
17
|
+
export declare const AnimatedRows: Story;
|
|
17
18
|
export declare const FullyDisabled: Story;
|
|
18
19
|
//# sourceMappingURL=ReorderableTable.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkDvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,OAAO,EAAE,KAkHrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA0H1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './ReorderableTable';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
import { InputProps } from '../Input';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the Searchbar component.
|
|
5
|
+
* Extends InputProps with form submission handling, clear/search buttons, and controlled/uncontrolled modes.
|
|
6
|
+
*/
|
|
3
7
|
export interface SearchbarProps extends Omit<InputProps, 'type' | 'onSubmit' | 'value' | 'defaultValue' | 'suffix'> {
|
|
8
|
+
/** Controlled value of the search input. Use with `onChange` for controlled mode. */
|
|
4
9
|
value?: string;
|
|
10
|
+
/** Initial value for uncontrolled mode. */
|
|
5
11
|
defaultValue?: string;
|
|
12
|
+
/** Controls height and padding of the search input. @default 'sm' */
|
|
6
13
|
size?: 'sm' | 'base' | 'lg';
|
|
14
|
+
/** Shows clear and search icon buttons inside the input. @default true */
|
|
7
15
|
showButtons?: boolean;
|
|
16
|
+
/** Accessible label for the clear button. Defaults to translation value. */
|
|
8
17
|
clearButtonAriaLabel?: string;
|
|
18
|
+
/** Accessible label for the search/submit button. Defaults to translation value. */
|
|
9
19
|
searchButtonAriaLabel?: string;
|
|
20
|
+
/** Fires when form is submitted via search button or Enter key. Only fires when input has content. */
|
|
10
21
|
onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
|
|
11
22
|
}
|
|
12
23
|
declare const Searchbar: ({ className, error, size, showButtons, clearButtonAriaLabel: clearButtonAriaLabelProp, searchButtonAriaLabel: searchButtonAriaLabelProp, disabled, value, defaultValue, name, placeholder, onChange, onSubmit, ...props }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,2NAehB,cAAc,4CAuGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,2NAehB,cAAc,4CAuGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,
|
|
1
|
+
{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA"}
|
|
@@ -1,7 +1,41 @@
|
|
|
1
|
+
import { ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
-
|
|
4
|
+
/** Props for single mode — only one segment can be active at a time. */
|
|
5
|
+
interface SegmentedControlSingleProps extends RadixToggleGroupSingleProps {
|
|
6
|
+
/** Single mode — only one segment can be active at a time. */
|
|
7
|
+
type: 'single';
|
|
8
|
+
/** Controlled value of the active segment. */
|
|
9
|
+
value?: string;
|
|
10
|
+
/** Initially active segment for uncontrolled usage. */
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
/** Fires when the active segment changes. Receives the new value string. */
|
|
13
|
+
onValueChange?: (value: string) => void;
|
|
14
|
+
/** Prevents interaction with all segments. @default false */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/** Props for multiple mode — any number of segments can be active simultaneously. */
|
|
18
|
+
interface SegmentedControlMultipleProps extends RadixToggleGroupMultipleProps {
|
|
19
|
+
/** Multiple mode — any number of segments can be active simultaneously. */
|
|
20
|
+
type: 'multiple';
|
|
21
|
+
/** Controlled value of the active segments (string array in multiple mode). */
|
|
22
|
+
value?: string[];
|
|
23
|
+
/** Initially active segments for uncontrolled usage. */
|
|
24
|
+
defaultValue?: string[];
|
|
25
|
+
/** Fires when the active segments change. Receives the new value array. */
|
|
26
|
+
onValueChange?: (value: string[]) => void;
|
|
27
|
+
/** Prevents interaction with all segments. @default false */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Props for the SegmentedControl component.
|
|
32
|
+
*
|
|
33
|
+
* Supports two modes: `'single'` for one active segment at a time,
|
|
34
|
+
* `'multiple'` for any combination of active segments.
|
|
35
|
+
*/
|
|
36
|
+
export type SegmentedControlProps = SegmentedControlSingleProps | SegmentedControlMultipleProps;
|
|
4
37
|
declare const SegmentedControl: ({ className, children, ...props }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
/** Individual segment item within segmented control. Extends Radix Toggle Group Item props. */
|
|
5
39
|
export type SegmentedControlItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item>;
|
|
6
40
|
declare const SegmentedControlItem: ({ className, children, ...props }: SegmentedControlItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
41
|
export { SegmentedControl, SegmentedControlItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EACL,KAAK,wBAAwB,IAAI,6BAA6B,EAC9D,KAAK,sBAAsB,IAAI,2BAA2B,EAC3D,MAAM,8BAA8B,CAAA;AAIrC,wEAAwE;AACxE,UAAU,2BAA4B,SAAQ,2BAA2B;IACvE,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAA;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,qFAAqF;AACrF,UAAU,6BAA8B,SAAQ,6BAA6B;IAC3E,2EAA2E;IAC3E,IAAI,EAAE,UAAU,CAAA;IAChB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAC7B,2BAA2B,GAC3B,6BAA6B,CAAA;AAEjC,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAevB,CAAA;AAED,+FAA+F;AAC/F,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAC1D,OAAO,oBAAoB,CAAC,IAAI,CACjC,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,mCAI3B,yBAAyB,4CA2B3B,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import * as s from "@radix-ui/react-toggle-group";
|
|
4
|
-
import { Typography as i } from "../Typography/Typography.js";
|
|
5
4
|
import { cn as a } from "../../utils/cn.js";
|
|
5
|
+
import { Typography as i } from "../Typography/Typography.js";
|
|
6
6
|
const g = ({
|
|
7
7
|
className: t,
|
|
8
8
|
children: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAwB,MAAM,oBAAoB,CAAA;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAwB,MAAM,oBAAoB,CAAA;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA+EvC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './SegmentedControl';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
|
@@ -1,7 +1,44 @@
|
|
|
1
|
+
import { ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
-
|
|
4
|
+
/** Props for single mode — only one icon segment can be active at a time. */
|
|
5
|
+
interface SegmentedIconControlSingleProps extends RadixToggleGroupSingleProps {
|
|
6
|
+
/** Single mode — only one icon segment can be active at a time. */
|
|
7
|
+
type: 'single';
|
|
8
|
+
/** Controlled value of the active segment. */
|
|
9
|
+
value?: string;
|
|
10
|
+
/** Initially active segment for uncontrolled usage. */
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
/** Fires when the active segment changes. Receives the new value string. */
|
|
13
|
+
onValueChange?: (value: string) => void;
|
|
14
|
+
/** Prevents interaction with all segments. @default false */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/** Props for multiple mode — any number of icon segments can be active simultaneously. */
|
|
18
|
+
interface SegmentedIconControlMultipleProps extends RadixToggleGroupMultipleProps {
|
|
19
|
+
/** Multiple mode — any number of icon segments can be active simultaneously. */
|
|
20
|
+
type: 'multiple';
|
|
21
|
+
/** Controlled value of the active segments (string array in multiple mode). */
|
|
22
|
+
value?: string[];
|
|
23
|
+
/** Initially active segments for uncontrolled usage. */
|
|
24
|
+
defaultValue?: string[];
|
|
25
|
+
/** Fires when the active segments change. Receives the new value array. */
|
|
26
|
+
onValueChange?: (value: string[]) => void;
|
|
27
|
+
/** Prevents interaction with all segments. @default false */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Props for the SegmentedIconControl component.
|
|
32
|
+
*
|
|
33
|
+
* Supports two modes: `'single'` for one active icon segment at a time,
|
|
34
|
+
* `'multiple'` for any combination of active segments.
|
|
35
|
+
*/
|
|
36
|
+
export type SegmentedIconControlProps = SegmentedIconControlSingleProps | SegmentedIconControlMultipleProps;
|
|
4
37
|
declare const SegmentedIconControl: ({ className, children, ...props }: SegmentedIconControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
/**
|
|
39
|
+
* Props for individual icon button segments within SegmentedIconControl.
|
|
40
|
+
* Extends Radix ToggleGroup.Item with design system styling.
|
|
41
|
+
*/
|
|
5
42
|
export type SegmentedIconControlItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item>;
|
|
6
43
|
declare const SegmentedIconControlItem: ({ className, children, ...props }: SegmentedIconControlItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
44
|
export { SegmentedIconControl, SegmentedIconControlItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedIconControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/SegmentedIconControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"SegmentedIconControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/SegmentedIconControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EACL,KAAK,wBAAwB,IAAI,6BAA6B,EAC9D,KAAK,sBAAsB,IAAI,2BAA2B,EAC3D,MAAM,8BAA8B,CAAA;AAGrC,6EAA6E;AAC7E,UAAU,+BAAgC,SAAQ,2BAA2B;IAC3E,mEAAmE;IACnE,IAAI,EAAE,QAAQ,CAAA;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,0FAA0F;AAC1F,UAAU,iCACR,SAAQ,6BAA6B;IACrC,gFAAgF;IAChF,IAAI,EAAE,UAAU,CAAA;IAChB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;GAKG;AACH,MAAM,MAAM,yBAAyB,GACjC,+BAA+B,GAC/B,iCAAiC,CAAA;AAErC,QAAA,MAAM,oBAAoB,GAAI,mCAI3B,yBAAyB,4CAe3B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAC9D,OAAO,oBAAoB,CAAC,IAAI,CACjC,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,mCAI/B,6BAA6B,4CAmB/B,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedIconControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/SegmentedIconControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EACL,oBAAoB,EAErB,MAAM,wBAAwB,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,
|
|
1
|
+
{"version":3,"file":"SegmentedIconControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/SegmentedIconControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EACL,oBAAoB,EAErB,MAAM,wBAAwB,CAAA;AAI/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CA8D3C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAElD,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2B/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA6E/B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './SegmentedIconControl';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedIconControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
|
|
@@ -1,23 +1,48 @@
|
|
|
1
1
|
import { default as React, ReactNode } from 'react';
|
|
2
|
+
/** Props for the {@link Select} dropdown component. */
|
|
2
3
|
export interface ISelectProps {
|
|
4
|
+
/** Label text displayed above the select trigger. */
|
|
3
5
|
label?: string;
|
|
6
|
+
/** Helper text displayed below the select. Renders in error color when `error` is true. */
|
|
4
7
|
hint?: string;
|
|
8
|
+
/** Applies error styling to the trigger border and hint text. @default false */
|
|
5
9
|
error?: boolean;
|
|
10
|
+
/** Marks the field as required. */
|
|
6
11
|
required?: boolean;
|
|
12
|
+
/** Element displayed after the selected value. */
|
|
7
13
|
suffix?: ReactNode;
|
|
14
|
+
/** Icon or element displayed before the selected value. */
|
|
8
15
|
prefix?: ReactNode;
|
|
16
|
+
/** Text shown when no option is selected. @default translations.select.placeholder */
|
|
9
17
|
placeholder?: string;
|
|
18
|
+
/** Controls trigger height and padding. @default 'base' */
|
|
10
19
|
size?: 'sm' | 'base' | 'lg';
|
|
20
|
+
/**
|
|
21
|
+
* Array of selectable option objects.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* options={[
|
|
26
|
+
* { value: 'a', label: 'Option A' },
|
|
27
|
+
* { value: 'b', label: 'Option B', disabled: true, icon: <Icon /> },
|
|
28
|
+
* ]}
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
11
31
|
options: Array<{
|
|
12
32
|
value: string;
|
|
13
33
|
label: ReactNode;
|
|
14
34
|
disabled?: boolean;
|
|
15
35
|
icon?: ReactNode;
|
|
16
36
|
}>;
|
|
37
|
+
/** Prevents interaction and applies disabled styling. @default false */
|
|
17
38
|
disabled?: boolean;
|
|
39
|
+
/** Currently selected value (controlled). */
|
|
18
40
|
value?: string;
|
|
41
|
+
/** Fires when the selected value changes. Receives the new value string. */
|
|
19
42
|
onChange?: (value: string) => void;
|
|
43
|
+
/** Scrolls the dropdown to the selected option when opened. @default false */
|
|
20
44
|
shouldScrollToSelectedOption?: boolean;
|
|
45
|
+
/** Distance in pixels from viewport edge before the dropdown repositions. Passed to Radix collision padding. */
|
|
21
46
|
collisionPadding?: number;
|
|
22
47
|
}
|
|
23
48
|
export declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAcd,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,wFA8LlB,CAAA"}
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAcd,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,wFA8LlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA0G7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAyB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { Select, type ISelectProps } from './Select';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
+
/** Props for the Skeleton component. */
|
|
1
2
|
export type SkeletonProps = {
|
|
3
|
+
/** Controls the skeleton background color variant. @default 'default' */
|
|
2
4
|
color?: 'default' | 'light';
|
|
3
5
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
4
6
|
declare const Skeleton: {
|
|
5
|
-
({ className, color, ...props }:
|
|
6
|
-
|
|
7
|
-
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
ExpandableTable: ({ className, rows, color, ...props }: {
|
|
9
|
-
rows?: number;
|
|
10
|
-
} & SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
({ className, color, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
ExpandableTable: ({ className, rows, color, ...props }: SkeletonExpandableTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
9
|
};
|
|
10
|
+
/** Props for the Skeleton.ExpandableTable subcomponent. */
|
|
11
|
+
export type SkeletonExpandableTableProps = {
|
|
12
|
+
/** Number of skeleton rows to render. @default 1 */
|
|
13
|
+
rows?: number;
|
|
14
|
+
} & SkeletonProps;
|
|
12
15
|
export { Skeleton };
|
|
13
16
|
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAExC,QAAA,MAAM,QAAQ;qCAIX;
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,wCAAwC;AACxC,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAExC,QAAA,MAAM,QAAQ;qCAIX,aAAa;4DAyBb,4BAA4B;CAb9B,CAAA;AAED,2DAA2D;AAC3D,MAAM,MAAM,4BAA4B,GAAG;IACzC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,aAAa,CAAA;AAmBjB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AACD,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA"}
|