@moneyforward/mfui-components 3.29.1 → 3.30.0

package/dist/src/Sidebar/hooks/useSidebarResize.js

@@ -1,7 +1,8 @@
-import { useCallback, useEffect, useRef, useState, } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 const DEFAULT_WIDTH = 200;
 const DEFAULT_MIN_WIDTH = 180;
 const DEFAULT_MAX_WIDTH = 280;
+const COLLAPSED_WIDTH = 48;
 const KEYBOARD_STEP_PX = 14;
 /**
  * Hook to manage the resizable width of the Sidebar via pointer dragging and keyboard control.
@@ -16,10 +17,11 @@ const KEYBOARD_STEP_PX = 14;
  *
  * @returns Object containing the current width, resolved bounds, refs, and resize handlers
  */
-export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFAULT_MAX_WIDTH, defaultWidth, onWidthChange, } = {}) {
+export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFAULT_MAX_WIDTH, defaultWidth, onWidthChange, isCollapsed = false, } = {}) {
     const rootRef = useRef(null);
     const [isDragging, setIsDragging] = useState(false);
     const pointerIdRef = useRef(null);
+    const isCollapsedRef = useRef(isCollapsed);
     const onWidthChangeRef = useRef(onWidthChange);
     useEffect(() => {
         onWidthChangeRef.current = onWidthChange;
@@ -37,6 +39,7 @@ export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFA
     // not re-synced on later changes, so the user's drag/keyboard adjustments are never overridden.
     const initialWidth = clamp(defaultWidth ?? DEFAULT_WIDTH);
     const widthRef = useRef(initialWidth);
+    const lastExpandedWidthRef = useRef(initialWidth);
     const [width, setWidth] = useState(initialWidth);
     const notify = useCallback((value) => {
         onWidthChangeRef.current?.(value);
@@ -47,6 +50,9 @@ export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFA
     }, []);
     // --- Drag ---
     const handlePointerDown = useCallback((event) => {
+        if (isCollapsedRef.current) {
+            return;
+        }
         event.preventDefault();
         event.currentTarget.setPointerCapture(event.pointerId);
         pointerIdRef.current = event.pointerId;
@@ -82,6 +88,9 @@ export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFA
     }, [isDragging, handlePointerMove, handlePointerUp]);
     // --- Keyboard ---
     const handleKeyDown = useCallback((event) => {
+        if (isCollapsedRef.current) {
+            return;
+        }
         let newWidth;
         switch (event.key) {
             case 'ArrowRight':
@@ -107,5 +116,24 @@ export function useSidebarResize({ minWidth = DEFAULT_MIN_WIDTH, maxWidth = DEFA
             notify(newWidth);
         }
     }, [minWidth, maxWidth, applyWidth, notify]);
-    return { width, minWidth, maxWidth, rootRef, isDragging, handlePointerDown, handleKeyDown };
+    useEffect(() => {
+        if (isCollapsedRef.current === isCollapsed) {
+            return;
+        }
+        if (isCollapsed) {
+            lastExpandedWidthRef.current = widthRef.current;
+            setIsDragging(false);
+            pointerIdRef.current = null;
+        }
+        else {
+            // width/widthRef never change while collapsed (handlePointerDown/handleKeyDown
+            // early-return above), so this is a no-op today. Kept as a defensive restore in
+            // case a future change allows width-affecting state (e.g. minWidth/maxWidth) to
+            // change while collapsed.
+            applyWidth(lastExpandedWidthRef.current);
+        }
+        isCollapsedRef.current = isCollapsed;
+    }, [applyWidth, isCollapsed]);
+    const effectiveWidth = useMemo(() => (isCollapsed ? COLLAPSED_WIDTH : width), [isCollapsed, width]);
+    return { width: effectiveWidth, minWidth, maxWidth, rootRef, isDragging, handlePointerDown, handleKeyDown };
 }

package/dist/src/Sidebar/index.d.ts

@@ -1,6 +1,7 @@
 export { Sidebar } from './Sidebar';
-export type { SidebarProps, SidebarNavigationItem, SidebarNavigationDivider, SidebarNavigationEntry, } from './Sidebar.types';
+export type { SidebarProps, SidebarFooterIconMenuSlotState, SidebarNavigationItem, SidebarNavigationDivider, SidebarNavigationEntry, } from './Sidebar.types';
 export type { SidebarNavigationItemProps } from './SidebarNavigationItem';
 export type { SidebarServiceMenuProps } from './SidebarServiceMenu';
 export type { SidebarTenantMenuProps } from './SidebarTenantMenu';
 export type { SidebarUserMenuProps } from './SidebarUserMenu';
+export type { SidebarTenantMenuHeadingProps, SidebarUserMenuHeadingProps, SidebarMenuHeadingCopy, } from './SidebarMenuHeading';

package/dist/src/Stack/Stack.d.ts

@@ -13,11 +13,11 @@ import { type StackProps } from './Stack.types';
  */
 export declare const Stack: import("react").ForwardRefExoticComponent<{
     children?: import("react").ReactNode;
-    direction?: import("react").CSSProperties["flexDirection"];
-    gap?: ("horizontal.1" | "horizontal.2" | "horizontal.3" | "horizontal.4" | "horizontal.5" | "horizontal.6" | "horizontal.7" | "horizontal.8" | "horizontal.20" | "horizontal.0-1of8" | "horizontal.0-1of4" | "horizontal.0-1of2" | "horizontal.1-1of2" | "horizontal.2-1of2" | "horizontal.3-1of7" | "horizontal.3-1of2" | "horizontal.4-1of2" | "horizontal.5-1of2" | "horizontal.6-1of2" | "horizontal.7-1of2" | "vertical.1" | "vertical.2" | "vertical.3" | "vertical.0-1of8" | "vertical.0-1of6" | "vertical.0-1of4" | "vertical.0-1of3" | "vertical.0-1of2" | "vertical.0-2of3" | "vertical.0-3of4" | "vertical.0-5of6" | "vertical.0-7of8" | "vertical.1-1of8" | "vertical.1-1of4" | "vertical.1-1of3" | "vertical.1-1of2" | "vertical.1-2of3" | "vertical.2-1of2") | `${number}px` | number;
-    wrap?: import("react").CSSProperties["flexWrap"];
-    alignItems?: import("react").CSSProperties["alignItems"];
-    justifyContent?: import("react").CSSProperties["justifyContent"];
+    direction?: import("react").CSSProperties['flexDirection'];
+    gap?: ("horizontal.0-1of2" | "horizontal.0-1of4" | "horizontal.0-1of8" | "horizontal.1" | "horizontal.1-1of2" | "horizontal.2" | "horizontal.2-1of2" | "horizontal.20" | "horizontal.3" | "horizontal.3-1of2" | "horizontal.3-1of7" | "horizontal.4" | "horizontal.4-1of2" | "horizontal.5" | "horizontal.5-1of2" | "horizontal.6" | "horizontal.6-1of2" | "horizontal.7" | "horizontal.7-1of2" | "horizontal.8" | "vertical.0-1of2" | "vertical.0-1of3" | "vertical.0-1of4" | "vertical.0-1of6" | "vertical.0-1of8" | "vertical.0-2of3" | "vertical.0-3of4" | "vertical.0-5of6" | "vertical.0-7of8" | "vertical.1" | "vertical.1-1of2" | "vertical.1-1of3" | "vertical.1-1of4" | "vertical.1-1of8" | "vertical.1-2of3" | "vertical.2" | "vertical.2-1of2" | "vertical.3") | `${number}px` | number;
+    wrap?: import("react").CSSProperties['flexWrap'];
+    alignItems?: import("react").CSSProperties['alignItems'];
+    justifyContent?: import("react").CSSProperties['justifyContent'];
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * This component is inherited from the Stack component and helps you create a horizontal stack layout.

package/dist/src/StatusLabel/StatusLabel.d.ts

@@ -11,7 +11,7 @@
 export declare const StatusLabel: import("react").ForwardRefExoticComponent<{
     label: string;
     icon?: import("react").ReactNode;
-    status?: import("../../styled-system/recipes").StatusLabelSlotRecipeVariant["status"];
-    size?: import("../../styled-system/recipes").StatusLabelSlotRecipeVariant["size"];
+    status?: import("../../styled-system/recipes").StatusLabelSlotRecipeVariant['status'];
+    size?: import("../../styled-system/recipes").StatusLabelSlotRecipeVariant['size'];
     className?: string;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/src/Stepper/Step/Step.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, useContext } from 'react';
 import { cx } from '../../../styled-system/css';
 import { stepperSlotRecipe } from '../../../styled-system/recipes';

package/dist/src/SubNavigation/SubNavigation.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DisclosureBasicCollapsed, Lock } from '@moneyforward/mfui-icons-react';
 import { cx } from '../../styled-system/css';
 import { subNavigationSlotRecipe } from '../../styled-system/recipes';

package/dist/src/TextBox/TextBox.d.ts

@@ -9,13 +9,13 @@ import React from 'react';
  */
 export declare const TextBox: React.ForwardRefExoticComponent<{
     enableClearButton?: boolean;
-    onClear?: import("..").IconButtonProps["onClick"];
-    invalid?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["invalid"];
-    textBoxSize?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["size"];
-    disabled?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["disabled"];
-    wrapperProps?: React.ComponentPropsWithRef<"div">;
+    onClear?: import("..").IconButtonProps['onClick'];
+    invalid?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['invalid'];
+    textBoxSize?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['size'];
+    disabled?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['disabled'];
+    wrapperProps?: React.ComponentPropsWithRef<'div'>;
     prefixSlot?: React.ReactNode;
     suffixSlot?: React.ReactNode;
-    clearButtonProps?: Pick<React.ComponentPropsWithoutRef<"input">, "aria-label">;
+    clearButtonProps?: Pick<React.ComponentPropsWithoutRef<'input'>, 'aria-label'>;
     touchDeviceReadOnly?: boolean;
 } & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "prefix"> & React.RefAttributes<HTMLInputElement>>;

package/dist/src/TextLink/TextLink.d.ts

@@ -7,9 +7,9 @@
  */
 export declare const TextLink: import("react").ForwardRefExoticComponent<{
     children?: React.ReactNode;
-    variant?: import("../../styled-system/recipes").TextLinkSlotRecipeVariant["variant"];
+    variant?: import("../../styled-system/recipes").TextLinkSlotRecipeVariant['variant'];
     className?: string;
     customLinkComponent?: import("react").ElementType;
     showExternalIcon?: boolean;
-    externalIconProps?: import("react").ComponentPropsWithoutRef<"svg">["aria-label"];
+    externalIconProps?: import("react").ComponentPropsWithoutRef<'svg'>['aria-label'];
 } & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/src/Textarea/Textarea.d.ts

@@ -10,9 +10,9 @@
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
  */
 export declare const Textarea: import("react").ForwardRefExoticComponent<{
-    invalid?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["invalid"];
-    size?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["size"];
-    disabled?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["disabled"];
+    invalid?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['invalid'];
+    size?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['size'];
+    disabled?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant['disabled'];
     enableAutoResize?: boolean;
-    resize?: "none" | "vertical" | "horizontal" | "both";
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
 } & Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/src/Toast/Toast.d.ts

@@ -3,12 +3,12 @@
  * This component switches the variants of looks depends on the props: type and actionText.
  */
 export declare const Toast: import("react").ForwardRefExoticComponent<{
-    type?: import("../../styled-system/recipes").ToastSlotRecipeVariant["type"];
+    type?: import("../../styled-system/recipes").ToastSlotRecipeVariant['type'];
     message: import("react").ReactNode;
     onClose?: () => void;
     actionSlot?: import("react").ReactNode;
-    statusIconProps?: Pick<import("react").ComponentPropsWithoutRef<"svg">, "aria-label">;
-    closeButtonProps?: Pick<import("react").ComponentPropsWithoutRef<"button">, "aria-label">;
+    statusIconProps?: Pick<import("react").ComponentPropsWithoutRef<'svg'>, 'aria-label'>;
+    closeButtonProps?: Pick<import("react").ComponentPropsWithoutRef<'button'>, 'aria-label'>;
     duration?: number;
     activeElement?: Element | null;
     customIcon?: import("react").ReactElement;

package/dist/src/Toast/Toast.js

@@ -18,20 +18,24 @@ export const Toast = forwardRef(({ className, type = 'success', actionSlot, mess
     const timerRef = useRef(null);
     const startTimeRef = useRef(null);
     const localDurationRef = useRef(null);
+    // The status is conveyed by the message content itself, so the status icon is decorative
+    // and hidden from assistive technology unless a label is explicitly provided.
+    const statusIconLabel = statusIconProps?.['aria-label'];
+    const statusIconA11yProps = statusIconLabel === undefined ? { 'aria-hidden': true } : { 'aria-label': statusIconLabel };
     const icon = (() => {
         if (type === 'success') {
-            return _jsx(Approval, { "aria-label": statusIconProps?.['aria-label'] ?? '完了' });
+            return _jsx(Approval, { ...statusIconA11yProps });
         }
         if (type === 'failure') {
-            return _jsx(Error, { "aria-label": statusIconProps?.['aria-label'] ?? '失敗' });
+            return _jsx(Error, { ...statusIconA11yProps });
         }
         if (type === 'caution') {
-            return _jsx(Caution, { "aria-label": statusIconProps?.['aria-label'] ?? '注意' });
+            return _jsx(Caution, { ...statusIconA11yProps });
         }
         if (type === 'progress') {
-            return _jsx(ProgressIndicator, {});
+            return _jsx(ProgressIndicator, { "aria-hidden": true });
         }
-        return _jsx(Pending, { "aria-label": statusIconProps?.['aria-label'] ?? '進行中' });
+        return _jsx(Pending, { ...statusIconA11yProps });
     })();
     // Handle the duration of the toast
     useEffect(() => {

package/dist/src/Toast/Toast.types.d.ts

@@ -26,13 +26,11 @@ export type ToastProps = {
     actionSlot?: ReactNode;
     /**
      * The properties for the status icon.
-     * If this prop is not passed, the default values for each property will be applied.
      *
      * @property aria-label - The alternative text for the status icon.
-     * Default is as follows:
-     * - 'success' type: '完了'
-     * - 'failure' type: '失敗'
-     * - 'busy' type: '進行中'
+     * By default, the status icon is decorative and hidden from assistive technology (`aria-hidden`),
+     * because the message content itself conveys the status.
+     * Pass an `aria-label` only when the icon needs to be announced.
      */
     statusIconProps?: Pick<ComponentPropsWithoutRef<'svg'>, 'aria-label'>;
     /**

package/dist/src/Toast/api/toast.d.ts

@@ -1,11 +1,27 @@
 import { type ToastSlotRecipeVariant } from '../../../styled-system/recipes';
 import { type ToastApiProps } from './toast.types';
+/**
+ * Show a toast message
+ *
+ * @param props - The toast message properties.
+ *
+ * @param type - The type of the toast message.
+ */
+declare const showToast: (props: ToastApiProps | string, type?: ToastSlotRecipeVariant['type']) => void;
+/**
+ * Destroy a toast message.
+ * If the key is not provided, all toasts will be destroyed.
+ *
+ * @param key - The key of the toast message to destroy.
+ */
+declare const destroyToast: (key?: string) => void;
 export declare const toast: {
-    show: (props: ToastApiProps | string, type?: ToastSlotRecipeVariant["type"]) => void;
+    show: typeof showToast;
     success: (props: ToastApiProps | string) => void;
     failure: (props: ToastApiProps | string) => void;
     busy: (props: ToastApiProps | string) => void;
     progress: (props: ToastApiProps | string) => void;
     caution: (props: ToastApiProps | string) => void;
-    destroy: (key?: string) => void;
+    destroy: typeof destroyToast;
 };
+export {};

package/dist/src/Tooltip/Tooltip.d.ts

@@ -41,6 +41,6 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<{
     targetDOMNode?: HTMLElement | null;
     disabled?: boolean;
     hideFromScreenReader?: boolean;
-    maxWidth?: import("react").CSSProperties["maxWidth"];
-    contentProps?: Pick<import("react").ComponentPropsWithoutRef<"div">, "className" | "id">;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "disabled" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
+    maxWidth?: import("react").CSSProperties['maxWidth'];
+    contentProps?: Pick<import("react").ComponentPropsWithoutRef<'div'>, 'className' | 'id'>;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "content" | "disabled"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, useRef, isValidElement, cloneElement, useEffect, useMemo } from 'react';
 import { getOverflowAncestors } from '@floating-ui/react-dom';
 import { cx } from '../../styled-system/css';

package/dist/src/Tooltip/Tooltip.types.d.ts

@@ -16,6 +16,8 @@ export type TooltipProps = {
     /**
      * Controls the visibility of the tooltip.
      * If not specified, the tooltip will automatically show or hidden by using trigger.
+     * When this prop changes back from a boolean to `undefined`, the tooltip closes and
+     * returns to trigger-based control (a fresh hover/focus is required to reopen it).
      *
      * @default undefined
      */

package/dist/src/Tooltip/hooks/useTooltipDisplayController.js

@@ -42,6 +42,7 @@ export function useTooltipDisplayController({ trigger, wrapperProps, tooltipOpen
     const isHoveringTooltip = useRef(false);
     const isHoveringTrigger = useRef(false);
     const previousDisabled = useRef(disabled);
+    const previousTooltipOpen = useRef(tooltipOpen);
     const triggers = useMemo(() => (typeof trigger === 'string' ? [trigger] : trigger), [trigger]);
     const onActualClose = useCallback(() => {
         const id = tooltipId.current;
@@ -218,8 +219,8 @@ export function useTooltipDisplayController({ trigger, wrapperProps, tooltipOpen
     }, [closeImmediate]);
     // Handle programmatic control with TooltipManager integration
     useEffect(() => {
+        const id = tooltipId.current;
         if (tooltipOpen !== undefined) {
-            const id = tooltipId.current;
             if (tooltipOpen) {
                 tooltipManager.requestOpen(id);
             }
@@ -227,7 +228,18 @@ export function useTooltipDisplayController({ trigger, wrapperProps, tooltipOpen
                 tooltipManager.onClose(id);
             }
         }
-    }, [tooltipOpen]);
+        else if (previousTooltipOpen.current !== undefined) {
+            // Leaving controlled mode (`open` became undefined): reset to closed instead of leaking
+            // the last state into uncontrolled mode. Trigger handlers are detached while controlled,
+            // so the hover/focus tracking refs may be stale — clear them and require a fresh trigger.
+            tooltipManager.onClose(id);
+            triggerSource.current = undefined;
+            isHoveringTrigger.current = false;
+            isHoveringTooltip.current = false;
+            closeImmediate();
+        }
+        previousTooltipOpen.current = tooltipOpen;
+    }, [tooltipOpen, closeImmediate]);
     useEffect(() => {
         if (disabled && !previousDisabled.current) {
             const id = tooltipId.current;

package/dist/src/utilities/dom/dispatchNativeInputValueWithEvent.d.ts

@@ -11,4 +11,4 @@
  *
  * @param value - The value to set, is string
  */
-export declare const dispatchNativeInputValueWithEvent: <Element extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(input: Element, value: Element["value"]) => void;
+export declare const dispatchNativeInputValueWithEvent: <Element extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement>(input: Element, value: Element['value']) => void;

package/dist/src/utilities/dom/useFocusTrap.d.ts

@@ -22,6 +22,6 @@ type Options = {
  * @returns The props for the focus trap.
  */
 export declare function useFocusTrap({ onKeyDown, onPressingTabOnNotFocusableElement }?: Options): {
-    handleOnKeyDown: React.KeyboardEventHandler<HTMLElement>;
+    handleOnKeyDown: KeyboardEventHandler<HTMLElement>;
 };
 export {};

package/dist/src/utilities/react/useIsomorphicLayoutEffect.d.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 /**
  * `useLayoutEffect` that falls back to `useEffect` on the server.
  *
@@ -8,4 +8,4 @@ import { useEffect } from 'react';
  *
  * @see https://react.dev/reference/react/useLayoutEffect#caveats
  */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/dist/styled-system/css/conditions.d.ts

@@ -1,3 +1,3 @@
-export function isCondition(value: any): boolean;
-export function finalizeConditions(paths: any): any;
-export function sortConditions(paths: any): any;
+export declare function isCondition(value: any): boolean;
+export declare function finalizeConditions(paths: any): any;
+export declare function sortConditions(paths: any): any;

package/dist/styled-system/helpers.d.ts

@@ -1,44 +1,45 @@
-export function __spreadValues(a: any, b: any): any;
-export function __objRest(source: any, exclude: any): {
+declare function isObject(value: any): boolean;
+declare function compact(value: any): {
     [k: string]: any;
 };
-export function compact(value: any): {
-    [k: string]: any;
-};
-export function createCss(context: any): (...args: any[]) => any;
-export function createMergeCss(context: any): {
+declare var isBaseCondition: (v: any) => boolean;
+declare function filterBaseConditions(c: any): any;
+declare function toHash(value: any): string;
+declare function withoutSpace(str: any): any;
+declare var memo: (fn: any) => (...args: any[]) => any;
+declare function mergeProps(...sources: any[]): any;
+declare function walkObject(target: any, predicate: any, options?: {}): any;
+declare function mapObject(obj: any, fn: any): any;
+declare function createCss(context: any): (...args: any[]) => any;
+declare function createMergeCss(context: any): {
     mergeCss: (...args: any[]) => any;
     assignCss: (...styles: any[]) => any;
 };
-export function filterBaseConditions(c: any): any;
-export function getPatternStyles(pattern: any, styles: any): any;
-export function getSlotCompoundVariant(compoundVariants: any, slotName: any): any;
-export function getSlotRecipes(recipe?: {}): {
+declare var hypenateProperty: (...args: any[]) => any;
+declare var isCssFunction: (v: any) => boolean;
+declare var isCssUnit: (v: any) => boolean;
+declare var isCssVar: (v: any) => boolean;
+declare var patternFns: {
+    map: typeof mapObject;
+    isCssFunction: typeof isCssFunction;
+    isCssVar: typeof isCssVar;
+    isCssUnit: typeof isCssUnit;
+};
+declare var getPatternStyles: (pattern: any, styles: any) => any;
+declare var getSlotRecipes: (recipe?: {}) => {
     [k: string]: any;
 };
-export function hypenateProperty(...args: any[]): any;
-export function isBaseCondition(v: any): boolean;
-export function isObject(value: any): boolean;
-export function mapObject(obj: any, fn: any): any;
-export function memo(fn: any): (...args: any[]) => any;
-export function mergeProps(...sources: any[]): any;
-export namespace patternFns {
-    export { mapObject as map };
-    export { isCssFunction };
-    export { isCssVar };
-    export { isCssUnit };
-}
-export function splitProps(props: any, ...keys: any[]): {}[];
-export function toHash(value: any): string;
-export function uniq(...items: any[]): any[];
-export function walkObject(target: any, predicate: any, options?: {}): any;
-export function withoutSpace(str: any): any;
-export function normalizeHTMLProps(props: any): any;
-export namespace normalizeHTMLProps {
+declare var getSlotCompoundVariant: (compoundVariants: any, slotName: any) => any;
+declare function splitProps(props: any, ...keys: any[]): {}[];
+declare var uniq: (...items: any[]) => any[];
+export { compact, createCss, createMergeCss, filterBaseConditions, getPatternStyles, getSlotCompoundVariant, getSlotRecipes, hypenateProperty, isBaseCondition, isObject, mapObject, memo, mergeProps, patternFns, splitProps, toHash, uniq, walkObject, withoutSpace };
+declare var htmlProps: string[];
+declare function normalizeHTMLProps(props: any): any;
+declare namespace normalizeHTMLProps {
     export { htmlProps as keys };
 }
-declare function isCssFunction(v: any): boolean;
-declare function isCssVar(v: any): boolean;
-declare function isCssUnit(v: any): boolean;
-declare var htmlProps: string[];
-export {};
+export { normalizeHTMLProps };
+export declare function __spreadValues(a: any, b: any): any;
+export declare function __objRest(source: any, exclude: any): {
+    [k: string]: any;
+};

package/dist/styled-system/jsx/factory-helper.d.ts

@@ -1,4 +1,4 @@
-export function defaultShouldForwardProp(prop: any, variantKeys: any): boolean;
-export function composeShouldForwardProps(tag: any, shouldForwardProp: any): any;
-export function composeCvaFn(cvaA: any, cvaB: any): any;
-export function getDisplayName(Component: any): any;
+export declare const defaultShouldForwardProp: (prop: any, variantKeys: any) => boolean;
+export declare const composeShouldForwardProps: (tag: any, shouldForwardProp: any) => any;
+export declare const composeCvaFn: (cvaA: any, cvaB: any) => any;
+export declare const getDisplayName: (Component: any) => any;

package/dist/styled-system/recipes/create-recipe.d.ts

@@ -1,6 +1,6 @@
-export function createRecipe(name: any, defaultVariants: any, compoundVariants: any): {
+export declare const createRecipe: (name: any, defaultVariants: any, compoundVariants: any) => {
     recipeFn: (variants: any, withCompoundVariants?: boolean) => any;
     getVariantProps: (variants: any) => any;
     __getCompoundVariantCss__: (variants: any) => any;
 };
-export function mergeRecipes(recipeA: any, recipeB: any): any;
+export declare const mergeRecipes: (recipeA: any, recipeB: any) => any;

package/dist/styled-system/recipes/index.d.ts

@@ -99,4 +99,5 @@ export * from './toggle-switch-slot-recipe';
 export * from './navigation-list-slot-recipe';
 export * from './navigation-list-item-slot-recipe';
 export * from './form-footer-slot-recipe';
-export * from './sidebar-slot-recipe';
+export * from './sidebar-slot-recipe';
+export * from './sidebar-menu-heading-slot-recipe';

package/dist/styled-system/recipes/index.js

@@ -99,3 +99,4 @@ export * from './navigation-list-slot-recipe.js';
 export * from './navigation-list-item-slot-recipe.js';
 export * from './form-footer-slot-recipe.js';
 export * from './sidebar-slot-recipe.js';
+export * from './sidebar-menu-heading-slot-recipe.js';

package/dist/styled-system/recipes/section-message-slot-recipe.d.ts

@@ -3,7 +3,7 @@ import type { ConditionalValue } from '../types/index';
 import type { DistributiveOmit, Pretty } from '../types/system-types';
 
 interface SectionMessageSlotRecipeVariant {
-  messageType: "neutral" | "success" | "error" | "caution"
+  messageType: "neutral" | "success" | "error" | "caution" | "busy" | "progress"
 region: "inline" | "page"
 disableResponsive: boolean
 }

package/dist/styled-system/recipes/section-message-slot-recipe.js

@@ -61,7 +61,9 @@ export const sectionMessageSlotRecipe = /* @__PURE__ */ Object.assign(sectionMes
             "neutral",
             "success",
             "error",
-            "caution"
+            "caution",
+            "busy",
+            "progress"
         ],
         "region": [
             "inline",

package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.d.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface SidebarMenuHeadingSlotRecipeVariant {
+  
+}
+
+type SidebarMenuHeadingSlotRecipeVariantMap = {
+  [key in keyof SidebarMenuHeadingSlotRecipeVariant]: Array<SidebarMenuHeadingSlotRecipeVariant[key]>
+}
+
+type SidebarMenuHeadingSlotRecipeSlot = "tooltip" | "numberRow" | "numberText" | "numberIcon" | "status"
+
+export type SidebarMenuHeadingSlotRecipeVariantProps = {
+  [key in keyof SidebarMenuHeadingSlotRecipeVariant]?: ConditionalValue<SidebarMenuHeadingSlotRecipeVariant[key]> | undefined
+}
+
+export interface SidebarMenuHeadingSlotRecipeRecipe {
+  __slot: SidebarMenuHeadingSlotRecipeSlot
+  __type: SidebarMenuHeadingSlotRecipeVariantProps
+  (props?: SidebarMenuHeadingSlotRecipeVariantProps): Pretty<Record<SidebarMenuHeadingSlotRecipeSlot, string>>
+  raw: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
+  variantMap: SidebarMenuHeadingSlotRecipeVariantMap
+  variantKeys: Array<keyof SidebarMenuHeadingSlotRecipeVariant>
+  splitVariantProps<Props extends SidebarMenuHeadingSlotRecipeVariantProps>(props: Props): [SidebarMenuHeadingSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SidebarMenuHeadingSlotRecipeVariantProps>>]
+  getVariantProps: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
+}
+
+/**
+ * Slot class created for the MFUI Sidebar tenant/user menu heading sub-component.
+ */
+export declare const sidebarMenuHeadingSlotRecipe: SidebarMenuHeadingSlotRecipeRecipe

package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.js

@@ -0,0 +1,44 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
+import { createRecipe } from './create-recipe.js';
+const sidebarMenuHeadingSlotRecipeDefaultVariants = {};
+const sidebarMenuHeadingSlotRecipeCompoundVariants = [];
+const sidebarMenuHeadingSlotRecipeSlotNames = [
+    [
+        "tooltip",
+        "SidebarMenuHeading__tooltip"
+    ],
+    [
+        "numberRow",
+        "SidebarMenuHeading__numberRow"
+    ],
+    [
+        "numberText",
+        "SidebarMenuHeading__numberText"
+    ],
+    [
+        "numberIcon",
+        "SidebarMenuHeading__numberIcon"
+    ],
+    [
+        "status",
+        "SidebarMenuHeading__status"
+    ]
+];
+const sidebarMenuHeadingSlotRecipeSlotFns = /* @__PURE__ */ sidebarMenuHeadingSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarMenuHeadingSlotRecipeDefaultVariants, getSlotCompoundVariant(sidebarMenuHeadingSlotRecipeCompoundVariants, slotName))]);
+const sidebarMenuHeadingSlotRecipeFn = memo((props = {}) => {
+    return Object.fromEntries(sidebarMenuHeadingSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const sidebarMenuHeadingSlotRecipeVariantKeys = [];
+const getVariantProps = (variants) => ({ ...sidebarMenuHeadingSlotRecipeDefaultVariants, ...compact(variants) });
+export const sidebarMenuHeadingSlotRecipe = /* @__PURE__ */ Object.assign(sidebarMenuHeadingSlotRecipeFn, {
+    __recipe__: false,
+    __name__: 'sidebarMenuHeadingSlotRecipe',
+    raw: (props) => props,
+    classNameMap: {},
+    variantKeys: sidebarMenuHeadingSlotRecipeVariantKeys,
+    variantMap: {},
+    splitVariantProps(props) {
+        return splitProps(props, sidebarMenuHeadingSlotRecipeVariantKeys);
+    },
+    getVariantProps
+});

package/dist/styled-system/recipes/sidebar-slot-recipe.d.ts

@@ -10,7 +10,7 @@ type SidebarSlotRecipeVariantMap = {
   [key in keyof SidebarSlotRecipeVariant]: Array<SidebarSlotRecipeVariant[key]>
 }
 
-type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
+type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "rightPane" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
 
 export type SidebarSlotRecipeVariantProps = {
   [key in keyof SidebarSlotRecipeVariant]?: ConditionalValue<SidebarSlotRecipeVariant[key]> | undefined