@mt-gloss/ui 0.0.8 → 0.0.10
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/catalog.d.ts +7 -0
- package/catalog.js +614 -0
- package/index.d.ts +274 -2
- package/index.js +2217 -18330
- package/internals.d.ts +64 -0
- package/internals.js +279 -0
- package/lib/base/BaseAccordion/BaseAccordion.d.ts +51 -0
- package/lib/base/BaseAlert/BaseAlert.d.ts +28 -0
- package/lib/base/BaseAsyncButton/BaseAsyncButton.d.ts +22 -0
- package/lib/base/BaseAvatar/BaseAvatar.d.ts +28 -0
- package/lib/base/BaseBadge/BaseBadge.d.ts +31 -0
- package/lib/base/BaseBox/BaseBox.d.ts +35 -0
- package/lib/base/BaseBreadcrumbs/BaseBreadcrumbs.d.ts +26 -0
- package/lib/base/BaseButton/BaseButton.d.ts +38 -0
- package/lib/base/BaseCard/BaseCard.d.ts +109 -0
- package/lib/base/BaseCheckbox/BaseCheckbox.d.ts +23 -0
- package/lib/base/BaseChip/BaseChip.d.ts +38 -0
- package/lib/base/BaseColorPicker/BaseColorPicker.d.ts +77 -0
- package/lib/base/BaseDatePicker/BaseDatePicker.d.ts +76 -0
- package/lib/base/BaseDateRangePicker/BaseDateRangePicker.d.ts +47 -0
- package/lib/base/BaseDialog/BaseDialog.d.ts +54 -0
- package/lib/base/BaseDivider/BaseDivider.d.ts +24 -0
- package/lib/base/BaseFileUpload/BaseFileUpload.d.ts +57 -0
- package/lib/base/BaseIcon/BaseIcon.d.ts +23 -0
- package/lib/base/BaseInput/BaseInput.d.ts +34 -0
- package/lib/base/BaseLabel/BaseLabel.d.ts +21 -0
- package/lib/base/BaseLink/BaseLink.d.ts +29 -0
- package/lib/base/BaseMaskedInput/BaseMaskedInput.d.ts +31 -0
- package/lib/base/BaseMenu/BaseMenu.d.ts +70 -0
- package/lib/base/BaseNumberInput/BaseNumberInput.d.ts +31 -0
- package/lib/base/BaseOverlay/BaseOverlay.d.ts +39 -0
- package/lib/base/BaseOverlay/useOverlayDismiss.d.ts +15 -0
- package/lib/base/BaseOverlay/useOverlayPositioning.d.ts +13 -0
- package/lib/base/BasePopover/BasePopover.d.ts +40 -0
- package/lib/base/BaseProgressBar/BaseProgressBar.d.ts +27 -0
- package/lib/base/BaseRadio/BaseRadio.d.ts +20 -0
- package/lib/base/BaseRangeSlider/BaseRangeSlider.d.ts +31 -0
- package/lib/base/BaseRating/BaseRating.d.ts +25 -0
- package/lib/base/BaseSegmentedControl/BaseSegmentedControl.d.ts +26 -0
- package/lib/base/BaseSelect/BaseSelect.d.ts +83 -0
- package/lib/base/BaseSlider/BaseSlider.d.ts +29 -0
- package/lib/base/BaseStack/BaseStack.d.ts +26 -0
- package/lib/base/BaseTable/BaseTable.d.ts +97 -0
- package/lib/base/BaseText/BaseText.d.ts +19 -0
- package/lib/base/BaseTextarea/BaseTextarea.d.ts +37 -0
- package/lib/base/BaseTimePicker/BaseTimePicker.d.ts +55 -0
- package/lib/base/BaseTitle/BaseTitle.d.ts +22 -0
- package/lib/base/BaseToast/BaseToast.d.ts +35 -0
- package/lib/base/BaseToggle/BaseToggle.d.ts +22 -0
- package/lib/base/BaseTooltip/BaseTooltip.d.ts +27 -0
- package/lib/base/BaseTypography/BaseTypography.d.ts +30 -0
- package/lib/base/BaseValue/BaseValue.d.ts +20 -0
- package/lib/base/index.d.ts +65 -0
- package/lib/base/types.d.ts +9 -0
- package/lib/base/utils.d.ts +18 -0
- package/lib/composites/controls/ThresholdRamp/ThresholdRamp.d.ts +24 -0
- package/lib/composites/controls/ThresholdRamp/index.d.ts +2 -0
- package/lib/composites/controls/index.d.ts +1 -0
- package/lib/composites/dashboard/QuickConfigPanel/QuickConfigPanel.d.ts +14 -0
- package/lib/composites/dashboard/QuickConfigPanel/index.d.ts +2 -0
- package/lib/composites/dashboard/QuickConfigPanel/types.d.ts +38 -0
- package/lib/composites/data/DataTable.d.ts +61 -0
- package/lib/composites/data/PinToMetric/PinToMetric.d.ts +11 -0
- package/lib/composites/data/PinToMetric/index.d.ts +2 -0
- package/lib/composites/data/PinToMetric/types.d.ts +17 -0
- package/lib/composites/data/index.d.ts +4 -0
- package/lib/composites/index.d.ts +5 -0
- package/lib/composites/inputs/Autocomplete.d.ts +36 -0
- package/lib/composites/inputs/EntityPicker.d.ts +36 -0
- package/lib/composites/inputs/FilterChip.d.ts +29 -0
- package/lib/composites/inputs/MultiSelect.d.ts +38 -0
- package/lib/composites/inputs/index.d.ts +8 -0
- package/lib/composites/navigation/Stepper.d.ts +40 -0
- package/lib/composites/navigation/index.d.ts +2 -0
- package/lib/composites/overlay/Dropdown/Dropdown.d.ts +22 -0
- package/lib/composites/overlay/Dropdown/index.d.ts +2 -0
- package/lib/composites/overlay/FormDialog.d.ts +38 -0
- package/lib/composites/overlay/InlineNudge/InlineNudge.d.ts +26 -0
- package/lib/composites/overlay/InlineNudge/index.d.ts +12 -0
- package/lib/composites/overlay/MergePrompt/MergePrompt.d.ts +16 -0
- package/lib/composites/overlay/MergePrompt/index.d.ts +2 -0
- package/lib/composites/overlay/MergePrompt/types.d.ts +15 -0
- package/lib/composites/overlay/SplitButton/SplitButton.d.ts +27 -0
- package/lib/composites/overlay/SplitButton/index.d.ts +2 -0
- package/lib/composites/overlay/index.d.ts +6 -0
- package/lib/compositions/feedback/DestructiveModal.d.ts +1 -1
- package/lib/compositions/filters/OrderFilterBar.d.ts +35 -0
- package/lib/compositions/filters/index.d.ts +2 -0
- package/lib/compositions/forms/AddressGroup.d.ts +13 -1
- package/lib/compositions/forms/ContactForm.d.ts +31 -0
- package/lib/compositions/forms/CreditCardForm.d.ts +3 -1
- package/lib/compositions/forms/LoginForm.d.ts +3 -1
- package/lib/compositions/forms/PaymentForm.d.ts +50 -0
- package/lib/compositions/forms/RegistrationForm.d.ts +39 -0
- package/lib/compositions/forms/index.d.ts +3 -0
- package/lib/compositions/index.d.ts +3 -0
- package/lib/compositions/navigation/ImportWizard.d.ts +28 -0
- package/lib/compositions/navigation/index.d.ts +2 -0
- package/lib/compositions/panels/EntitySearchPanel.d.ts +41 -0
- package/lib/compositions/panels/ProfileCard.d.ts +34 -0
- package/lib/compositions/panels/index.d.ts +4 -0
- package/lib/containers/ContainerCard/ContainerCard.d.ts +13 -0
- package/lib/containers/ContainerDialog/ContainerDialog.d.ts +27 -0
- package/lib/containers/ContainerForm/ContainerForm.d.ts +45 -0
- package/lib/containers/ContainerFormField/ContainerFormField.d.ts +31 -0
- package/lib/containers/ContainerFormSection/ContainerFormSection.d.ts +13 -0
- package/lib/containers/ContainerPanel/ContainerPanel.d.ts +14 -0
- package/lib/containers/ContainerTable/ContainerTable.d.ts +12 -0
- package/lib/containers/ContainerToolbar/ContainerToolbar.d.ts +11 -0
- package/lib/containers/UIContext.d.ts +26 -0
- package/lib/containers/index.d.ts +18 -0
- package/lib/dictionary/border.d.ts +11 -0
- package/lib/dictionary/breakpoint.d.ts +12 -0
- package/lib/dictionary/color.d.ts +67 -0
- package/lib/dictionary/elevation.d.ts +16 -0
- package/lib/dictionary/index.d.ts +14 -0
- package/lib/dictionary/motion.d.ts +13 -0
- package/lib/dictionary/opacity.d.ts +11 -0
- package/lib/dictionary/radius.d.ts +14 -0
- package/lib/dictionary/spacing.d.ts +18 -0
- package/lib/dictionary/typography.d.ts +25 -0
- package/lib/dictionary/z-index.d.ts +13 -0
- package/lib/facade/composites.d.ts +56 -0
- package/lib/facade/compositions.d.ts +27 -0
- package/lib/facade/containers.d.ts +8 -0
- package/lib/facade/data-display.d.ts +41 -0
- package/lib/facade/display.d.ts +50 -0
- package/lib/facade/feedback.d.ts +6 -0
- package/lib/facade/index.d.ts +17 -0
- package/lib/facade/inputs.d.ts +43 -0
- package/lib/facade/layout.d.ts +8 -0
- package/lib/facade/overlay.d.ts +26 -0
- package/lib/facade/typography.d.ts +12 -0
- package/lib/facade/wrappers.d.ts +26 -0
- package/lib/presets/PresetAccordion/PresetAccordion.d.ts +21 -0
- package/lib/presets/PresetAlert/PresetAlert.d.ts +17 -0
- package/lib/presets/PresetAsyncButton/PresetAsyncButton.d.ts +22 -0
- package/lib/presets/PresetAsyncLoader/PresetAsyncLoader.d.ts +6 -0
- package/lib/presets/PresetAvatar/PresetAvatar.d.ts +18 -0
- package/lib/presets/PresetBadge/PresetBadge.d.ts +15 -0
- package/lib/presets/PresetBreadcrumbs/PresetBreadcrumbs.d.ts +15 -0
- package/lib/presets/PresetButton/PresetButton.d.ts +27 -0
- package/lib/presets/PresetButtonGroup/PresetButtonGroup.d.ts +6 -0
- package/lib/presets/PresetCard/PresetCard.d.ts +45 -0
- package/lib/presets/PresetCheckbox/PresetCheckbox.d.ts +23 -0
- package/lib/presets/PresetCheckboxGroup/PresetCheckboxGroup.d.ts +6 -0
- package/lib/presets/PresetChip/PresetChip.d.ts +22 -0
- package/lib/presets/PresetColorPicker/PresetColorPicker.d.ts +22 -0
- package/lib/presets/PresetDatePicker/PresetDatePicker.d.ts +29 -0
- package/lib/presets/PresetDateRangePicker/PresetDateRangePicker.d.ts +37 -0
- package/lib/presets/PresetDialog/PresetDialog.d.ts +46 -0
- package/lib/presets/PresetDivider/PresetDivider.d.ts +13 -0
- package/lib/presets/PresetDropdown/PresetDropdown.d.ts +6 -0
- package/lib/presets/PresetFileUpload/PresetFileUpload.d.ts +35 -0
- package/lib/presets/PresetForm/PresetForm.d.ts +6 -0
- package/lib/presets/PresetFormField/PresetFormField.d.ts +6 -0
- package/lib/presets/PresetInput/PresetInput.d.ts +24 -0
- package/lib/presets/PresetInputGroup/PresetInputGroup.d.ts +6 -0
- package/lib/presets/PresetLabel/PresetLabel.d.ts +18 -0
- package/lib/presets/PresetLink/PresetLink.d.ts +21 -0
- package/lib/presets/PresetMaskedInput/PresetMaskedInput.d.ts +41 -0
- package/lib/presets/PresetMenu/PresetMenu.d.ts +33 -0
- package/lib/presets/PresetNumberInput/PresetNumberInput.d.ts +26 -0
- package/lib/presets/PresetPopover/PresetPopover.d.ts +17 -0
- package/lib/presets/PresetProgressBar/PresetProgressBar.d.ts +19 -0
- package/lib/presets/PresetRadio/PresetRadio.d.ts +21 -0
- package/lib/presets/PresetRadioGroup/PresetRadioGroup.d.ts +6 -0
- package/lib/presets/PresetRangeSlider/PresetRangeSlider.d.ts +30 -0
- package/lib/presets/PresetRating/PresetRating.d.ts +19 -0
- package/lib/presets/PresetSegmentedControl/PresetSegmentedControl.d.ts +28 -0
- package/lib/presets/PresetSelect/PresetSelect.d.ts +63 -0
- package/lib/presets/PresetSlider/PresetSlider.d.ts +29 -0
- package/lib/presets/PresetSplitButton/PresetSplitButton.d.ts +6 -0
- package/lib/presets/PresetSwatchRow/PresetSwatchRow.d.ts +28 -0
- package/lib/presets/PresetSwatchRow/index.d.ts +2 -0
- package/lib/presets/PresetText/PresetText.d.ts +17 -0
- package/lib/presets/PresetTextarea/PresetTextarea.d.ts +25 -0
- package/lib/presets/PresetTimePicker/PresetTimePicker.d.ts +27 -0
- package/lib/presets/PresetTitle/PresetTitle.d.ts +19 -0
- package/lib/presets/PresetToast/PresetToast.d.ts +19 -0
- package/lib/presets/PresetToggle/PresetToggle.d.ts +21 -0
- package/lib/presets/PresetTooltip/PresetTooltip.d.ts +20 -0
- package/lib/presets/PresetTransition/PresetTransition.d.ts +6 -0
- package/lib/presets/PresetValue/PresetValue.d.ts +15 -0
- package/lib/presets/createPreset.d.ts +64 -0
- package/lib/presets/index.d.ts +86 -0
- package/lib/presets/types.d.ts +13 -0
- package/lib/primitives/Accordion.d.ts +12 -102
- package/lib/primitives/AsyncLoader.d.ts +4 -39
- package/lib/primitives/Badge.d.ts +5 -40
- package/lib/primitives/Button.d.ts +4 -71
- package/lib/primitives/ButtonGroup.d.ts +4 -70
- package/lib/primitives/Card.d.ts +20 -138
- package/lib/primitives/Checkbox.d.ts +4 -68
- package/lib/primitives/CheckboxGroup.d.ts +4 -160
- package/lib/primitives/Chip.d.ts +5 -66
- package/lib/primitives/ColorPicker.d.ts +4 -80
- package/lib/primitives/DatePicker.d.ts +4 -100
- package/lib/primitives/DateRangePicker.d.ts +4 -107
- package/lib/primitives/Dropdown.d.ts +4 -63
- package/lib/primitives/FileUpload.d.ts +4 -107
- package/lib/primitives/Form.d.ts +4 -117
- package/lib/primitives/FormField.d.ts +4 -67
- package/lib/primitives/Input.d.ts +4 -87
- package/lib/primitives/InputGroup.d.ts +4 -57
- package/lib/primitives/Link.d.ts +4 -67
- package/lib/primitives/MaskedInput.d.ts +4 -93
- package/lib/primitives/Menu.d.ts +12 -131
- package/lib/primitives/NumberInput.d.ts +4 -79
- package/lib/primitives/Radio.d.ts +4 -58
- package/lib/primitives/RadioGroup.d.ts +4 -161
- package/lib/primitives/RangeSlider.d.ts +4 -103
- package/lib/primitives/Rating.d.ts +4 -113
- package/lib/primitives/SegmentedControl.d.ts +4 -94
- package/lib/primitives/Select.d.ts +5 -203
- package/lib/primitives/Slider.d.ts +4 -109
- package/lib/primitives/SplitButton.d.ts +4 -82
- package/lib/primitives/Textarea.d.ts +4 -57
- package/lib/primitives/TimePicker.d.ts +4 -91
- package/lib/primitives/Toggle.d.ts +4 -66
- package/lib/primitives/Tooltip.d.ts +6 -86
- package/lib/primitives/Transition.d.ts +4 -105
- package/lib/primitives/dashboard/MetricCard/CardBack.d.ts +17 -2
- package/lib/primitives/dashboard/MetricCard/CardShell.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/EdgeHoverHandle.d.ts +20 -0
- package/lib/primitives/dashboard/MetricCard/GhostPreview.d.ts +24 -0
- package/lib/primitives/dashboard/MetricCard/GutterActions.d.ts +12 -2
- package/lib/primitives/dashboard/MetricCard/MetricCard.d.ts +0 -28
- package/lib/primitives/dashboard/MetricCard/StatusModeCard.d.ts +5 -0
- package/lib/primitives/dashboard/MetricCard/StatusSlotChipMenu.d.ts +28 -0
- package/lib/primitives/dashboard/MetricCard/flipAndStage/FlipAndStageProvider.d.ts +29 -0
- package/lib/primitives/dashboard/MetricCard/flipAndStage/index.d.ts +15 -0
- package/lib/primitives/dashboard/MetricCard/flipAndStage/types.d.ts +83 -0
- package/lib/primitives/dashboard/MetricCard/flipAndStage/useFlipAndStage.d.ts +10 -0
- package/lib/primitives/dashboard/MetricCard/index.d.ts +10 -0
- package/lib/primitives/dashboard/MetricCard/types.d.ts +48 -4
- package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts +52 -0
- package/lib/primitives/dashboard/MetricCard/useSlotCapacity.d.ts +12 -0
- package/lib/primitives/dashboard/MetricCardGrid/MetricCardGrid.d.ts +21 -19
- package/lib/primitives/dashboard/MetricCardGrid/types.d.ts +8 -1
- package/lib/primitives/dashboard/MetricGroupContainer/MetricGroupContainer.d.ts +5 -0
- package/lib/primitives/dashboard/MetricGroupContainer/__tests__/fixtures.d.ts +13 -0
- package/lib/primitives/dashboard/MetricGroupContainer/index.d.ts +2 -0
- package/lib/primitives/dashboard/MetricGroupContainer/types.d.ts +34 -0
- package/lib/primitives/dashboard/PageChip/PageChip.d.ts +27 -0
- package/lib/primitives/dashboard/PageChip/PageDropdown.d.ts +29 -0
- package/lib/primitives/dashboard/PageChip/index.d.ts +3 -0
- package/lib/primitives/dashboard/PageChip/types.d.ts +36 -0
- package/lib/primitives/dashboard/TimeFrame/SimpleSelector.d.ts +9 -0
- package/lib/primitives/dashboard/TimeFrame/index.d.ts +2 -0
- package/lib/primitives/dashboard/TimeFrame/types.d.ts +8 -0
- package/lib/primitives/dashboard/UnifiedContextMenu/types.d.ts +2 -0
- package/lib/primitives/dashboard/index.d.ts +2 -0
- package/lib/wrappers/Actionable/Actionable.d.ts +17 -0
- package/lib/wrappers/AsyncLoader/AsyncLoader.d.ts +13 -0
- package/lib/wrappers/ButtonGroup/ButtonGroup.d.ts +23 -0
- package/lib/wrappers/CheckboxGroup/CheckboxGroup.d.ts +52 -0
- package/lib/wrappers/Dismissible/Dismissible.d.ts +24 -0
- package/lib/wrappers/Expandable/Expandable.d.ts +23 -0
- package/lib/wrappers/InputGroup/InputGroup.d.ts +20 -0
- package/lib/wrappers/RadioGroup/RadioGroup.d.ts +52 -0
- package/lib/wrappers/Selectable/Selectable.d.ts +19 -0
- package/lib/wrappers/Sortable/Sortable.d.ts +27 -0
- package/lib/wrappers/SortableZones/SortableZones.d.ts +32 -0
- package/lib/wrappers/SortableZones/index.d.ts +4 -0
- package/lib/wrappers/SortableZones/useSortableZones.d.ts +66 -0
- package/lib/wrappers/Transition/Transition.d.ts +49 -0
- package/lib/wrappers/index.d.ts +25 -0
- package/lib/wrappers/utils.d.ts +10 -0
- package/package.json +37 -3
- package/index.css +0 -1
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
4
|
+
import { ElevationValue } from '../../dictionary/elevation';
|
|
5
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
6
|
+
export interface BaseCardDefinition {
|
|
7
|
+
bg?: ColorValue | string;
|
|
8
|
+
border?: string;
|
|
9
|
+
radius?: RadiusValue | string;
|
|
10
|
+
elevation?: ElevationValue | string;
|
|
11
|
+
padding?: SpacingValue | string;
|
|
12
|
+
}
|
|
13
|
+
interface BaseCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
14
|
+
definition?: BaseCardDefinition;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @internal
|
|
21
|
+
* Structural card container with definition-driven styling.
|
|
22
|
+
*/
|
|
23
|
+
export declare const BaseCard: React.ForwardRefExoticComponent<BaseCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export interface BaseCardHeaderDefinition {
|
|
25
|
+
padding?: SpacingValue | string;
|
|
26
|
+
}
|
|
27
|
+
interface BaseCardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
28
|
+
definition?: BaseCardHeaderDefinition;
|
|
29
|
+
className?: string;
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
children?: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* @internal
|
|
35
|
+
* Structural card header slot.
|
|
36
|
+
*/
|
|
37
|
+
export declare const BaseCardHeader: React.ForwardRefExoticComponent<BaseCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
export interface BaseCardBodyDefinition {
|
|
39
|
+
padding?: SpacingValue | string;
|
|
40
|
+
}
|
|
41
|
+
interface BaseCardBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
42
|
+
definition?: BaseCardBodyDefinition;
|
|
43
|
+
className?: string;
|
|
44
|
+
style?: React.CSSProperties;
|
|
45
|
+
children?: React.ReactNode;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* @internal
|
|
49
|
+
* Structural card body slot.
|
|
50
|
+
*/
|
|
51
|
+
export declare const BaseCardBody: React.ForwardRefExoticComponent<BaseCardBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
52
|
+
export interface BaseCardFooterDefinition {
|
|
53
|
+
padding?: SpacingValue | string;
|
|
54
|
+
}
|
|
55
|
+
interface BaseCardFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
56
|
+
definition?: BaseCardFooterDefinition;
|
|
57
|
+
className?: string;
|
|
58
|
+
style?: React.CSSProperties;
|
|
59
|
+
children?: React.ReactNode;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* @internal
|
|
63
|
+
* Structural card footer slot.
|
|
64
|
+
*/
|
|
65
|
+
export declare const BaseCardFooter: React.ForwardRefExoticComponent<BaseCardFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
interface BaseCardMediaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
67
|
+
src?: string;
|
|
68
|
+
alt?: string;
|
|
69
|
+
height?: string;
|
|
70
|
+
className?: string;
|
|
71
|
+
style?: React.CSSProperties;
|
|
72
|
+
children?: React.ReactNode;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* @internal
|
|
76
|
+
* Structural media slot for images/video inside a card.
|
|
77
|
+
*/
|
|
78
|
+
export declare const BaseCardMedia: React.ForwardRefExoticComponent<BaseCardMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
interface BaseCardTitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'style'> {
|
|
80
|
+
className?: string;
|
|
81
|
+
style?: React.CSSProperties;
|
|
82
|
+
children?: React.ReactNode;
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* @internal
|
|
86
|
+
* Structural card title element.
|
|
87
|
+
*/
|
|
88
|
+
export declare const BaseCardTitle: React.ForwardRefExoticComponent<BaseCardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
89
|
+
interface BaseCardSubtitleProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'className' | 'style'> {
|
|
90
|
+
className?: string;
|
|
91
|
+
style?: React.CSSProperties;
|
|
92
|
+
children?: React.ReactNode;
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* @internal
|
|
96
|
+
* Structural card subtitle element.
|
|
97
|
+
*/
|
|
98
|
+
export declare const BaseCardSubtitle: React.ForwardRefExoticComponent<BaseCardSubtitleProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
99
|
+
interface BaseCardActionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
100
|
+
className?: string;
|
|
101
|
+
style?: React.CSSProperties;
|
|
102
|
+
children?: React.ReactNode;
|
|
103
|
+
}
|
|
104
|
+
/**
|
|
105
|
+
* @internal
|
|
106
|
+
* Structural card actions container (typically buttons).
|
|
107
|
+
*/
|
|
108
|
+
export declare const BaseCardActions: React.ForwardRefExoticComponent<BaseCardActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
109
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
export interface BaseCheckboxDefinition {
|
|
4
|
+
trackBg?: ColorValue | string;
|
|
5
|
+
trackBorder?: ColorValue | string;
|
|
6
|
+
checkColor?: ColorValue | string;
|
|
7
|
+
trackSize?: string;
|
|
8
|
+
trackRadius?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface BaseCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'style'> {
|
|
11
|
+
definition?: BaseCheckboxDefinition;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
/** Whether the checkbox is in an indeterminate state */
|
|
15
|
+
indeterminate?: boolean;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @internal
|
|
20
|
+
* Structural checkbox chassis with hidden input + visual track.
|
|
21
|
+
* No colors, no animations -- those belong in the Preset layer.
|
|
22
|
+
*/
|
|
23
|
+
export declare const BaseCheckbox: React.ForwardRefExoticComponent<BaseCheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicProps } from '../types';
|
|
3
|
+
import { ColorValue } from '../../dictionary/color';
|
|
4
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
5
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
6
|
+
export interface BaseChipDefinition {
|
|
7
|
+
bg?: ColorValue | string;
|
|
8
|
+
color?: ColorValue | string;
|
|
9
|
+
borderColor?: ColorValue | string;
|
|
10
|
+
padding?: SpacingValue | string;
|
|
11
|
+
paddingX?: SpacingValue | string;
|
|
12
|
+
radius?: RadiusValue | string;
|
|
13
|
+
fontSize?: string;
|
|
14
|
+
fontWeight?: string;
|
|
15
|
+
gap?: SpacingValue | string;
|
|
16
|
+
}
|
|
17
|
+
interface BaseChipProps {
|
|
18
|
+
definition?: BaseChipDefinition;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
clickable?: boolean;
|
|
23
|
+
selected?: boolean;
|
|
24
|
+
avatar?: React.ReactNode;
|
|
25
|
+
leftIcon?: React.ReactNode;
|
|
26
|
+
deleteButton?: React.ReactNode;
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @internal
|
|
31
|
+
* Structural chip chassis with definition-driven CSS custom properties.
|
|
32
|
+
* Owns DOM structure and data-attribute states. Preset owns event handlers.
|
|
33
|
+
*/
|
|
34
|
+
export declare function BaseChip<C extends React.ElementType = 'span'>(props: PolymorphicProps<C, BaseChipProps>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare namespace BaseChip {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export {};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
3
|
+
export interface BaseColorPickerDefinition {
|
|
4
|
+
radius?: RadiusValue | string;
|
|
5
|
+
elevation?: string;
|
|
6
|
+
padding?: string;
|
|
7
|
+
swatchSize?: string;
|
|
8
|
+
}
|
|
9
|
+
interface BaseColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
10
|
+
definition?: BaseColorPickerDefinition;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @internal
|
|
18
|
+
* Structural color picker container with canvas/strip/swatch layout slots.
|
|
19
|
+
* No color math or conversion -- Preset layer handles that.
|
|
20
|
+
*/
|
|
21
|
+
export declare function BaseColorPicker({ definition, className, style, disabled, children, ...rest }: BaseColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare namespace BaseColorPicker {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
interface BaseColorPickerSaturationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
26
|
+
className?: string;
|
|
27
|
+
style?: React.CSSProperties;
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @internal
|
|
32
|
+
* 2D saturation/brightness canvas area.
|
|
33
|
+
*/
|
|
34
|
+
export declare function BaseColorPickerSaturation({ className, style, children, ...rest }: BaseColorPickerSaturationProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare namespace BaseColorPickerSaturation {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
interface BaseColorPickerHueProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
39
|
+
className?: string;
|
|
40
|
+
style?: React.CSSProperties;
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @internal
|
|
45
|
+
* Horizontal hue strip for hue selection.
|
|
46
|
+
*/
|
|
47
|
+
export declare function BaseColorPickerHue({ className, style, children, ...rest }: BaseColorPickerHueProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export declare namespace BaseColorPickerHue {
|
|
49
|
+
var displayName: string;
|
|
50
|
+
}
|
|
51
|
+
interface BaseColorPickerAlphaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
52
|
+
className?: string;
|
|
53
|
+
style?: React.CSSProperties;
|
|
54
|
+
children?: React.ReactNode;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* @internal
|
|
58
|
+
* Alpha transparency strip.
|
|
59
|
+
*/
|
|
60
|
+
export declare function BaseColorPickerAlpha({ className, style, children, ...rest }: BaseColorPickerAlphaProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
export declare namespace BaseColorPickerAlpha {
|
|
62
|
+
var displayName: string;
|
|
63
|
+
}
|
|
64
|
+
interface BaseColorPickerSwatchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
65
|
+
className?: string;
|
|
66
|
+
style?: React.CSSProperties;
|
|
67
|
+
children?: React.ReactNode;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* @internal
|
|
71
|
+
* Color preview swatch circle.
|
|
72
|
+
*/
|
|
73
|
+
export declare function BaseColorPickerSwatch({ className, style, children, ...rest }: BaseColorPickerSwatchProps): import("react/jsx-runtime").JSX.Element;
|
|
74
|
+
export declare namespace BaseColorPickerSwatch {
|
|
75
|
+
var displayName: string;
|
|
76
|
+
}
|
|
77
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
export interface BaseDatePickerDefinition {
|
|
6
|
+
bg?: ColorValue | string;
|
|
7
|
+
borderColor?: ColorValue | string;
|
|
8
|
+
radius?: RadiusValue | string;
|
|
9
|
+
elevation?: string;
|
|
10
|
+
padding?: SpacingValue | string;
|
|
11
|
+
}
|
|
12
|
+
export interface BaseDatePickerDayDefinition {
|
|
13
|
+
bg?: ColorValue | string;
|
|
14
|
+
color?: ColorValue | string;
|
|
15
|
+
radius?: RadiusValue | string;
|
|
16
|
+
size?: string;
|
|
17
|
+
}
|
|
18
|
+
interface BaseDatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
19
|
+
definition?: BaseDatePickerDefinition;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @internal
|
|
26
|
+
* Structural calendar container. Provides grid layout for month views.
|
|
27
|
+
* No date math, no selection logic -- those belong in the Preset layer.
|
|
28
|
+
*/
|
|
29
|
+
export declare function BaseDatePicker({ definition, className, style, children, ...rest }: BaseDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare namespace BaseDatePicker {
|
|
31
|
+
var displayName: string;
|
|
32
|
+
}
|
|
33
|
+
interface BaseDatePickerHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
34
|
+
className?: string;
|
|
35
|
+
style?: React.CSSProperties;
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* @internal
|
|
40
|
+
* Calendar header with navigation arrow slots and month/year label.
|
|
41
|
+
*/
|
|
42
|
+
export declare function BaseDatePickerHeader({ className, style, children, ...rest }: BaseDatePickerHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export declare namespace BaseDatePickerHeader {
|
|
44
|
+
var displayName: string;
|
|
45
|
+
}
|
|
46
|
+
interface BaseDatePickerCalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
47
|
+
className?: string;
|
|
48
|
+
style?: React.CSSProperties;
|
|
49
|
+
children?: React.ReactNode;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* @internal
|
|
53
|
+
* 7-column CSS grid for day cells.
|
|
54
|
+
*/
|
|
55
|
+
export declare function BaseDatePickerCalendar({ className, style, children, ...rest }: BaseDatePickerCalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
export declare namespace BaseDatePickerCalendar {
|
|
57
|
+
var displayName: string;
|
|
58
|
+
}
|
|
59
|
+
interface BaseDatePickerDayProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
|
|
60
|
+
definition?: BaseDatePickerDayDefinition;
|
|
61
|
+
className?: string;
|
|
62
|
+
style?: React.CSSProperties;
|
|
63
|
+
selected?: boolean;
|
|
64
|
+
today?: boolean;
|
|
65
|
+
outsideMonth?: boolean;
|
|
66
|
+
children?: React.ReactNode;
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* @internal
|
|
70
|
+
* Individual day cell button. Data attributes drive styling states.
|
|
71
|
+
*/
|
|
72
|
+
export declare function BaseDatePickerDay({ definition, className, style, selected, today, outsideMonth, disabled, children, ...rest }: BaseDatePickerDayProps): import("react/jsx-runtime").JSX.Element;
|
|
73
|
+
export declare namespace BaseDatePickerDay {
|
|
74
|
+
var displayName: string;
|
|
75
|
+
}
|
|
76
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
export interface BaseDateRangePickerDefinition {
|
|
6
|
+
bg?: ColorValue | string;
|
|
7
|
+
borderColor?: ColorValue | string;
|
|
8
|
+
radius?: RadiusValue | string;
|
|
9
|
+
elevation?: string;
|
|
10
|
+
gap?: SpacingValue | string;
|
|
11
|
+
}
|
|
12
|
+
interface BaseDateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
13
|
+
definition?: BaseDateRangePickerDefinition;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @internal
|
|
20
|
+
* Dual-calendar container for range selection.
|
|
21
|
+
* Provides side-by-side layout with gap between calendars.
|
|
22
|
+
* No range logic -- Preset layer handles start/end selection.
|
|
23
|
+
*/
|
|
24
|
+
export declare function BaseDateRangePicker({ definition, className, style, children, ...rest }: BaseDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare namespace BaseDateRangePicker {
|
|
26
|
+
var displayName: string;
|
|
27
|
+
}
|
|
28
|
+
interface BaseDateRangePickerDayProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
|
|
29
|
+
className?: string;
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
selected?: boolean;
|
|
32
|
+
today?: boolean;
|
|
33
|
+
outsideMonth?: boolean;
|
|
34
|
+
rangeStart?: boolean;
|
|
35
|
+
rangeEnd?: boolean;
|
|
36
|
+
inRange?: boolean;
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @internal
|
|
41
|
+
* Day cell for range picker with range-specific data attributes.
|
|
42
|
+
*/
|
|
43
|
+
export declare function BaseDateRangePickerDay({ className, style, selected, today, outsideMonth, rangeStart, rangeEnd, inRange, disabled, children, ...rest }: BaseDateRangePickerDayProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export declare namespace BaseDateRangePickerDay {
|
|
45
|
+
var displayName: string;
|
|
46
|
+
}
|
|
47
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { ElevationValue } from '../../dictionary/elevation';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
6
|
+
import { ZIndexValue } from '../../dictionary/z-index';
|
|
7
|
+
export interface BaseDialogDefinition {
|
|
8
|
+
bg?: ColorValue | string;
|
|
9
|
+
shadow?: ElevationValue | string;
|
|
10
|
+
radius?: RadiusValue | string;
|
|
11
|
+
padding?: SpacingValue | string;
|
|
12
|
+
zIndex?: ZIndexValue | string;
|
|
13
|
+
width?: string;
|
|
14
|
+
maxHeight?: string;
|
|
15
|
+
}
|
|
16
|
+
interface BaseDialogProps {
|
|
17
|
+
definition?: BaseDialogDefinition;
|
|
18
|
+
open: boolean;
|
|
19
|
+
onDismiss?: () => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @internal
|
|
26
|
+
* Structural overlay dialog with centered modal panel.
|
|
27
|
+
* Composes BaseOverlay for portal + dismiss + animation. Lower-level than ContainerDialog.
|
|
28
|
+
*/
|
|
29
|
+
export declare function BaseDialog({ definition, open, onDismiss, className, style, children, }: BaseDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare namespace BaseDialog {
|
|
31
|
+
var displayName: string;
|
|
32
|
+
}
|
|
33
|
+
interface BaseDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
children?: React.ReactNode;
|
|
35
|
+
}
|
|
36
|
+
export declare function BaseDialogHeader({ children, className, ...rest }: BaseDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare namespace BaseDialogHeader {
|
|
38
|
+
var displayName: string;
|
|
39
|
+
}
|
|
40
|
+
interface BaseDialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
}
|
|
43
|
+
export declare function BaseDialogBody({ children, className, ...rest }: BaseDialogBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export declare namespace BaseDialogBody {
|
|
45
|
+
var displayName: string;
|
|
46
|
+
}
|
|
47
|
+
interface BaseDialogActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
48
|
+
children?: React.ReactNode;
|
|
49
|
+
}
|
|
50
|
+
export declare function BaseDialogActions({ children, className, ...rest }: BaseDialogActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export declare namespace BaseDialogActions {
|
|
52
|
+
var displayName: string;
|
|
53
|
+
}
|
|
54
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicProps } from '../types';
|
|
3
|
+
import { ColorValue } from '../../dictionary/color';
|
|
4
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
5
|
+
export interface BaseDividerDefinition {
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
color?: ColorValue | string;
|
|
8
|
+
thickness?: string;
|
|
9
|
+
spacing?: SpacingValue | string;
|
|
10
|
+
}
|
|
11
|
+
interface BaseDividerProps {
|
|
12
|
+
definition?: BaseDividerDefinition;
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* @internal
|
|
18
|
+
* Section separator with Dictionary-driven color and spacing.
|
|
19
|
+
*/
|
|
20
|
+
export declare function BaseDivider<C extends React.ElementType = 'hr'>(props: PolymorphicProps<C, BaseDividerProps>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare namespace BaseDivider {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
export interface BaseFileUploadDefinition {
|
|
6
|
+
bg?: ColorValue | string;
|
|
7
|
+
borderColor?: ColorValue | string;
|
|
8
|
+
borderStyle?: string;
|
|
9
|
+
radius?: RadiusValue | string;
|
|
10
|
+
padding?: SpacingValue | string;
|
|
11
|
+
minHeight?: string;
|
|
12
|
+
}
|
|
13
|
+
interface BaseFileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
14
|
+
definition?: BaseFileUploadDefinition;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
dragging?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @internal
|
|
23
|
+
* Structural file upload drop zone. Provides container with dashed border.
|
|
24
|
+
* No file validation or drag handling -- Preset layer handles that.
|
|
25
|
+
*/
|
|
26
|
+
export declare function BaseFileUpload({ definition, className, style, dragging, disabled, children, ...rest }: BaseFileUploadProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare namespace BaseFileUpload {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
interface BaseFileUploadListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
31
|
+
className?: string;
|
|
32
|
+
style?: React.CSSProperties;
|
|
33
|
+
children?: React.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @internal
|
|
37
|
+
* Container for the file list below the drop zone.
|
|
38
|
+
*/
|
|
39
|
+
export declare function BaseFileUploadList({ className, style, children, ...rest }: BaseFileUploadListProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export declare namespace BaseFileUploadList {
|
|
41
|
+
var displayName: string;
|
|
42
|
+
}
|
|
43
|
+
interface BaseFileUploadItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
|
|
44
|
+
className?: string;
|
|
45
|
+
style?: React.CSSProperties;
|
|
46
|
+
error?: boolean;
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* @internal
|
|
51
|
+
* Individual file row in the upload list.
|
|
52
|
+
*/
|
|
53
|
+
export declare function BaseFileUploadItem({ className, style, error, children, ...rest }: BaseFileUploadItemProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare namespace BaseFileUploadItem {
|
|
55
|
+
var displayName: string;
|
|
56
|
+
}
|
|
57
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
export interface BaseIconDefinition {
|
|
4
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
color?: ColorValue | string;
|
|
6
|
+
}
|
|
7
|
+
export interface BaseIconProps {
|
|
8
|
+
definition?: BaseIconDefinition;
|
|
9
|
+
name?: string;
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @internal
|
|
16
|
+
* Icon rendering primitive with Dictionary-driven sizing and color.
|
|
17
|
+
* Accepts either a string icon name (renders Icon from @mt-gloss/icons)
|
|
18
|
+
* or a ReactNode (renders as-is inside wrapper).
|
|
19
|
+
*/
|
|
20
|
+
export declare function BaseIcon(props: BaseIconProps): import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
export declare namespace BaseIcon {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
export interface BaseInputDefinition {
|
|
6
|
+
bg?: ColorValue | string;
|
|
7
|
+
color?: ColorValue | string;
|
|
8
|
+
borderColor?: ColorValue | string;
|
|
9
|
+
padding?: SpacingValue | string;
|
|
10
|
+
paddingX?: SpacingValue | string;
|
|
11
|
+
radius?: RadiusValue | string;
|
|
12
|
+
fontSize?: string;
|
|
13
|
+
minHeight?: string;
|
|
14
|
+
placeholderColor?: ColorValue | string;
|
|
15
|
+
}
|
|
16
|
+
export interface BaseInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
|
|
17
|
+
definition?: BaseInputDefinition;
|
|
18
|
+
className?: string;
|
|
19
|
+
style?: React.CSSProperties;
|
|
20
|
+
/** Structural label slot */
|
|
21
|
+
label?: React.ReactNode;
|
|
22
|
+
/** Structural helper text slot */
|
|
23
|
+
helperText?: React.ReactNode;
|
|
24
|
+
/** Required indicator in label */
|
|
25
|
+
required?: boolean;
|
|
26
|
+
/** Status data attribute for styling hooks */
|
|
27
|
+
status?: 'default' | 'error' | 'success';
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @internal
|
|
31
|
+
* Structural input chassis with label/helper anatomy.
|
|
32
|
+
* No colors, no focus rings -- those belong in the Preset layer.
|
|
33
|
+
*/
|
|
34
|
+
export declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseTypographyDefinition } from '../BaseTypography/BaseTypography';
|
|
3
|
+
import { PolymorphicProps } from '../types';
|
|
4
|
+
export type BaseLabelDefinition = BaseTypographyDefinition;
|
|
5
|
+
interface BaseLabelProps {
|
|
6
|
+
definition?: BaseLabelDefinition;
|
|
7
|
+
htmlFor?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
* Semantic label wrapper around BaseTypography. Defaults to <label>.
|
|
15
|
+
* Pass `htmlFor` to associate with an input element.
|
|
16
|
+
*/
|
|
17
|
+
export declare const BaseLabel: {
|
|
18
|
+
<C extends React.ElementType = "label">(props: PolymorphicProps<C, BaseLabelProps>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicProps } from '../types';
|
|
3
|
+
import { ColorValue } from '../../dictionary/color';
|
|
4
|
+
export interface BaseLinkDefinition {
|
|
5
|
+
color?: ColorValue | string;
|
|
6
|
+
fontSize?: string;
|
|
7
|
+
fontWeight?: string;
|
|
8
|
+
gap?: string;
|
|
9
|
+
underline?: 'always' | 'hover' | 'none';
|
|
10
|
+
}
|
|
11
|
+
interface BaseLinkProps {
|
|
12
|
+
definition?: BaseLinkDefinition;
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
leftIcon?: React.ReactNode;
|
|
17
|
+
rightIcon?: React.ReactNode;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @internal
|
|
22
|
+
* Structural link chassis with definition-driven CSS custom properties.
|
|
23
|
+
* No colors, no hover effects -- those belong in the Preset layer.
|
|
24
|
+
*/
|
|
25
|
+
export declare function BaseLink<C extends React.ElementType = 'a'>(props: PolymorphicProps<C, BaseLinkProps>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare namespace BaseLink {
|
|
27
|
+
var displayName: string;
|
|
28
|
+
}
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ColorValue } from '../../dictionary/color';
|
|
3
|
+
import { SpacingValue } from '../../dictionary/spacing';
|
|
4
|
+
import { RadiusValue } from '../../dictionary/radius';
|
|
5
|
+
export interface BaseMaskedInputDefinition {
|
|
6
|
+
bg?: ColorValue | string;
|
|
7
|
+
color?: ColorValue | string;
|
|
8
|
+
borderColor?: ColorValue | string;
|
|
9
|
+
padding?: SpacingValue | string;
|
|
10
|
+
paddingX?: SpacingValue | string;
|
|
11
|
+
radius?: RadiusValue | string;
|
|
12
|
+
fontSize?: string;
|
|
13
|
+
minHeight?: string;
|
|
14
|
+
placeholderColor?: ColorValue | string;
|
|
15
|
+
placeholderCharColor?: ColorValue | string;
|
|
16
|
+
}
|
|
17
|
+
export interface BaseMaskedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
|
|
18
|
+
definition?: BaseMaskedInputDefinition;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
label?: React.ReactNode;
|
|
22
|
+
helperText?: React.ReactNode;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
status?: 'default' | 'error' | 'success';
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @internal
|
|
28
|
+
* Structural masked input chassis. Extends the BaseInput pattern.
|
|
29
|
+
* Mask engine (imask) lives in the Preset layer, not here.
|
|
30
|
+
*/
|
|
31
|
+
export declare const BaseMaskedInput: React.ForwardRefExoticComponent<BaseMaskedInputProps & React.RefAttributes<HTMLInputElement>>;
|