@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,11 +1,20 @@
|
|
|
1
|
+
/** Dot indicator component for carousels, galleries, and multi-step flows. */
|
|
1
2
|
export interface SliderIndicatorsProps {
|
|
3
|
+
/** Total number of indicator dots to display. */
|
|
2
4
|
count: number;
|
|
5
|
+
/** Controls which dot appears active in controlled mode (0-based index). */
|
|
3
6
|
activeIndex?: number;
|
|
7
|
+
/** Sets initial active dot for uncontrolled mode (0-based index). @default 0 */
|
|
4
8
|
initialIndex?: number;
|
|
9
|
+
/** Fires when a dot is clicked. */
|
|
5
10
|
onDotClick?: (index: number) => void;
|
|
11
|
+
/** Enable click interactions for direct navigation. @default false */
|
|
6
12
|
interactive?: boolean;
|
|
13
|
+
/** Additional CSS classes for the indicator container. */
|
|
7
14
|
className?: string;
|
|
15
|
+
/** Accessible label for the indicator list element. */
|
|
8
16
|
ariaLabel?: string;
|
|
17
|
+
/** Base accessible label for dot buttons. Appends index + 1 to create "label index". @default "Go to slide" */
|
|
9
18
|
buttonAriaLabel?: string;
|
|
10
19
|
}
|
|
11
20
|
declare const SliderIndicators: ({ count, activeIndex, initialIndex, onDotClick, interactive, className, ariaLabel, buttonAriaLabel, }: SliderIndicatorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderIndicators.d.ts","sourceRoot":"","sources":["../../../src/components/SliderIndicators/SliderIndicators.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;
|
|
1
|
+
{"version":3,"file":"SliderIndicators.d.ts","sourceRoot":"","sources":["../../../src/components/SliderIndicators/SliderIndicators.tsx"],"names":[],"mappings":"AAGA,8EAA8E;AAC9E,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,gBAAgB,GAAI,uGASvB,qBAAqB,4CAgDvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderIndicators.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SliderIndicators/SliderIndicators.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"SliderIndicators.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SliderIndicators/SliderIndicators.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA4CvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAoCtC,CAAA"}
|
|
@@ -1,16 +1,54 @@
|
|
|
1
|
+
/** Props for the {@link Stepper} component. */
|
|
1
2
|
export interface StepperProps {
|
|
3
|
+
/** Controls the current numeric value (controlled mode). */
|
|
2
4
|
value: number;
|
|
5
|
+
/**
|
|
6
|
+
* Sets initial value for uncontrolled mode.
|
|
7
|
+
* @default 0
|
|
8
|
+
*/
|
|
3
9
|
defaultValue?: number;
|
|
10
|
+
/** Fires when value changes via increment/decrement. */
|
|
4
11
|
onChange?: (value: number) => void;
|
|
12
|
+
/** Sets minimum allowed value; disables decrement button at limit. */
|
|
5
13
|
min?: number;
|
|
14
|
+
/** Sets maximum allowed value; disables increment button at limit. */
|
|
6
15
|
max?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Determines increment/decrement amount per click.
|
|
18
|
+
* @default 1
|
|
19
|
+
*/
|
|
7
20
|
step?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Disables both increment and decrement buttons.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
8
25
|
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Controls whether numeric value displays between buttons.
|
|
28
|
+
* @default true
|
|
29
|
+
*/
|
|
9
30
|
showValue?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Formats the displayed value with a custom function.
|
|
33
|
+
* @example formatValue={(v) => `${v} kg`}
|
|
34
|
+
*/
|
|
10
35
|
formatValue?: (value: number) => string;
|
|
36
|
+
/**
|
|
37
|
+
* Accessible label for the increment button.
|
|
38
|
+
* @default translations.stepper.incrementAriaLabel
|
|
39
|
+
*/
|
|
11
40
|
incrementAriaLabel?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Accessible label for the decrement button.
|
|
43
|
+
* @default translations.stepper.decrementAriaLabel
|
|
44
|
+
*/
|
|
12
45
|
decrementAriaLabel?: string;
|
|
46
|
+
/** Applies additional CSS classes to the stepper container. */
|
|
13
47
|
className?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Fires when user attempts to exceed min or max boundaries.
|
|
50
|
+
* @example onLimitReached={(limit) => console.log(`Reached ${limit}`)}
|
|
51
|
+
*/
|
|
14
52
|
onLimitReached?: (limit: 'min' | 'max') => void;
|
|
15
53
|
}
|
|
16
54
|
declare const Stepper: ({ value, defaultValue, onChange, min, max, step, disabled, formatValue, incrementAriaLabel: incrementAriaLabelProp, decrementAriaLabel: decrementAriaLabelProp, className, onLimitReached, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAOA,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,OAAO,GAAI,8LAad,YAAY,4CAmFd,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -2,9 +2,9 @@ import { jsxs as w, jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as I, useEffect as M } from "react";
|
|
3
3
|
import { StepperButton as b } from "./StepperButton.js";
|
|
4
4
|
import { useMuzaTranslations as T } from "../../translations/TranslationContext.js";
|
|
5
|
-
import { Typography as D } from "../Typography/Typography.js";
|
|
6
5
|
import { cn as x } from "../../utils/cn.js";
|
|
7
|
-
import { MinusCircleBold as
|
|
6
|
+
import { MinusCircleBold as D, AddCircleBold as E } from "@solar-icons/react-perf";
|
|
7
|
+
import { Typography as Y } from "../Typography/Typography.js";
|
|
8
8
|
const P = ({
|
|
9
9
|
value: f,
|
|
10
10
|
defaultValue: p,
|
|
@@ -48,11 +48,11 @@ const P = ({
|
|
|
48
48
|
onClick: B,
|
|
49
49
|
disabled: m || i !== void 0 && e <= i,
|
|
50
50
|
className: "size-comp-stepper-btn-size",
|
|
51
|
-
children: /* @__PURE__ */ l(
|
|
51
|
+
children: /* @__PURE__ */ l(D, { className: "size-full transition-colors" })
|
|
52
52
|
}
|
|
53
53
|
),
|
|
54
54
|
/* @__PURE__ */ l(
|
|
55
|
-
|
|
55
|
+
Y,
|
|
56
56
|
{
|
|
57
57
|
variant: "body",
|
|
58
58
|
size: "base",
|
|
@@ -75,7 +75,7 @@ const P = ({
|
|
|
75
75
|
onClick: j,
|
|
76
76
|
disabled: m || o !== void 0 && e >= o,
|
|
77
77
|
className: "size-comp-stepper-btn-size",
|
|
78
|
-
children: /* @__PURE__ */ l(
|
|
78
|
+
children: /* @__PURE__ */ l(E, { className: "size-full transition-colors" })
|
|
79
79
|
}
|
|
80
80
|
)
|
|
81
81
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,
|
|
1
|
+
{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2D9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,GAAG,EAAE,KAgBjB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAgBjB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { Stepper, type StepperProps } from './Stepper';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -1,15 +1,54 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { swipeButtonVariants } from './swipeButtonVariants';
|
|
4
|
+
/**
|
|
5
|
+
* SwipeButton component props.
|
|
6
|
+
*
|
|
7
|
+
* Extends standard button HTML attributes and CVA variants for size and variant styling.
|
|
8
|
+
* Supports interactive swipe-to-confirm gestures with loading and success states.
|
|
9
|
+
*/
|
|
4
10
|
export interface SwipeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof swipeButtonVariants> {
|
|
11
|
+
/**
|
|
12
|
+
* Main text displayed before swiping action.
|
|
13
|
+
* @default From translation context (swipeButton.text)
|
|
14
|
+
*/
|
|
5
15
|
text?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Text shown when action completes successfully.
|
|
18
|
+
* @default From translation context (swipeButton.successText)
|
|
19
|
+
*/
|
|
6
20
|
successText?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Text displayed during loading state.
|
|
23
|
+
* @default From translation context (swipeButton.loadingText)
|
|
24
|
+
*/
|
|
7
25
|
loadingText?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Activates success state with checkmark icon.
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
8
30
|
success?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Prevents interaction and applies disabled styling.
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
9
35
|
disabled?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Fires when user completes swipe gesture (slider reaches 90% of track).
|
|
38
|
+
*/
|
|
10
39
|
onSwipeComplete?: () => void;
|
|
40
|
+
/**
|
|
41
|
+
* Triggers reset animation to return button to initial state.
|
|
42
|
+
* @default false
|
|
43
|
+
*/
|
|
11
44
|
reset?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Fires when reset animation finishes.
|
|
47
|
+
*/
|
|
12
48
|
onResetComplete?: () => void;
|
|
49
|
+
/**
|
|
50
|
+
* Additional CSS classes for custom styling.
|
|
51
|
+
*/
|
|
13
52
|
className?: string;
|
|
14
53
|
}
|
|
15
54
|
declare const SwipeButton: ({ text, successText: successTextProp, loadingText: loadingTextProp, variant, size, fullWidth, loading, success, disabled, danger, onSwipeComplete, reset, onResetComplete, className, }: SwipeButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeButton.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAgB5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,GAAI,yLAelB,gBAAgB,4CAsOlB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"SwipeButton.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAgB5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D;;;;;GAKG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,GAAI,yLAelB,gBAAgB,4CAsOlB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -10,10 +10,10 @@ import { useTransform as T } from "../../node_modules/framer-motion/dist/es/valu
|
|
|
10
10
|
import { useMotionValueEvent as Q } from "../../node_modules/framer-motion/dist/es/utils/use-motion-value-event.js";
|
|
11
11
|
import { animate as u } from "../../node_modules/framer-motion/dist/es/animation/animate/index.js";
|
|
12
12
|
import { motion as E } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
|
|
13
|
-
import { Typography as V } from "../Typography/Typography.js";
|
|
14
13
|
import { DoubleArrowRight as X } from "../Icons/CustomIcons.js";
|
|
15
14
|
import { useDragControls as Z } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
|
|
16
15
|
import { cn as y } from "../../utils/cn.js";
|
|
16
|
+
import { Typography as V } from "../Typography/Typography.js";
|
|
17
17
|
import { UnreadOutline as ee } from "@solar-icons/react-perf";
|
|
18
18
|
const ve = ({
|
|
19
19
|
text: z,
|
|
@@ -19,116 +19,74 @@ declare const meta: {
|
|
|
19
19
|
argTypes: {
|
|
20
20
|
text: {
|
|
21
21
|
control: "text";
|
|
22
|
-
description: string;
|
|
23
22
|
table: {
|
|
24
23
|
category: string;
|
|
25
24
|
};
|
|
26
25
|
};
|
|
27
26
|
successText: {
|
|
28
27
|
control: "text";
|
|
29
|
-
description: string;
|
|
30
28
|
table: {
|
|
31
29
|
category: string;
|
|
32
|
-
defaultValue: {
|
|
33
|
-
summary: string;
|
|
34
|
-
};
|
|
35
30
|
};
|
|
36
31
|
};
|
|
37
32
|
loadingText: {
|
|
38
33
|
control: "text";
|
|
39
|
-
description: string;
|
|
40
34
|
table: {
|
|
41
35
|
category: string;
|
|
42
|
-
defaultValue: {
|
|
43
|
-
summary: string;
|
|
44
|
-
};
|
|
45
36
|
};
|
|
46
37
|
};
|
|
47
38
|
variant: {
|
|
48
39
|
control: "select";
|
|
49
40
|
options: NonNullable<"invert" | "primary" | "secondary" | "tertiary" | null | undefined>[];
|
|
50
|
-
description: string;
|
|
51
41
|
table: {
|
|
52
42
|
category: string;
|
|
53
|
-
defaultValue: {
|
|
54
|
-
summary: string;
|
|
55
|
-
};
|
|
56
43
|
};
|
|
57
44
|
};
|
|
58
45
|
size: {
|
|
59
46
|
control: "select";
|
|
60
47
|
options: string[];
|
|
61
|
-
description: string;
|
|
62
48
|
table: {
|
|
63
49
|
category: string;
|
|
64
|
-
defaultValue: {
|
|
65
|
-
summary: string;
|
|
66
|
-
};
|
|
67
50
|
};
|
|
68
51
|
};
|
|
69
52
|
fullWidth: {
|
|
70
53
|
control: "boolean";
|
|
71
|
-
description: string;
|
|
72
54
|
table: {
|
|
73
55
|
category: string;
|
|
74
|
-
defaultValue: {
|
|
75
|
-
summary: string;
|
|
76
|
-
};
|
|
77
56
|
};
|
|
78
57
|
};
|
|
79
58
|
danger: {
|
|
80
59
|
control: "boolean";
|
|
81
|
-
description: string;
|
|
82
60
|
table: {
|
|
83
61
|
category: string;
|
|
84
|
-
defaultValue: {
|
|
85
|
-
summary: string;
|
|
86
|
-
};
|
|
87
62
|
};
|
|
88
63
|
};
|
|
89
64
|
loading: {
|
|
90
65
|
control: "boolean";
|
|
91
|
-
description: string;
|
|
92
66
|
table: {
|
|
93
67
|
category: string;
|
|
94
|
-
defaultValue: {
|
|
95
|
-
summary: string;
|
|
96
|
-
};
|
|
97
68
|
};
|
|
98
69
|
};
|
|
99
70
|
success: {
|
|
100
71
|
control: "boolean";
|
|
101
|
-
description: string;
|
|
102
72
|
table: {
|
|
103
73
|
category: string;
|
|
104
|
-
defaultValue: {
|
|
105
|
-
summary: string;
|
|
106
|
-
};
|
|
107
74
|
};
|
|
108
75
|
};
|
|
109
76
|
disabled: {
|
|
110
77
|
control: "boolean";
|
|
111
|
-
description: string;
|
|
112
78
|
table: {
|
|
113
79
|
category: string;
|
|
114
|
-
defaultValue: {
|
|
115
|
-
summary: string;
|
|
116
|
-
};
|
|
117
80
|
};
|
|
118
81
|
};
|
|
119
82
|
reset: {
|
|
120
83
|
control: "boolean";
|
|
121
|
-
description: string;
|
|
122
84
|
table: {
|
|
123
85
|
category: string;
|
|
124
|
-
defaultValue: {
|
|
125
|
-
summary: string;
|
|
126
|
-
};
|
|
127
86
|
};
|
|
128
87
|
};
|
|
129
88
|
onSwipeComplete: {
|
|
130
89
|
action: string;
|
|
131
|
-
description: string;
|
|
132
90
|
control: false;
|
|
133
91
|
table: {
|
|
134
92
|
category: string;
|
|
@@ -136,7 +94,6 @@ declare const meta: {
|
|
|
136
94
|
};
|
|
137
95
|
onResetComplete: {
|
|
138
96
|
action: string;
|
|
139
|
-
description: string;
|
|
140
97
|
control: false;
|
|
141
98
|
table: {
|
|
142
99
|
category: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASlE,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"SwipeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/SwipeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASlE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqH0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAepB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2D/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAA;AA4BD,eAAO,MAAM,iBAAiB,EAAE,KAkH/B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAyL3B,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { SwipeButton, type SwipeButtonProps } from './SwipeButton';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1,6 +1,25 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the Switch component.
|
|
5
|
+
* Extends Radix Switch root props.
|
|
6
|
+
*/
|
|
3
7
|
export interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
|
|
8
|
+
/** Controlled checked state of the switch. */
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
/** Initial checked state for uncontrolled usage. @default false */
|
|
11
|
+
defaultChecked?: boolean;
|
|
12
|
+
/** Fires when the checked state changes. Receives the new boolean value. */
|
|
13
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
14
|
+
/** Prevents interaction and applies disabled styling. @default false */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** Marks the switch as required in form validation. @default false */
|
|
17
|
+
required?: boolean;
|
|
18
|
+
/** Name attribute for form submission. */
|
|
19
|
+
name?: string;
|
|
20
|
+
/** Value attribute submitted with form data when checked. @default 'on' */
|
|
21
|
+
value?: string;
|
|
22
|
+
/** Additional CSS classes to apply to the switch root. */
|
|
4
23
|
className?: string;
|
|
5
24
|
}
|
|
6
25
|
declare const Switch: ({ className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,GAAI,yBAAyB,WAAW,4CAuBnD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD;;;GAGG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,GAAI,yBAAyB,WAAW,4CAuBnD,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAuD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
|
|
@@ -5,10 +5,26 @@ declare const tagVariants: (props?: ({
|
|
|
5
5
|
size?: "small" | "default" | null | undefined;
|
|
6
6
|
isInTable?: boolean | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
-
|
|
8
|
+
/** Props for the Tag component. */
|
|
9
|
+
export type TagProps = React.ComponentProps<'span'> & Omit<VariantProps<typeof tagVariants>, 'variant' | 'size' | 'isInTable'> & {
|
|
10
|
+
/** Visual style variant determining background color and border. @default 'outlined' */
|
|
11
|
+
variant?: 'filled' | 'outlined' | 'warning' | 'success' | 'error' | 'info' | 'invert';
|
|
12
|
+
/** Controls padding and text size. @default 'default' */
|
|
13
|
+
size?: 'small' | 'default';
|
|
14
|
+
/** Renders as child element using Radix Slot for composition. @default false */
|
|
9
15
|
asChild?: boolean;
|
|
16
|
+
/** Optional icon element displayed before the text. Ignored when `isInTable` is true. */
|
|
10
17
|
icon?: React.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Custom hex color that overrides variant styling.
|
|
20
|
+
* Generates background at 10% opacity and applies color to text.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* <Tag color="#0066dc">Custom</Tag>
|
|
24
|
+
*/
|
|
11
25
|
color?: string;
|
|
26
|
+
/** Displays a small colored dot instead of an icon and adjusts sizing for table cells. @default false */
|
|
27
|
+
isInTable?: boolean;
|
|
12
28
|
};
|
|
13
29
|
declare const Tag: ({ className, variant, asChild, children, size, icon, isInTable, style, color, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
30
|
export { Tag, tagVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA+BhB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,WAAW;;;;8EA+BhB,CAAA;AAED,mCAAmC;AACnC,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACjD,IAAI,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,wFAAwF;IACxF,OAAO,CAAC,EACJ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,CAAA;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yGAAyG;IACzG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAEH,QAAA,MAAM,GAAG,GAAI,0FAWV,QAAQ,4CAgDV,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -3,8 +3,8 @@ import "react";
|
|
|
3
3
|
import { Slot as m } from "@radix-ui/react-slot";
|
|
4
4
|
import { cva as d } from "class-variance-authority";
|
|
5
5
|
import f from "../../node_modules/color/index.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { cn as x } from "../../utils/cn.js";
|
|
7
|
+
import { Typography as b } from "../Typography/Typography.js";
|
|
8
8
|
const u = d(
|
|
9
9
|
"inline-flex w-fit shrink-0 items-center justify-center gap-xs rounded-full whitespace-nowrap [&>svg]:pointer-events-none",
|
|
10
10
|
{
|
|
@@ -48,7 +48,7 @@ const u = d(
|
|
|
48
48
|
o ? m : "span",
|
|
49
49
|
{
|
|
50
50
|
"data-slot": "badge",
|
|
51
|
-
className:
|
|
51
|
+
className: x(
|
|
52
52
|
u({ variant: s, size: n, isInTable: t }),
|
|
53
53
|
{
|
|
54
54
|
"border-transparent bg-(--tag-bg-color) text-(--tag-text-color)": e
|
|
@@ -74,7 +74,7 @@ const u = d(
|
|
|
74
74
|
}
|
|
75
75
|
) : c,
|
|
76
76
|
/* @__PURE__ */ r(
|
|
77
|
-
|
|
77
|
+
b,
|
|
78
78
|
{
|
|
79
79
|
component: "span",
|
|
80
80
|
variant: "body",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CA0D1B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;AAEjC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwEzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyDhC,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as u, Fragment as m, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { ToolbarButton as h } from "./ToolbarButton.js";
|
|
3
3
|
import { ToolbarSeparator as e } from "./ToolbarSeparator.js";
|
|
4
|
-
import { Flex as v } from "../Flex/Flex.js";
|
|
5
4
|
import { TextH1 as B, TextH2 as L, TextH3 as A, BulletList as T, NumberList as i } from "../Icons/CustomIcons.js";
|
|
5
|
+
import { Flex as v } from "../Flex/Flex.js";
|
|
6
6
|
import { UndoLeftBold as H, UndoRightBold as y, TextBoldBold as F, TextItalicBold as w, TextCrossBold as I, LinkRoundBold as N, EraserBold as S } from "@solar-icons/react-perf";
|
|
7
7
|
const O = ({
|
|
8
8
|
editor: l,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
1
2
|
import { Editor } from '@tiptap/react';
|
|
2
3
|
/**
|
|
3
4
|
* Translations for the LinkBubbleMenu component.
|
|
@@ -20,6 +21,8 @@ export interface LinkBubbleMenuTranslations {
|
|
|
20
21
|
export interface LinkBubbleMenuProps {
|
|
21
22
|
/** The TipTap editor instance */
|
|
22
23
|
editor: Editor;
|
|
24
|
+
/** Ref to the container element the tippy popup is appended to */
|
|
25
|
+
containerRef: RefObject<HTMLDivElement | null>;
|
|
23
26
|
/** Current URL value in the input */
|
|
24
27
|
linkUrl: string;
|
|
25
28
|
/** Whether the edit input is visible */
|
|
@@ -48,5 +51,5 @@ export interface LinkBubbleMenuProps {
|
|
|
48
51
|
*
|
|
49
52
|
* @internal
|
|
50
53
|
*/
|
|
51
|
-
export declare const LinkBubbleMenu: ({ editor, linkUrl, isEditingLink, onUrlChange, onEdit, onSave, onRemove, onCancel, translations, }: LinkBubbleMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare const LinkBubbleMenu: ({ editor, containerRef, linkUrl, isEditingLink, onUrlChange, onEdit, onSave, onRemove, onCancel, translations, }: LinkBubbleMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
52
55
|
//# sourceMappingURL=LinkBubbleMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/LinkBubbleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/LinkBubbleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,oCAAoC,CAAA;AAQ3C;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,aAAa,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,4CAA4C;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,YAAY,EAAE,0BAA0B,CAAA;CACzC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kHAW5B,mBAAmB,4CAuGrB,CAAA"}
|