@ktjs/mui 0.24.5 → 0.24.6
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/index.d.ts +9 -48
- package/dist/index.mjs +30 -140
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -90,52 +90,6 @@ type KTMuiBottomNavigation = JSX.Element & {};
|
|
|
90
90
|
*/
|
|
91
91
|
declare function BottomNavigation(props: KTMuiBottomNavigationProps): KTMuiBottomNavigation;
|
|
92
92
|
|
|
93
|
-
type KTMuiDropdownButtonVariant = 'contained' | 'outlined' | 'text';
|
|
94
|
-
type KTMuiDropdownButtonColor = 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
|
|
95
|
-
type KTMuiDropdownButtonSize = 'small' | 'medium' | 'large';
|
|
96
|
-
interface KTMuiDropdownButtonOption {
|
|
97
|
-
value: string;
|
|
98
|
-
label: string | JSX.Element;
|
|
99
|
-
disabled?: boolean;
|
|
100
|
-
}
|
|
101
|
-
interface KTMuiDropdownButtonProps extends KTMuiProps {
|
|
102
|
-
/**
|
|
103
|
-
* The label for the dropdown button - can be a string or a JSX element
|
|
104
|
-
*/
|
|
105
|
-
label?: KTMaybeReactive<string | JSX.Element>;
|
|
106
|
-
/**
|
|
107
|
-
* The options for the dropdown menu - array of objects with `value`, `label` and optional `disabled`
|
|
108
|
-
*/
|
|
109
|
-
options: KTMaybeReactive<KTMuiDropdownButtonOption[]>;
|
|
110
|
-
/**
|
|
111
|
-
* The variant to use - 'contained', 'outlined' or 'text'
|
|
112
|
-
*/
|
|
113
|
-
variant?: KTMaybeReactive<KTMuiDropdownButtonVariant>;
|
|
114
|
-
/**
|
|
115
|
-
* The color to use - 'primary', 'secondary', 'error', 'warning', 'info' or 'success'
|
|
116
|
-
*/
|
|
117
|
-
color?: KTMaybeReactive<KTMuiDropdownButtonColor>;
|
|
118
|
-
/**
|
|
119
|
-
* The size of the button - 'small', 'medium' or 'large'
|
|
120
|
-
*/
|
|
121
|
-
size?: KTMaybeReactive<KTMuiDropdownButtonSize>;
|
|
122
|
-
/**
|
|
123
|
-
* Whether the button is disabled
|
|
124
|
-
*/
|
|
125
|
-
disabled?: KTMaybeReactive<boolean>;
|
|
126
|
-
/**
|
|
127
|
-
* Whether the button should take the full width of its container
|
|
128
|
-
*/
|
|
129
|
-
fullWidth?: KTMaybeReactive<boolean>;
|
|
130
|
-
'on:click'?: (event: MouseEvent) => void;
|
|
131
|
-
'on:select'?: (value: string, option: KTMuiDropdownButtonOption) => void;
|
|
132
|
-
}
|
|
133
|
-
type KTMuiDropdownButton = JSX.Element & {};
|
|
134
|
-
/**
|
|
135
|
-
* DropdownButton component - mimics MUI Dropdown Button appearance and behavior
|
|
136
|
-
*/
|
|
137
|
-
declare function DropdownButton(props: KTMuiDropdownButtonProps): KTMuiDropdownButton;
|
|
138
|
-
|
|
139
93
|
type KTMuiCheckboxSize = 'small' | 'medium';
|
|
140
94
|
type KTMuiCheckboxColor = 'primary' | 'secondary' | 'default' | 'success' | 'error' | 'warning';
|
|
141
95
|
interface KTMuiCheckboxProps extends Omit<KTMuiProps, 'children'> {
|
|
@@ -185,6 +139,13 @@ interface KTMuiDialogProps extends Omit<KTMuiProps, 'children'> {
|
|
|
185
139
|
actions?: KTMaybeReactive$1<HTMLElement | HTMLElement[]>;
|
|
186
140
|
size?: KTMaybeReactive$1<KTMuiDialogSize>;
|
|
187
141
|
fullWidth?: KTMaybeReactive$1<boolean>;
|
|
142
|
+
/**
|
|
143
|
+
* Dialog rendering mode: 'dialog' (native) or 'div' (fallback)
|
|
144
|
+
* - 'dialog' uses <dialog> element if supported
|
|
145
|
+
* - 'div' always uses <div>
|
|
146
|
+
* - Default: 'dialog'
|
|
147
|
+
*/
|
|
148
|
+
mode?: KTMaybeReactive$1<'dialog' | 'div'>;
|
|
188
149
|
'on:close'?: () => void;
|
|
189
150
|
}
|
|
190
151
|
type KTMuiDialog = JSX.Element;
|
|
@@ -542,5 +503,5 @@ type KTMuiTabs = JSX.Element & {};
|
|
|
542
503
|
*/
|
|
543
504
|
declare function Tabs(props: KTMuiTabsProps): KTMuiTabs;
|
|
544
505
|
|
|
545
|
-
export { Alert, Badge, BottomNavigation, Button, Card, Checkbox, CheckboxGroup, Dialog,
|
|
546
|
-
export type { KTMuiAlertOptions, KTMuiAlertSeverity, KTMuiAlertVariant, KTMuiBadge, KTMuiBadgeAnchorOrigin, KTMuiBadgeColor, KTMuiBadgeContent, KTMuiBadgeHorizontalOrigin, KTMuiBadgeOverlap, KTMuiBadgeProps, KTMuiBadgeVariant, KTMuiBadgeVerticalOrigin, KTMuiBottomNavigation, KTMuiBottomNavigationAction, KTMuiBottomNavigationProps, KTMuiButtonColor, KTMuiButtonSize, KTMuiButtonType, KTMuiButtonVariant, KTMuiCard, KTMuiCardProps, KTMuiCardVariant, KTMuiCheckbox, KTMuiCheckboxColor, KTMuiCheckboxGroup, KTMuiCheckboxGroupProps, KTMuiCheckboxProps, KTMuiCheckboxSize, KTMuiConfirmOptions, KTMuiDialog, KTMuiDialogSize,
|
|
506
|
+
export { Alert, Badge, BottomNavigation, Button, Card, Checkbox, CheckboxGroup, Dialog, FormLabel, LinearProgress, Menu, Modal, Pill, Popover, Radio, RadioGroup, Select, Switch, Tabs, TextField, alert, confirm, modalAlert, modalConfirm, modalPrompt, prompt };
|
|
507
|
+
export type { KTMuiAlertOptions, KTMuiAlertSeverity, KTMuiAlertVariant, KTMuiBadge, KTMuiBadgeAnchorOrigin, KTMuiBadgeColor, KTMuiBadgeContent, KTMuiBadgeHorizontalOrigin, KTMuiBadgeOverlap, KTMuiBadgeProps, KTMuiBadgeVariant, KTMuiBadgeVerticalOrigin, KTMuiBottomNavigation, KTMuiBottomNavigationAction, KTMuiBottomNavigationProps, KTMuiButtonColor, KTMuiButtonSize, KTMuiButtonType, KTMuiButtonVariant, KTMuiCard, KTMuiCardProps, KTMuiCardVariant, KTMuiCheckbox, KTMuiCheckboxColor, KTMuiCheckboxGroup, KTMuiCheckboxGroupProps, KTMuiCheckboxProps, KTMuiCheckboxSize, KTMuiConfirmOptions, KTMuiDialog, KTMuiDialogSize, KTMuiFormLabelComponent, KTMuiLinearProgress, KTMuiLinearProgressColor, KTMuiLinearProgressVariant, KTMuiMenu, KTMuiMenuCloseReason, KTMuiMenuContent, KTMuiMenuHorizontalOrigin, KTMuiMenuOption, KTMuiMenuProps, KTMuiMenuVerticalOrigin, KTMuiModalContent, KTMuiPill, KTMuiPillColor, KTMuiPillProps, KTMuiPillSize, KTMuiPillVariant, KTMuiPopover, KTMuiPopoverCloseReason, KTMuiPopoverHorizontalOrigin, KTMuiPopoverOrigin, KTMuiPopoverProps, KTMuiPopoverVerticalOrigin, KTMuiPromptOptions, KTMuiRadio, KTMuiRadioColor, KTMuiRadioGroup, KTMuiRadioProps, KTMuiRadioSize, KTMuiSelect, KTMuiSelectOption, KTMuiSelectProps, KTMuiSelectSize, KTMuiSwitch, KTMuiSwitchColor, KTMuiSwitchProps, KTMuiSwitchSize, KTMuiTabOption, KTMuiTabs, KTMuiTabsIndicatorColor, KTMuiTabsOrientation, KTMuiTabsProps, KTMuiTabsTextColor, KTMuiTabsVariant, KTMuiTextField, KTMuiTextFieldProps, KTMuiTextFieldSize, KTMuiTextFieldType };
|