@mezzanine-ui/react 1.0.0-beta.1 → 1.0.0-beta.2

package/Badge/Badge.js

@@ -15,11 +15,11 @@ const isCountVariant = (variant) => [
  */
 const Badge = forwardRef(function Badge(props, ref) {
     const { children, count, className, overflowCount, text, variant, ...rest } = props;
-    return (jsxs("div", { className: badgeClasses.container(!!children), children: [jsx("span", { ...rest, ref: ref, className: cx(badgeClasses.host, badgeClasses.variant(variant), { [badgeClasses.hide]: isCountVariant(variant) && count === 0 }, className), children: isCountVariant(variant)
+    return (jsxs("div", { className: badgeClasses.container(!!children), children: [children, jsx("span", { ...rest, ref: ref, className: cx(badgeClasses.host, badgeClasses.variant(variant), { [badgeClasses.hide]: isCountVariant(variant) && count === 0 }, className), children: isCountVariant(variant)
                     ? overflowCount && count > overflowCount
                         ? `${overflowCount}+`
                         : count
-                    : text }), children] }));
+                    : text })] }));
 });
 
 export { Badge as default };

package/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("..").ComponentPropsWithoutKeyAndRef<"button">, "label" | "component" | "current" | "options" | "href" | "target" | "expand"> & (import("./typings").BreadcrumbDropdownItemProps | import("./typings").BreadcrumbItemTextProps | import("./typings").BreadcrumbLinkItemProps), "component"> & {
+declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("..").ComponentPropsWithoutKeyAndRef<"button">, "expand" | "label" | "component" | "current" | "options" | "href" | "target"> & (import("./typings").BreadcrumbDropdownItemProps | import("./typings").BreadcrumbItemTextProps | import("./typings").BreadcrumbLinkItemProps), "component"> & {
     component?: import("./typings").BreadcrumbItemComponent | undefined;
 } & import("react").RefAttributes<HTMLElement>>;
 export default BreadcrumbItem;

package/Description/Description.d.ts

@@ -0,0 +1,40 @@
+import { DescriptionContentVariant, DescriptionOrientation } from '@mezzanine-ui/core/description';
+import { DescriptionTitleProps } from './DescriptionTitle';
+import { DescriptionContentProps } from './DescriptionContent';
+import { BadgeProps } from '../Badge/typings';
+import { ButtonProps } from '../Button';
+import { ProgressProps } from '../Progress';
+import { TagProps } from '../Tag/typings';
+export interface DescriptionProps {
+    /**
+     * Custom class name for description
+     */
+    className?: string;
+    /**
+     * Defines what is rendered as the description content
+     */
+    contentProps: DescriptionContentProps | {
+        variant: Extract<DescriptionContentVariant, 'badge'>;
+        badge: BadgeProps;
+    } | {
+        variant: Extract<DescriptionContentVariant, 'button'>;
+        button: ButtonProps;
+    } | {
+        variant: Extract<DescriptionContentVariant, 'progress'>;
+        progress: ProgressProps;
+    } | {
+        variant: Extract<DescriptionContentVariant, 'tags'>;
+        tags: TagProps[];
+    };
+    /**
+     * Define the layout direction between the title and the content
+     * @default 'horizontal'
+     */
+    orientation?: DescriptionOrientation;
+    /**
+     * Props passed to the DescriptionTitle component
+     */
+    titleProps: DescriptionTitleProps;
+}
+declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Description;

package/Description/Description.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
+import { descriptionClasses } from '@mezzanine-ui/core/description';
+import DescriptionTitle from './DescriptionTitle.js';
+import DescriptionContent from './DescriptionContent.js';
+import Button from '../Button/Button.js';
+import TagGroup from '../Tag/TagGroup.js';
+import Tag from '../Tag/Tag.js';
+import Progress from '../Progress/Progress.js';
+import Badge from '../Badge/Badge.js';
+import cx from 'clsx';
+
+const Description = forwardRef(function Description(props, ref) {
+    const { className, contentProps, orientation = 'horizontal', titleProps, } = props;
+    const contentComponent = useMemo(() => {
+        switch (contentProps.variant) {
+            case 'badge':
+                return jsx(Badge, { ...contentProps.badge });
+            case 'button':
+                return jsx(Button, { ...contentProps.button });
+            case 'progress':
+                return jsx(Progress, { ...contentProps.progress });
+            case 'tags':
+                return (jsx(TagGroup, { children: contentProps.tags.map((tagProps, index) => (jsx(Tag, { ...tagProps }, `${tagProps.label}-${index}`))) }));
+            default:
+                return jsx(DescriptionContent, { ...contentProps });
+        }
+    }, [contentProps]);
+    return (jsxs("div", { className: cx(descriptionClasses.host, descriptionClasses.orientation(orientation), className), ref: ref, children: [jsx(DescriptionTitle, { ...titleProps }), contentComponent] }));
+});
+
+export { Description as default };

package/Description/DescriptionContent.d.ts

@@ -0,0 +1,41 @@
+import { IconDefinition } from '@mezzanine-ui/icons';
+import { DescriptionSize, DescriptionContentVariant } from '@mezzanine-ui/core/description';
+interface DescriptionContentBaseProps {
+    /**
+     * Custom class name for content
+     */
+    className?: string;
+    /**
+     * Content text
+     */
+    children: string;
+    /**
+     * Control the text size of the content
+     * @default 'main'
+     */
+    size?: DescriptionSize;
+    /**
+     * Define the style and behavior of the content
+     * @default 'normal'
+     */
+    variant?: Extract<DescriptionContentVariant, 'normal' | 'statistic' | 'trend-up' | 'trend-down'>;
+    /**
+     * Custom icon rendered after the content text
+     */
+    icon?: never;
+    /**
+     * Click handler for the icon.
+     */
+    onClickIcon?: never;
+}
+interface DescriptionContentWithClickableIcon {
+    className?: string;
+    children: string;
+    size?: DescriptionSize;
+    variant: Extract<DescriptionContentVariant, 'with-icon'>;
+    icon: IconDefinition;
+    onClickIcon?: VoidFunction;
+}
+export type DescriptionContentProps = DescriptionContentBaseProps | DescriptionContentWithClickableIcon;
+declare const DescriptionContent: import("react").ForwardRefExoticComponent<DescriptionContentProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default DescriptionContent;

package/Description/DescriptionContent.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { CaretUpIcon, CaretDownIcon } from '@mezzanine-ui/icons';
+import { descriptionClasses } from '@mezzanine-ui/core/description';
+import Icon from '../Icon/Icon.js';
+import cx from 'clsx';
+
+const DescriptionContent = forwardRef(function DescriptionContent(props, ref) {
+    const { className, children, icon, onClickIcon, size = 'main', variant = 'normal', } = props;
+    return (jsxs("span", { className: cx(descriptionClasses.contentHost, descriptionClasses.contentVariant(variant), descriptionClasses.contentSize(size), className), ref: ref, children: [variant === 'trend-up' && (jsx(Icon, { className: descriptionClasses.contentTrendUp, icon: CaretUpIcon, size: 16 })), variant === 'trend-down' && (jsx(Icon, { className: descriptionClasses.contentTrendDown, icon: CaretDownIcon, size: 16 })), children, variant === 'with-icon' && icon && (jsx(Icon, { className: descriptionClasses.contentIcon, icon: icon, size: 16, onClick: onClickIcon }))] }));
+});
+
+export { DescriptionContent as default };

package/Description/DescriptionGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+export interface DescriptionGroupProps {
+    /**
+     * Custom class name for group
+     */
+    className?: string;
+    /**
+     * Description elements to be grouped and displayed together
+     */
+    children: ReactElement[];
+}
+declare const DescriptionGroup: import("react").ForwardRefExoticComponent<DescriptionGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export default DescriptionGroup;

package/Description/DescriptionGroup.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { descriptionClasses } from '@mezzanine-ui/core/description';
+import cx from 'clsx';
+
+const DescriptionGroup = forwardRef(function DescriptionGroup(props, ref) {
+    const { className, children } = props;
+    return (jsx("div", { className: cx(descriptionClasses.groupHost, className), ref: ref, children: children }));
+});
+
+export { DescriptionGroup as default };

package/Description/DescriptionTitle.d.ts

@@ -0,0 +1,45 @@
+import { IconDefinition } from '@mezzanine-ui/icons';
+import { DescriptionWidthType } from '@mezzanine-ui/core/description';
+import { BadgeDotVariant } from '@mezzanine-ui/core/badge';
+import { Placement } from '@floating-ui/react-dom';
+interface DescriptionTitleBaseProps {
+    /**
+     * Displays a badge dot alongside the title text
+     */
+    badge?: BadgeDotVariant;
+    /**
+     * Custom class name for title
+     */
+    className?: string;
+    /**
+     * Title text
+     */
+    children: string;
+    /**
+     * Controls the layout width behavior of the title
+     * @default 'stretch'
+     */
+    widthType?: DescriptionWidthType;
+}
+interface DescriptionTitleWithTooltip {
+    /**
+     * An icon displayed after the title text
+     */
+    icon: IconDefinition;
+    /**
+     * Text content displayed in a tooltip when hovering over the icon
+     */
+    tooltip: string;
+    /**
+     * Defines the placement of the tooltip relative to the icon
+     */
+    tooltipPlacement?: Placement;
+}
+interface DescriptionTitleWithoutTooltip {
+    icon?: IconDefinition;
+    tooltip?: undefined;
+    tooltipPlacement?: undefined;
+}
+export type DescriptionTitleProps = (DescriptionTitleBaseProps & DescriptionTitleWithTooltip) | (DescriptionTitleBaseProps & DescriptionTitleWithoutTooltip);
+declare const DescriptionTitle: import("react").ForwardRefExoticComponent<DescriptionTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export default DescriptionTitle;

package/Description/DescriptionTitle.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { descriptionClasses } from '@mezzanine-ui/core/description';
+import Badge from '../Badge/Badge.js';
+import Tooltip from '../Tooltip/Tooltip.js';
+import Icon from '../Icon/Icon.js';
+import cx from 'clsx';
+
+const DescriptionTitle = forwardRef(function DescriptionTitle(props, ref) {
+    const { badge, className, children, icon, tooltip, tooltipPlacement, widthType = 'stretch', } = props;
+    return (jsxs("div", { className: cx(descriptionClasses.titleHost, descriptionClasses.titleWidth(widthType), className), ref: ref, children: [badge ? (jsx(Badge, { variant: badge, text: children, className: descriptionClasses.titleText })) : (jsx("span", { className: descriptionClasses.titleText, children: children })), icon ? (tooltip ? (jsx(Tooltip, { title: tooltip, options: {
+                    placement: tooltipPlacement !== null && tooltipPlacement !== void 0 ? tooltipPlacement : 'top',
+                }, children: ({ onMouseEnter, onMouseLeave, ref }) => (jsx(Icon, { ref: ref, icon: icon, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, size: 16 })) })) : (jsx(Icon, { icon: icon, size: 16 }))) : null] }));
+});
+
+export { DescriptionTitle as default };

package/Description/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Description } from './Description';
+export type { DescriptionProps } from './Description';
+export { default as DescriptionTitle } from './DescriptionTitle';
+export type { DescriptionTitleProps } from './DescriptionTitle';
+export { default as DescriptionContent } from './DescriptionContent';
+export type { DescriptionContentProps } from './DescriptionContent';
+export { default as DescriptionGroup } from './DescriptionGroup';
+export type { DescriptionGroupProps } from './DescriptionGroup';

package/Description/index.js

@@ -0,0 +1,4 @@
+export { default as Description } from './Description.js';
+export { default as DescriptionTitle } from './DescriptionTitle.js';
+export { default as DescriptionContent } from './DescriptionContent.js';
+export { default as DescriptionGroup } from './DescriptionGroup.js';

package/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { dropdownInputPosition, DropdownItemSharedProps, DropdownOption, dropdownType } from '@mezzanine-ui/core/dropdown/dropdown';
+import { DropdownInputPosition, DropdownItemSharedProps, DropdownOption, DropdownType } from '@mezzanine-ui/core/dropdown/dropdown';
 import { ButtonProps } from '../Button';
 import { InputProps } from '../Input';
 import { PopperPlacement } from '../Popper';
@@ -45,7 +45,7 @@ export interface DropdownProps extends DropdownItemSharedProps {
      * The position of the input.
      * @default 'outside'
      */
-    inputPosition?: dropdownInputPosition;
+    inputPosition?: DropdownInputPosition;
     /**
      * Whether to match the input value.
      * @default false
@@ -64,6 +64,10 @@ export interface DropdownProps extends DropdownItemSharedProps {
      * The max height of the dropdown list.
      */
     maxHeight?: number | string;
+    /**
+     * Whether the dropdown is open (controlled).
+     */
+    open?: boolean;
     /**
      * Callback fired when the action cancel is clicked.
      */
@@ -92,6 +96,10 @@ export interface DropdownProps extends DropdownItemSharedProps {
      * Callback fired when the dropdown is opened.
      */
     onOpen?: () => void;
+    /**
+     * Callback fired when the dropdown visibility changes.
+     */
+    onVisibilityChange?: (open: boolean) => void;
     /**
      * Callback fired when the item is selected.
      */
@@ -121,6 +129,10 @@ export interface DropdownProps extends DropdownItemSharedProps {
     /**
      * The type of the dropdown.
      */
-    type?: dropdownType;
+    type?: DropdownType;
+    /**
+     * The z-index of the dropdown.
+     */
+    zIndex?: number | string;
 }
 export default function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;

package/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId, useMemo, useState, useRef, useEffect, useCallback, cloneElement, createElement } from 'react';
+import { useId, useMemo, useState, useRef, useCallback, useEffect, cloneElement, createElement } from 'react';
 import cx from 'clsx';
 import { dropdownClasses } from '@mezzanine-ui/core/dropdown/dropdown';
 import { size, offset } from '@floating-ui/react-dom';
@@ -14,7 +14,7 @@ import DropdownItem from './DropdownItem.js';
 import Popper from '../Popper/Popper.js';
 
 function Dropdown(props) {
-    const { activeIndex: activeIndexProp, id, children, options = [], type = 'default', maxHeight, disabled = false, showDropdownActions = false, actionCancelText, actionConfirmText, actionText, actionClearText, actionCustomButtonProps, showActionShowTopBar, isMatchInputValue = false, inputPosition = 'outside', placement = 'bottom', sameWidth = false, listboxId: listboxIdProp, listboxLabel, onClose, onOpen, onSelect, onActionConfirm, onActionCancel, onActionCustom, onActionClear, onItemHover, } = props;
+    const { activeIndex: activeIndexProp, id, children, options = [], type = 'default', maxHeight, disabled = false, showDropdownActions = false, actionCancelText, actionConfirmText, actionText, actionClearText, actionCustomButtonProps, showActionShowTopBar, isMatchInputValue = false, inputPosition = 'outside', placement = 'bottom', sameWidth = false, listboxId: listboxIdProp, listboxLabel, onClose, onOpen, open: openProp, onVisibilityChange, onSelect, onActionConfirm, onActionCancel, onActionCustom, onActionClear, onItemHover, zIndex, } = props;
     const isInline = inputPosition === 'inside';
     const inputId = useId();
     const defaultListboxId = `${inputId}-listbox`;
@@ -33,11 +33,27 @@ function Dropdown(props) {
             onClick: onActionCustom,
             onClear: onActionClear,
         };
-    }, [showDropdownActions, actionCancelText, actionConfirmText, actionClearText, actionText, actionCustomButtonProps, showActionShowTopBar, onActionConfirm, onActionCancel, onActionCustom, onActionClear]);
-    const [isOpen, setIsOpen] = useState(false);
+    }, [
+        showDropdownActions,
+        actionCancelText,
+        actionConfirmText,
+        actionClearText,
+        actionText,
+        actionCustomButtonProps,
+        showActionShowTopBar,
+        onActionConfirm,
+        onActionCancel,
+        onActionCustom,
+        onActionClear,
+    ]);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const isOpenControlled = openProp !== undefined;
+    const isOpen = isOpenControlled ? !!openProp : uncontrolledOpen;
     const [uncontrolledActiveIndex, setUncontrolledActiveIndex] = useState(activeIndexProp !== null && activeIndexProp !== void 0 ? activeIndexProp : null);
     const isActiveIndexControlled = activeIndexProp !== undefined;
-    const mergedActiveIndex = isActiveIndexControlled ? activeIndexProp : uncontrolledActiveIndex;
+    const mergedActiveIndex = isActiveIndexControlled
+        ? activeIndexProp
+        : uncontrolledActiveIndex;
     const containerRef = useRef(null);
     const ariaActivedescendant = useMemo(() => {
         if (mergedActiveIndex !== null && mergedActiveIndex >= 0) {
@@ -96,6 +112,15 @@ function Dropdown(props) {
         const placementBase = popoverPlacement.split('-')[0];
         return placementBase === 'top' ? 'top' : 'bottom';
     }, [isInline, popoverPlacement]);
+    const setOpen = useCallback((next) => {
+        const nextValue = typeof next === 'function'
+            ? next(isOpen)
+            : next;
+        if (!isOpenControlled) {
+            setUncontrolledOpen(nextValue);
+        }
+        onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(nextValue);
+    }, [isOpen, isOpenControlled, onVisibilityChange]);
     useEffect(() => {
         if (prevIsOpenRef.current === isOpen)
             return;
@@ -144,13 +169,23 @@ function Dropdown(props) {
         onSelect,
         options,
         type,
-    }), [actionConfig, mergedActiveIndex, disabled, followText, listboxId, listboxLabel, maxHeight, sameWidth, handleItemHover, onSelect, options, type]);
+    }), [
+        actionConfig,
+        mergedActiveIndex,
+        disabled,
+        followText,
+        listboxId,
+        listboxLabel,
+        maxHeight,
+        sameWidth,
+        handleItemHover,
+        onSelect,
+        options,
+        type,
+    ]);
     const triggerElement = useMemo(() => {
         const childWithRef = children;
-        const composedRef = composeRefs([
-            anchorRef,
-            childWithRef.ref,
-        ]);
+        const composedRef = composeRefs([anchorRef, childWithRef.ref]);
         return cloneElement(childWithRef, {
             ref: composedRef,
             ...getComboboxProps,
@@ -160,19 +195,17 @@ function Dropdown(props) {
                 if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
                     return;
                 if (!isInline) {
-                    setIsOpen((prev) => !prev);
+                    setOpen((prev) => !prev);
                 }
             },
         });
-    }, [children, isInline, getComboboxProps]);
+    }, [children, getComboboxProps, isInline, setOpen]);
     const inlineTriggerElement = useMemo(() => {
         if (!isInline) {
             return null;
         }
         const childWithRef = children;
-        const composedRef = composeRefs([
-            childWithRef.ref,
-        ]);
+        const composedRef = composeRefs([childWithRef.ref]);
         return cloneElement(childWithRef, {
             ref: composedRef,
             ...getComboboxProps,
@@ -183,27 +216,29 @@ function Dropdown(props) {
                     return;
                 const nextFocusTarget = event === null || event === void 0 ? void 0 : event.relatedTarget;
                 const container = containerRef.current;
-                if (container && nextFocusTarget && container.contains(nextFocusTarget)) {
+                if (container &&
+                    nextFocusTarget &&
+                    container.contains(nextFocusTarget)) {
                     return;
                 }
-                setIsOpen(false);
+                setOpen(false);
             },
             onClick: (event) => {
                 var _a, _b;
                 (_b = (_a = childWithRef.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
                 if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
                     return;
-                setIsOpen(true);
+                setOpen(true);
             },
             onFocus: (event) => {
                 var _a, _b;
                 (_b = (_a = childWithRef.props) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, event);
                 if (event === null || event === void 0 ? void 0 : event.defaultPrevented)
                     return;
-                setIsOpen(true);
+                setOpen(true);
             },
         });
-    }, [children, isInline, isOpen, getComboboxProps]);
+    }, [children, getComboboxProps, isInline, setOpen]);
     useDocumentEvents(() => {
         if (!isOpen) {
             return;
@@ -217,19 +252,22 @@ function Dropdown(props) {
                 return;
             if (isInline) {
                 if (container && !container.contains(target)) {
-                    setIsOpen(false);
+                    setOpen(false);
                 }
                 return;
             }
-            if (anchor && popper && !anchor.contains(target) && !popper.contains(target)) {
-                setIsOpen(false);
+            if (anchor &&
+                popper &&
+                !anchor.contains(target) &&
+                !popper.contains(target)) {
+                setOpen(false);
             }
         };
         return {
             click: handleClickAway,
             touchend: handleClickAway,
         };
-    }, [isInline, isOpen]);
+    }, [isInline, isOpen, setOpen]);
     return (jsxs("div", { id: id, ref: containerRef, className: cx(dropdownClasses.root, dropdownClasses.inputPosition(inputPosition)), children: [isInline && (jsxs(TransitionGroup, { component: null, children: [!isOpen && inlineTriggerElement && (createElement(Translate, { ...translateProps, from: translateFrom, key: "inline-trigger", in: true },
                         jsx("div", { children: inlineTriggerElement }))), isOpen && (createElement(Translate, { ...translateProps, from: translateFrom, key: "inline-list", in: true },
                         jsx("div", { children: jsx(DropdownItem, { ...baseDropdownItemProps, headerContent: inlineTriggerElement }) })))] })), !isInline && (jsx(Popper, { ref: popperRef, anchor: anchorRef, open: isOpen, disablePortal: true, options: {
@@ -238,7 +276,7 @@ function Dropdown(props) {
                         offsetMiddleware,
                         ...(sameWidthMiddleware ? [sameWidthMiddleware] : []),
                     ],
-                }, children: jsx(TransitionGroup, { component: null, children: isOpen && (createElement(Translate, { ...translateProps, from: translateFrom, key: "popper-list", in: true },
+                }, style: zIndex ? { zIndex } : undefined, children: jsx(TransitionGroup, { component: null, children: isOpen && (createElement(Translate, { ...translateProps, from: translateFrom, key: "popper-list", in: true },
                         jsx("div", { children: jsx(DropdownItem, { ...baseDropdownItemProps }) }))) }) })), !isInline && triggerElement] }));
 }
 

package/Dropdown/DropdownItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { DropdownItemSharedProps, DropdownOptionsByType, dropdownType } from '@mezzanine-ui/core/dropdown/dropdown';
+import { DropdownItemSharedProps, DropdownOptionsByType, DropdownType } from '@mezzanine-ui/core/dropdown/dropdown';
 import { type DropdownActionProps } from './DropdownAction';
-export interface DropdownItemProps<T extends dropdownType | undefined = dropdownType> extends Omit<DropdownItemSharedProps, 'type'> {
+export interface DropdownItemProps<T extends DropdownType | undefined = DropdownType> extends Omit<DropdownItemSharedProps, 'type'> {
     /**
      * The action configuration for the dropdown.
      */
@@ -55,6 +55,6 @@ export interface DropdownItemProps<T extends dropdownType | undefined = dropdown
      * - 'grouped': array with one level of children (children cannot have children)
      * - 'tree': array with nested children up to 3 levels
      */
-    type?: dropdownType;
+    type?: DropdownType;
 }
-export default function DropdownItem<T extends dropdownType | undefined = dropdownType>(props: DropdownItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function DropdownItem<T extends DropdownType | undefined = DropdownType>(props: DropdownItemProps<T>): import("react/jsx-runtime").JSX.Element;

package/Dropdown/DropdownItemCard.d.ts

@@ -1,4 +1,4 @@
-import { dropdownCheckPosition, dropdownItemLevel, dropdownItemValidate, dropdownMode } from "@mezzanine-ui/core/dropdown/dropdown";
+import { DropdownCheckPosition, DropdownItemLevel, DropdownItemValidate, DropdownMode } from "@mezzanine-ui/core/dropdown/dropdown";
 import { type IconDefinition } from "@mezzanine-ui/icons";
 export interface DropdownItemCardProps {
     /**
@@ -18,7 +18,7 @@ export interface DropdownItemCardProps {
     /**
      * The position of the checkbox.
      */
-    checkSite?: dropdownCheckPosition;
+    checkSite?: DropdownCheckPosition;
     /**
      * Controlled: Whether the option is selected/checked.
      * Controls checkbox state in multiple mode.
@@ -53,11 +53,11 @@ export interface DropdownItemCardProps {
     /**
      * The level of the dropdown item card.
      */
-    level?: dropdownItemLevel;
+    level?: DropdownItemLevel;
     /**
      * The mode of the dropdown item card.
      */
-    mode: dropdownMode;
+    mode: DropdownMode;
     /**
      * The accessible name / label for the option.
      * Falls back to label if not provided.
@@ -91,6 +91,6 @@ export interface DropdownItemCardProps {
     /**
      * The validation of the dropdown item card.
      */
-    validate?: dropdownItemValidate;
+    validate?: DropdownItemValidate;
 }
 export default function DropdownItemCard(props: DropdownItemCardProps): import("react/jsx-runtime").JSX.Element;

package/Dropdown/DropdownStatus.d.ts

@@ -1,11 +1,11 @@
-import { dropdownStatus } from "@mezzanine-ui/core/dropdown/dropdown";
+import { DropdownStatus as DropdownStatusType } from "@mezzanine-ui/core/dropdown/dropdown";
 import { IconDefinition } from "@mezzanine-ui/icons";
 export interface DropdownStatusProps {
     /**
      * The status of the dropdown.
      * @default 'loading'
      */
-    status: dropdownStatus;
+    status: DropdownStatusType;
     /**
      * The text of the dropdown loading status.
      */

package/Form/FormControlContext.d.ts

@@ -1,8 +1,8 @@
-import { Severity } from '@mezzanine-ui/system/severity';
+import { SeverityWithInfo } from '@mezzanine-ui/system/severity';
 export interface FormControl {
     disabled: boolean;
     fullWidth: boolean;
     required: boolean;
-    severity?: Severity;
+    severity?: SeverityWithInfo;
 }
 export declare const FormControlContext: import("react").Context<FormControl | undefined>;