@mezzanine-ui/react 1.0.0-beta.6 → 1.0.0-beta.7

package/index.js

@@ -28,13 +28,16 @@ export { useSelectValueControl } from './Form/useSelectValueControl.js';
 export { useSwitchControlValue } from './Form/useSwitchControlValue.js';
 export { default as Button } from './Button/Button.js';
 export { default as ButtonGroup } from './Button/ButtonGroup.js';
+export { default as Cropper } from './Cropper/Cropper.js';
 export { default as Typography } from './Typography/Typography.js';
+export { BaseCardGeneric as BaseCard, FourThumbnailCardGeneric as FourThumbnailCard, QuickActionCardGeneric as QuickActionCard, SingleThumbnailCardGeneric as SingleThumbnailCard, ThumbnailGeneric as Thumbnail } from './Card/index.js';
 export { default as Selection } from './Selection/Selection.js';
 export { default as DropdownAction } from './Dropdown/DropdownAction.js';
 export { default as DropdownItem } from './Dropdown/DropdownItem.js';
 export { default as DropdownItemCard } from './Dropdown/DropdownItemCard.js';
 export { default as DropdownStatus } from './Dropdown/DropdownStatus.js';
 export { default as Icon } from './Icon/Icon.js';
+export { default as Separator } from './Separator/Separator.js';
 export { default as Breadcrumb } from './Breadcrumb/Breadcrumb.js';
 export { default as Drawer } from './Drawer/Drawer.js';
 export { default as Menu } from './Menu/Menu.js';
@@ -55,13 +58,17 @@ export { default as Stepper } from './Stepper/Stepper.js';
 export { default as Tab } from './Tab/Tab.js';
 export { default as TabItem } from './Tab/TabItem.js';
 export { default as Accordion } from './Accordion/Accordion.js';
-export { default as AccordionDetails } from './Accordion/AccordionDetails.js';
-export { default as AccordionSummary } from './Accordion/AccordionSummary.js';
+export { default as AccordionActions } from './Accordion/AccordionActions.js';
+export { default as AccordionContent } from './Accordion/AccordionContent.js';
+export { default as AccordionGroup } from './Accordion/AccordionGroup.js';
+export { default as AccordionTitle } from './Accordion/AccordionTitle.js';
 export { default as Badge } from './Badge/Badge.js';
 export { default as BadgeContainer } from './Badge/BadgeContainer.js';
-export { default as Section } from './Section/Section.js';
-export { default as Card } from './Card/Card.js';
-export { default as CardActions } from './Card/CardActions.js';
+export { default as BaseCardSkeleton } from './Card/BaseCardSkeleton.js';
+export { default as CardGroup } from './Card/CardGroup.js';
+export { default as FourThumbnailCardSkeleton } from './Card/FourThumbnailCardSkeleton.js';
+export { default as QuickActionCardSkeleton } from './Card/QuickActionCardSkeleton.js';
+export { default as SingleThumbnailCardSkeleton } from './Card/SingleThumbnailCardSkeleton.js';
 export { default as Description } from './Description/Description.js';
 export { default as DescriptionContent } from './Description/DescriptionContent.js';
 export { default as DescriptionGroup } from './Description/DescriptionGroup.js';
@@ -72,13 +79,11 @@ export { default as Pagination } from './Pagination/Pagination.js';
 export { default as PaginationItem } from './Pagination/PaginationItem.js';
 export { default as PaginationJumper } from './Pagination/PaginationJumper.js';
 export { default as PaginationPageSize } from './Pagination/PaginationPageSize.js';
+export { default as Section } from './Section/Section.js';
 export { Table } from './Table/Table.js';
 export { default as Tag } from './Tag/Tag.js';
 export { default as TagGroup } from './Tag/TagGroup.js';
 export { default as Tooltip } from './Tooltip/Tooltip.js';
-export { default as Tree } from './Tree/Tree.js';
-export { default as TreeNode } from './Tree/TreeNode.js';
-export { default as TreeNodeList } from './Tree/TreeNodeList.js';
 export { default as AutoComplete } from './AutoComplete/AutoComplete.js';
 export { default as CheckAll } from './Checkbox/CheckAll.js';
 export { default as Checkbox } from './Checkbox/Checkbox.js';
@@ -89,24 +94,22 @@ export { default as DateRangePicker } from './DateRangePicker/DateRangePicker.js
 export { default as DateRangePickerCalendar } from './DateRangePicker/DateRangePickerCalendar.js';
 export { default as DateTimePicker } from './DateTimePicker/DateTimePicker.js';
 export { default as DateTimeRangePicker } from './DateTimeRangePicker/DateTimeRangePicker.js';
-export { default as MultipleDatePicker } from './MultipleDatePicker/MultipleDatePicker.js';
-export { default as MultipleDatePickerTrigger } from './MultipleDatePicker/MultipleDatePickerTrigger.js';
+export { default as Filter } from './FilterArea/Filter.js';
+export { default as FilterArea } from './FilterArea/FilterArea.js';
+export { default as FilterLine } from './FilterArea/FilterLine.js';
 export { default as FormField } from './Form/FormField.js';
 export { default as FormHintText } from './Form/FormHintText.js';
 export { default as FormLabel } from './Form/FormLabel.js';
-export { default as FilterArea } from './FilterArea/FilterArea.js';
-export { default as FilterLine } from './FilterArea/FilterLine.js';
-export { default as Filter } from './FilterArea/Filter.js';
 export { default as Input } from './Input/Input.js';
+export { default as MultipleDatePicker } from './MultipleDatePicker/MultipleDatePicker.js';
+export { default as MultipleDatePickerTrigger } from './MultipleDatePicker/MultipleDatePickerTrigger.js';
 export { default as PickerTrigger } from './Picker/PickerTrigger.js';
 export { default as RangePickerTrigger } from './Picker/RangePickerTrigger.js';
 export { default as Radio } from './Radio/Radio.js';
 export { default as RadioGroup } from './Radio/RadioGroup.js';
-export { default as Option } from './Select/Option.js';
 export { default as Select } from './Select/Select.js';
 export { default as SelectTrigger } from './Select/SelectTrigger.js';
 export { default as SelectTriggerTags } from './Select/SelectTriggerTags.js';
-export { default as TreeSelect } from './Select/TreeSelect.js';
 export { default as Slider } from './Slider/Slider.js';
 export { default as Textarea } from './Textarea/Textarea.js';
 export { default as TextField } from './TextField/TextField.js';
@@ -115,11 +118,9 @@ export { default as TimePickerPanel } from './TimePicker/TimePickerPanel.js';
 export { default as TimeRangePicker } from './TimeRangePicker/TimeRangePicker.js';
 export { default as Switch } from './Toggle/Toggle.js';
 export { default as Upload } from './Upload/Upload.js';
-export { default as Uploader } from './Upload/Uploader.js';
 export { default as UploadItem } from './Upload/UploadItem.js';
 export { default as UploadPictureCard } from './Upload/UploadPictureCard.js';
-export { default as Alert } from './Alert/Alert.js';
-export { default as ConfirmActions } from './ConfirmActions/ConfirmActions.js';
+export { default as Uploader } from './Upload/Uploader.js';
 export { default as Message } from './Message/Message.js';
 export { default as Modal } from './Modal/Modal.js';
 export { default as ModalBodyForVerification } from './Modal/ModalBodyForVerification.js';
@@ -133,10 +134,11 @@ export { default as Spin } from './Spin/Spin.js';
 export { default as InlineMessage } from './InlineMessage/InlineMessage.js';
 export { default as InlineMessageGroup } from './InlineMessage/InlineMessageGroup.js';
 export { default as ResultState } from './ResultState/ResultState.js';
+export { default as AlertBanner } from './AlertBanner/AlertBanner.js';
 export { default as Anchor } from './Anchor/Anchor.js';
 export { default as AnchorGroup } from './Anchor/AnchorGroup.js';
 export { default as Backdrop } from './Backdrop/Backdrop.js';
-export { default as AlertBanner } from './AlertBanner/AlertBanner.js';
+export { default as FloatingButton } from './FloatingButton/FloatingButton.js';
 export { default as Calendar } from './Calendar/Calendar.js';
 export { default as CalendarCell } from './Calendar/CalendarCell.js';
 export { default as CalendarConfigProvider, CalendarContext, useCalendarContext } from './Calendar/CalendarContext.js';
@@ -166,18 +168,14 @@ export { default as ConfigProvider } from './Provider/ConfigProvider.js';
 export { default as Dropdown } from './Dropdown/Dropdown.js';
 export { useStepper } from './Stepper/useStepper.js';
 export { usePagination } from './Pagination/usePagination.js';
-export { getCellAlignClass, getRowKey } from '@mezzanine-ui/core/table';
 export { TableContext, TableDataContext, TableSuperContext, useTableContext, useTableDataContext, useTableSuperContext } from './Table/TableContext.js';
+export { getCellAlignClass, getRowKey } from '@mezzanine-ui/core/table';
 export { useTableDataSource } from './Table/hooks/useTableDataSource.js';
 export { useTableRowSelection } from './Table/utils/useTableRowSelection.js';
-export { getTreeNodeEntities } from './Tree/getTreeNodeEntities.js';
-export { toggleValue, toggleValueWithStatusControl, uniqueArray } from './Tree/toggleValue.js';
-export { traverseTree } from './Tree/traverseTree.js';
-export { useTreeExpandedValue } from './Tree/useTreeExpandedValue.js';
 export { useDateRangeCalendarControls } from './DateRangePicker/useDateRangeCalendarControls.js';
 export { useDateRangePickerValue } from './DateRangePicker/useDateRangePickerValue.js';
-export { useMultipleDatePickerValue } from './MultipleDatePicker/useMultipleDatePickerValue.js';
 export { FormControlContext } from './Form/FormControlContext.js';
+export { useMultipleDatePickerValue } from './MultipleDatePicker/useMultipleDatePickerValue.js';
 export { usePickerDocumentEventClose } from './Picker/usePickerDocumentEventClose.js';
 export { usePickerValue } from './Picker/usePickerValue.js';
 export { useTabKeyClose } from './Picker/useTabKeyClose.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.7",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -31,9 +31,9 @@
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react-dom": "^2.1.6",
     "@hello-pangea/dnd": "^18.0.1",
-    "@mezzanine-ui/core": "1.0.0-beta.6",
-    "@mezzanine-ui/icons": "1.0.0-beta.6",
-    "@mezzanine-ui/system": "1.0.0-beta.6",
+    "@mezzanine-ui/core": "1.0.0-beta.7",
+    "@mezzanine-ui/icons": "1.0.0-beta.7",
+    "@mezzanine-ui/system": "1.0.0-beta.7",
     "@tanstack/react-virtual": "^3.13.13",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",

package/Accordion/AccordionDetails.d.ts

@@ -1,9 +0,0 @@
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AccordionDetailsProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * If true, expands the details, otherwise collapse it.
-     */
-    expanded?: boolean;
-}
-declare const AccordionDetails: import("react").ForwardRefExoticComponent<AccordionDetailsProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AccordionDetails;

package/Accordion/AccordionSummary.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode, type JSX } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AccordionSummaryProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * custom chevronDown icon className
-     */
-    iconClassName?: string;
-    /**
-     * custom prefix icon element when `suffixActions` prop is given
-     */
-    prefixIcon?: JSX.Element;
-    /**
-     * custom suffix actions
-     */
-    suffixActions?: ReactNode;
-}
-declare const AccordionSummary: import("react").ForwardRefExoticComponent<AccordionSummaryProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AccordionSummary;

package/Accordion/AccordionSummary.js

@@ -1,51 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useContext, useCallback, useMemo } from 'react';
-import { ChevronDownIcon } from '@mezzanine-ui/icons';
-import { accordionClasses } from '@mezzanine-ui/core/accordion';
-import { AccordionControlContext } from './AccordionControlContext.js';
-import Icon from '../Icon/Icon.js';
-import cx from 'clsx';
-
-const AccordionSummary = forwardRef(function AccordionSummary(props, ref) {
-    const { className, children, iconClassName: iconClassNameProp, prefixIcon, suffixActions, ...rest } = props;
-    const { detailsId, disabled, expanded, toggleExpanded } = useContext(AccordionControlContext) || {};
-    const onToggle = useCallback((e) => {
-        e.stopPropagation();
-        if (typeof toggleExpanded === 'function' && !disabled) {
-            toggleExpanded(!expanded);
-        }
-    }, [disabled, expanded, toggleExpanded]);
-    const onKeyDown = (e) => {
-        switch (e.code) {
-            case 'Enter':
-                onToggle(e);
-                break;
-        }
-    };
-    const ariaProps = useMemo(() => {
-        let result = {
-            'aria-expanded': expanded,
-        };
-        if (detailsId) {
-            result = {
-                ...result,
-                'aria-controls': detailsId,
-            };
-        }
-        return result;
-    }, [detailsId, expanded]);
-    const defaultIconElement = useMemo(() => (jsx(Icon, { color: disabled ? 'neutral-faint' : 'neutral', className: cx(accordionClasses.summaryIcon, {
-            [accordionClasses.summaryIconExpanded]: expanded,
-            [accordionClasses.summaryIconDisabled]: disabled,
-        }, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" })), [disabled, expanded, iconClassNameProp, onToggle]);
-    const defaultIconWithPrefixClassName = useMemo(() => (jsx(Icon, { color: disabled ? 'neutral-faint' : 'neutral', className: cx(accordionClasses.summaryIcon, {
-            [accordionClasses.summaryIconExpanded]: expanded,
-            [accordionClasses.summaryIconDisabled]: disabled,
-        }, accordionClasses.summaryMainPartPrefix, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" })), [disabled, expanded, iconClassNameProp, onToggle]);
-    return (jsxs("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.summary, {
-            [accordionClasses.summaryDisabled]: disabled,
-        }, className), onClick: onToggle, onKeyDown: onKeyDown, role: "button", tabIndex: 0, children: [jsxs("div", { className: accordionClasses.summaryMainPart, children: [suffixActions ? prefixIcon || defaultIconWithPrefixClassName : null, children] }), suffixActions || defaultIconElement] }));
-});
-
-export { AccordionSummary as default };

package/Alert/Alert.d.ts

@@ -1,20 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { AlertSeverity } from '@mezzanine-ui/core/alert';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface AlertProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * Close handler.
-     */
-    onClose?: MouseEventHandler;
-    /**
-     * The severity of alert.
-     * @default success
-     */
-    severity?: AlertSeverity;
-}
-/**
- * The react component for `mezzanine` alert.
- * This component should always be full width of its parent.
- */
-declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Alert;

package/Alert/Alert.js

@@ -1,18 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { alertIcons, alertClasses } from '@mezzanine-ui/core/alert';
-import { TimesIcon } from '@mezzanine-ui/icons';
-import Icon from '../Icon/Icon.js';
-import cx from 'clsx';
-
-/**
- * The react component for `mezzanine` alert.
- * This component should always be full width of its parent.
- */
-const Alert = forwardRef(function Alert(props, ref) {
-    const { className, children, onClose, severity = 'success', ...rest } = props;
-    const targetIcon = alertIcons[severity];
-    return (jsxs("div", { ref: ref, className: cx(alertClasses.host, alertClasses.severity(severity), className), ...rest, children: [jsx(Icon, { className: alertClasses.icon, icon: targetIcon }), jsx("p", { className: alertClasses.message, children: children }), jsx(Icon, { className: alertClasses.closeIcon, icon: TimesIcon, onClick: onClose, role: "button" })] }));
-});
-
-export { Alert as default };

package/Alert/index.d.ts

@@ -1,3 +0,0 @@
-export type { AlertSeverity } from '@mezzanine-ui/core/alert';
-export type { AlertProps } from './Alert';
-export { default } from './Alert';

package/Alert/index.js

@@ -1 +0,0 @@
-export { default } from './Alert.js';

package/Card/Card.d.ts

@@ -1,51 +0,0 @@
-import { ReactNode } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-import { TypographyProps } from '../Typography';
-export interface CardProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'title' | 'children'> {
-    /**
-     * Card footer actions.
-     */
-    actions?: ReactNode;
-    /**
-     * Card cover.
-     */
-    cover?: ReactNode;
-    /**
-     * The container of the text content(title, subtitle and description).
-     */
-    contentProps?: Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children'>;
-    /**
-     * Description under the subtitle. visible if value is not empty.
-     */
-    description?: string;
-    /**
-     * Description props
-     */
-    descriptionProps?: Omit<TypographyProps, 'children'>;
-    /**
-     * The container of the content and actions.
-     */
-    metaProps?: Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children'>;
-    /**
-     * Subtitle under the title. visible if value is not empty.
-     */
-    subtitle?: ReactNode;
-    /**
-     * Subtitle props
-     */
-    subtitleProps?: Omit<TypographyProps, 'children'>;
-    /**
-     * Card title, visible if value is not empty.
-     */
-    title?: ReactNode;
-    /**
-     * Card title props
-     * @default 'variant: h3'
-     */
-    titleProps?: Omit<TypographyProps, 'children'>;
-}
-/**
- * The react component for `mezzanine` card.
- */
-declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Card;

package/Card/Card.js

@@ -1,20 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { cardClasses } from '@mezzanine-ui/core/card';
-import Typography from '../Typography/Typography.js';
-import cx from 'clsx';
-
-/**
- * The react component for `mezzanine` card.
- */
-const Card = forwardRef(function Card(props, ref) {
-    const { actions, className, contentProps, cover, description, descriptionProps, metaProps, subtitle, subtitleProps, title, titleProps, ...rest } = props;
-    const { variant = 'h3' } = titleProps || {};
-    const titleTypography = title ? (jsx(Typography, { variant: variant, ...titleProps, children: title })) : null;
-    const subtitleTypography = subtitle ? (jsx(Typography, { ...subtitleProps, children: subtitle })) : null;
-    const contentHeader = titleTypography || subtitleTypography ? (jsxs("div", { className: cardClasses.metaContentsHeader, children: [titleTypography, subtitleTypography] })) : null;
-    const descriptionTypography = description ? (jsx(Typography, { ...descriptionProps, children: description })) : null;
-    return (jsxs("div", { ref: ref, className: cx(cardClasses.host, className), ...rest, children: [cover, jsxs("div", { className: cardClasses.meta, ...metaProps, children: [jsxs("div", { className: cardClasses.metaContents, ...contentProps, children: [contentHeader, descriptionTypography] }), actions] })] }));
-});
-
-export { Card as default };

package/Card/CardActions.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps } from '../Button';
-import { ConfirmActionsProps } from '../ConfirmActions';
-export interface CardActionsProps extends ConfirmActionsProps {
-    /**
-     * Content of cancel button. not render if value is empty.
-     */
-    cancelText?: string;
-    /**
-     * Content of confirm button. not render if value is empty.
-     */
-    confirmText?: string;
-    /**
-     * Click handler for cancel button.
-     */
-    onCancel?: ButtonProps['onClick'];
-    /**
-     * Click handler for confirm button.
-     */
-    onConfirm?: ButtonProps['onClick'];
-    /**
-     * Indicate whether confirm button loading and cancel button disabled.
-     */
-    loading?: boolean;
-    /**
-     * The action bottom on the left. not render if value is empty.
-     */
-    otherActions?: ReactNode;
-}
-/**
- * The react component for `mezzanine` cardActions.
- */
-declare const CardActions: import("react").ForwardRefExoticComponent<CardActionsProps & import("react").RefAttributes<HTMLDivElement>>;
-export default CardActions;

package/Card/CardActions.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { cardActionsClasses } from '@mezzanine-ui/core/card';
-import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
-import cx from 'clsx';
-
-/**
- * The react component for `mezzanine` cardActions.
- */
-const CardActions = forwardRef(function CardActions(props, ref) {
-    const { cancelText, cancelButtonProps, className, confirmText, confirmButtonProps, hideCancelButton, hideConfirmButton, loading, onCancel, onConfirm, otherActions, ...rest } = props;
-    return (jsxs("div", { ref: ref, className: cx(cardActionsClasses.host, className), ...rest, children: [otherActions || jsx("div", {}), jsx(ConfirmActions, { cancelText: cancelText, confirmText: confirmText, cancelButtonProps: cancelButtonProps, confirmButtonProps: confirmButtonProps, hideCancelButton: hideCancelButton || !cancelText, hideConfirmButton: hideConfirmButton || !confirmText, loading: loading, onCancel: onCancel, onConfirm: onConfirm })] }));
-});
-
-export { CardActions as default };

package/ConfirmActions/ConfirmActions.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps } from '../Button/Button';
-import { ButtonGroupProps } from '../Button/ButtonGroup';
-export interface ConfirmActionsProps extends Omit<ButtonGroupProps, 'children'> {
-    /**
-     * Other props of cancel button.
-     */
-    cancelButtonProps?: ButtonProps;
-    /**
-     * Content of cancel button.
-     */
-    cancelText?: ReactNode;
-    /**
-     * Other props of confirm button.
-     */
-    confirmButtonProps?: ButtonProps;
-    /**
-     * Content of confirm button.
-     */
-    confirmText?: ReactNode;
-    /**
-     * Whether to hide cancel button.
-     */
-    hideCancelButton?: boolean;
-    /**
-     * Whether to hide confirm button.
-     */
-    hideConfirmButton?: boolean;
-    /**
-     * Indicate whether confirm button loading and cancel button disabled.
-     */
-    loading?: boolean;
-    /**
-     * Click handler for cancel button.
-     */
-    onCancel?: ButtonProps['onClick'];
-    /**
-     * Click handler for confirm button.
-     */
-    onConfirm?: ButtonProps['onClick'];
-}
-/**
- * The react component for `mezzanine` confirm actions.
- */
-declare const ConfirmActions: import("react").ForwardRefExoticComponent<ConfirmActionsProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ConfirmActions;

package/ConfirmActions/ConfirmActions.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import Button from '../Button/Button.js';
-import ButtonGroup from '../Button/ButtonGroup.js';
-
-/**
- * The react component for `mezzanine` confirm actions.
- */
-const ConfirmActions = forwardRef(function ConfirmActions(props, ref) {
-    const { cancelButtonProps, cancelText, confirmButtonProps, confirmText, hideCancelButton, hideConfirmButton, loading, onCancel, onConfirm, ...rest } = props;
-    const { disabled: cancelButtonDisabled = loading } = cancelButtonProps || {};
-    return (jsxs(ButtonGroup, { ...rest, ref: ref, children: [!hideCancelButton && (jsx(Button, { variant: "outlined", ...cancelButtonProps, disabled: cancelButtonDisabled, onClick: onCancel, children: cancelText })), !hideConfirmButton && (jsx(Button, { variant: "contained", ...confirmButtonProps, loading: loading, onClick: onConfirm, children: confirmText }))] }));
-});
-
-export { ConfirmActions as default };

package/ConfirmActions/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ConfirmActions';
-export type { ConfirmActionsProps } from './ConfirmActions';

package/ConfirmActions/index.js

@@ -1 +0,0 @@
-export { default } from './ConfirmActions.js';

package/Select/Option.d.ts

@@ -1,18 +0,0 @@
-import { MenuItemProps } from '../Menu';
-export interface OptionProps extends Omit<MenuItemProps, 'children' | 'role'> {
-    /**
-     * option children (often means the option name)
-     */
-    children: string;
-    /**
-     * The role of menu item.
-     * @default 'option'
-     */
-    role?: string;
-    /**
-     * The value of option
-     */
-    value: string;
-}
-declare const Option: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLLIElement>>;
-export default Option;

package/Select/Option.js

@@ -1,45 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
-import { SelectControlContext } from './SelectControlContext.js';
-import MenuItem from '../Menu/MenuItem.js';
-
-const Option = forwardRef(function Option(props, ref) {
-    const { active: activeProp, children, role = 'option', value, ...rest } = props;
-    const selectControl = useContext(SelectControlContext);
-    const { onChange, value: selectedValue } = selectControl || {};
-    const getActive = () => {
-        if (activeProp) {
-            return activeProp;
-        }
-        if (selectedValue) {
-            if (Array.isArray(selectedValue)) {
-                return selectedValue.find((sv) => sv.id === value);
-            }
-            return selectedValue.id === value;
-        }
-        return false;
-    };
-    const active = Boolean(getActive());
-    const onSelect = () => {
-        if (typeof onChange === 'function' && value) {
-            onChange({
-                id: value,
-                name: children,
-            });
-        }
-    };
-    const onKeyDown = (evt) => {
-        switch (evt.code) {
-            case 'Enter':
-                onSelect();
-                break;
-        }
-    };
-    return (jsx(MenuItem, { ...rest, ref: ref, active: active, "aria-selected": active, id: value, onClick: (evt) => {
-            evt.stopPropagation();
-            onSelect();
-        }, onKeyDown: onKeyDown, role: role, tabIndex: 0, children: children }));
-});
-
-export { Option as default };

package/Select/TreeSelect.d.ts

@@ -1,72 +0,0 @@
-import { SelectInputSize } from '@mezzanine-ui/core/select';
-import { FormElementFocusHandlers } from '../Form';
-import { MenuProps } from '../Menu';
-import { TreeProps } from '../Tree';
-import { InputTriggerPopperProps } from '../_internal/InputTriggerPopper';
-import { PickRenameMulti } from '../utils/general';
-import { SelectTriggerInputProps, SelectTriggerProps, SelectValue, TreeSelectOption } from './typings';
-export interface TreeSelectProps extends Omit<SelectTriggerProps, 'active' | 'onBlur' | 'onChange' | 'onClear' | 'onClick' | 'onFocus' | 'onKeyDown' | 'readOnly' | 'searchInputProps'>, FormElementFocusHandlers, Pick<TreeProps, 'defaultExpandAll' | 'disabledValues' | 'expandControllerRef' | 'onExpand'>, PickRenameMulti<Pick<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>, {
-    maxHeight: 'menuMaxHeight';
-    role: 'menuRole';
-    size: 'menuSize';
-}>, PickRenameMulti<Pick<InputTriggerPopperProps, 'options'>, {
-    options: 'popperOptions';
-}> {
-    /**
-     * The width of options panel will be calculated based on the depth of your options.
-     * If you know how many layers in your object, pass it via this prop will have better performance.
-     */
-    depth?: number;
-    /**
-     * The other native props for input element.
-     */
-    inputProps?: Omit<SelectTriggerInputProps, 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'role' | 'value' | `aria-${'expanded'}`>;
-    /**
-     * Other props you may provide to `Menu`.
-     */
-    menuProps?: Omit<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>;
-    /**
-     * The change event handler of input element.
-     */
-    onChange?(newOptions: SelectValue[]): any;
-    /**
-     * The nested options for `TreeSelect`
-     */
-    options: TreeSelectOption[];
-    /**
-     * select input placeholder
-     */
-    placeholder?: string;
-    /**
-     * To customize rendering select input value.
-     * For single mode, receives the first value from the array.
-     * For multiple mode, receives the full array.
-     */
-    renderValue?: (value?: SelectValue | SelectValue[] | null) => string;
-    /**
-     * Whether the selection is required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * If true, the panel will have its min-width be same as the trigger width.
-     * @default false
-     */
-    sameWidth?: InputTriggerPopperProps['sameWidth'];
-    /**
-     * The size of input.
-     * @default 'medium'
-     */
-    size?: SelectInputSize;
-    /**
-     * Other props you may provide to `Tree`
-     */
-    treeProps?: Omit<TreeProps, 'defaultExpandAll' | 'disabledValues' | 'expandControllerRef' | 'expandedValues' | 'nodes' | 'onExpand' | 'onSelect' | 'selectMethod' | 'selectable' | 'values'>;
-    /**
-     * The value of selection.
-     * @default undefined
-     */
-    value?: SelectValue[];
-}
-declare const TreeSelect: import("react").ForwardRefExoticComponent<TreeSelectProps & import("react").RefAttributes<HTMLDivElement>>;
-export default TreeSelect;