@octoguide/mui-ui-toolkit 0.8.2 → 0.10.0

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.mts CHANGED
@@ -618,6 +618,43 @@ declare const ToggleButton: _emotion_styled.StyledComponent<_mui_material.Toggle
618
618
  ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
619
619
  }, "color" | "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
620
620
 
621
+ interface RadioCardOption {
622
+ /** The value submitted when this option is selected. */
623
+ value: string;
624
+ /** Short label displayed prominently on the card. */
625
+ label: string;
626
+ /** Supporting description displayed beneath the label. */
627
+ description?: string;
628
+ }
629
+ interface RadioCardGroupProps {
630
+ /** Currently selected value. */
631
+ value: string;
632
+ /** Called with the new value when the user selects a card. */
633
+ onChange: (value: string) => void;
634
+ /** The options to render. */
635
+ options: RadioCardOption[];
636
+ /** Disable all cards. */
637
+ disabled?: boolean;
638
+ }
639
+ /**
640
+ * A group of selectable cards, each with a label and optional description.
641
+ * Behaves like a radio group — only one option can be selected at a time.
642
+ *
643
+ * @example
644
+ * <RadioCardGroup
645
+ * value={mode}
646
+ * onChange={setMode}
647
+ * options={[
648
+ * { value: 'hard', label: 'Hard lock', description: 'Block queries once the limit is reached.' },
649
+ * { value: 'soft', label: 'Soft warning', description: 'Append a warning to the response.' },
650
+ * ]}
651
+ * />
652
+ */
653
+ declare function RadioCardGroup({ value, onChange, options, disabled }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
654
+ declare namespace RadioCardGroup {
655
+ var displayName: string;
656
+ }
657
+
621
658
  type DatePickerProps = DatePickerProps$1;
622
659
  type DesktopDatePickerProps = DesktopDatePickerProps$1;
623
660
  type MobileDatePickerProps = MobileDatePickerProps$1;
@@ -1021,6 +1058,17 @@ declare namespace Toggle {
1021
1058
  var displayName: string;
1022
1059
  }
1023
1060
 
1061
+ type ToastVariant = 'error' | 'warning' | 'success';
1062
+ interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
1063
+ onClose?: () => void;
1064
+ variant?: ToastVariant;
1065
+ isVisible?: boolean;
1066
+ /** Custom icon element. When omitted a default icon for the variant is used. */
1067
+ icon?: React__default.ReactNode;
1068
+ message: string;
1069
+ }
1070
+ declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
1071
+
1024
1072
  type TableProps = TableProps$1;
1025
1073
  type TableHeadProps = TableHeadProps$1;
1026
1074
  type TableBodyProps = TableBodyProps$1;
@@ -1110,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
1110
1158
  }
1111
1159
  declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
1112
1160
 
1113
- export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
1161
+ export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
package/dist/index.d.ts CHANGED
@@ -618,6 +618,43 @@ declare const ToggleButton: _emotion_styled.StyledComponent<_mui_material.Toggle
618
618
  ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
619
619
  }, "color" | "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
620
620
 
621
+ interface RadioCardOption {
622
+ /** The value submitted when this option is selected. */
623
+ value: string;
624
+ /** Short label displayed prominently on the card. */
625
+ label: string;
626
+ /** Supporting description displayed beneath the label. */
627
+ description?: string;
628
+ }
629
+ interface RadioCardGroupProps {
630
+ /** Currently selected value. */
631
+ value: string;
632
+ /** Called with the new value when the user selects a card. */
633
+ onChange: (value: string) => void;
634
+ /** The options to render. */
635
+ options: RadioCardOption[];
636
+ /** Disable all cards. */
637
+ disabled?: boolean;
638
+ }
639
+ /**
640
+ * A group of selectable cards, each with a label and optional description.
641
+ * Behaves like a radio group — only one option can be selected at a time.
642
+ *
643
+ * @example
644
+ * <RadioCardGroup
645
+ * value={mode}
646
+ * onChange={setMode}
647
+ * options={[
648
+ * { value: 'hard', label: 'Hard lock', description: 'Block queries once the limit is reached.' },
649
+ * { value: 'soft', label: 'Soft warning', description: 'Append a warning to the response.' },
650
+ * ]}
651
+ * />
652
+ */
653
+ declare function RadioCardGroup({ value, onChange, options, disabled }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
654
+ declare namespace RadioCardGroup {
655
+ var displayName: string;
656
+ }
657
+
621
658
  type DatePickerProps = DatePickerProps$1;
622
659
  type DesktopDatePickerProps = DesktopDatePickerProps$1;
623
660
  type MobileDatePickerProps = MobileDatePickerProps$1;
@@ -1021,6 +1058,17 @@ declare namespace Toggle {
1021
1058
  var displayName: string;
1022
1059
  }
1023
1060
 
1061
+ type ToastVariant = 'error' | 'warning' | 'success';
1062
+ interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
1063
+ onClose?: () => void;
1064
+ variant?: ToastVariant;
1065
+ isVisible?: boolean;
1066
+ /** Custom icon element. When omitted a default icon for the variant is used. */
1067
+ icon?: React__default.ReactNode;
1068
+ message: string;
1069
+ }
1070
+ declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
1071
+
1024
1072
  type TableProps = TableProps$1;
1025
1073
  type TableHeadProps = TableHeadProps$1;
1026
1074
  type TableBodyProps = TableBodyProps$1;
@@ -1110,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
1110
1158
  }
1111
1159
  declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
1112
1160
 
1113
- export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
1161
+ export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };