@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/esm/src/Popover/Popover.types.d.ts

@@ -1,251 +0,0 @@
-import { type ComponentProps, type CSSProperties, type KeyboardEventHandler, type ReactNode, type SyntheticEvent, type FocusEventHandler } from 'react';
-type Side = 'top' | 'right' | 'bottom' | 'left';
-type Alignment = 'start' | 'end';
-/**
- * Placement options for the popover relative to the trigger element.
- * Follows the same pattern as Floating UI but with our own type definition.
- */
-export type PopoverPlacement = Side | `${Side}-${Alignment}`;
-/**
- * Options to control the behavior of the Popover, which be used to render the Trigger and the Popover Content
- */
-export type PopoverRenderOptions = {
-    /**
-     * If the Popover is opening, close it
-     * If the Popover is closed, open it
-     */
-    togglePopover: (event?: SyntheticEvent) => void;
-    /**
-     * Open the Popover
-     */
-    openPopover: (event?: SyntheticEvent) => void;
-    /**
-     * Close the Popover
-     */
-    closePopover: (event?: SyntheticEvent) => void;
-    /**
-     * Current state of the Popover
-     */
-    isPopoverOpen: boolean;
-    /**
-     * This is required parameter to make the Trigger and the Popover automatically align with each other.
-     *
-     * @param element - The trigger element, must be an HTMLElement like button or div.
-     *
-     * @example
-     * ```tsx
-     * <Popover renderTrigger={({setTriggerRef}) => {
-     *   return <button ref={setTriggerRef} />
-     * }} .../>
-     * ```
-     */
-    setTriggerRef: (element: HTMLElement | null) => void;
-    /**
-     * This is an optional parameter but should be used in the Trigger Element to open the Popover when user press `Up` or `Down` when focusing on the Trigger element
-     *
-     * @example
-     * ```tsx
-     * <Popover renderTrigger={({handleTriggerKeyDown}) => {
-     *   return <button onKeyDown={handleTriggerKeyDown} />
-     * }} .../>
-     * ```
-     */
-    handleTriggerKeyDown: KeyboardEventHandler<HTMLElement>;
-    /**
-     * This is an optional parameter but should be used in the Trigger Element to handle blur events with smart blur detection
-     *
-     * @example
-     * ```tsx
-     * <Popover renderTrigger={({handleTriggerBlur}) => {
-     *   return <button onBlur={handleTriggerBlur} />
-     * }} .../>
-     * ```
-     */
-    handleTriggerBlur: FocusEventHandler<HTMLElement>;
-};
-/**
- * Props for the Popover component
- */
-export type PopoverProps = {
-    /**
-     * The function to render a trigger element, you must use the options params to control its behavior.
-     *
-     * @param options - Options to control the behavior of the Popover.
-     */
-    renderTrigger: (options: PopoverRenderOptions) => ReactNode;
-    /**
-     * The content of the Popover.
-     * This is the content inside the popover, not the popover itself.
-     */
-    renderContent: (options: PopoverRenderOptions) => ReactNode;
-    /**
-     * The open state of the Popover.
-     * You only need to use this prop if you want to control the Popover programmatically
-     *
-     * @default false
-     */
-    open?: boolean;
-    /**
-     * Callback fired when the open state of the Popover changes.
-     *
-     * @param open - The new open state of the Popover.
-     */
-    onOpenStateChanged?: (open: boolean) => void;
-    /**
-     * This callback function will be called when the Popover opened.
-     * The default action is focusing on the Popover.
-     * You can prevent that action by using `event.preventDefault()` in the callback function.
-     *
-     * @param event - The trigger event which makes the Popover open, this param can be undefined if you use `toggle` or
-     * `open` without passing the event parameter. If you don't pass the event, you can't prevent the default action.
-     */
-    onOpen?: (event?: SyntheticEvent) => void;
-    /**
-     * This callback function will be called with the Popover closed.
-     * The default action is focusing on the Trigger.
-     * You can prevent that action by using `event.preventDefault()` in the callback function.
-     *
-     * @param event - The trigger event which makes the Popover close, this param can be undefined if you use `toggle` or
-     * `close` without passing the event parameter. If you don't pass the event, you can't prevent the default action.
-     */
-    onClose?: (event?: SyntheticEvent) => void;
-    /**
-     * The flag to enable or disable autofocus on the trigger element when the Popover closes.
-     *
-     * @default true - By default, it will automatically focus on the trigger element when the Popover closes.
-     */
-    enableAutoFocusOnTrigger?: boolean;
-    /**
-     * The flag to enable or disable autofocus on the popover element when the Popover opens.
-     *
-     * @default true - By default, it will automatically focus on the popover element when the popover opens.
-     */
-    enableAutoFocusOnPopover?: boolean;
-    /**
-     * The props for the popover content element.
-     *
-     * @default {}
-     */
-    contentProps?: Pick<ComponentProps<'div'>, 'className'> & {
-        /**
-         * The tab index of the popover content element.
-         * Please note if you set this prop, it may cause the incorrect focus behavior when `enableAutoFocusOnPopover` is true.
-         * You should only set this prop with `enableAutoFocusOnPopover` is false, or the customize focus behavior.
-         *
-         * @default 0
-         */
-        tabIndex?: ComponentProps<'div'>['tabIndex'];
-    };
-    /**
-     * The minimum width of the popover. Default is the width of the trigger element.
-     */
-    minWidth?: CSSProperties['minWidth'];
-    /**
-     * The maximum height of the popover
-     */
-    maxHeight?: CSSProperties['maxHeight'];
-    /**
-     * Whether to constrain the popover content width to exactly match the trigger element width.
-     * When enabled, both minWidth and maxWidth will be set to the trigger width.
-     *
-     * @default false
-     */
-    enableConstrainedContentWidth?: boolean;
-    /**
-     * The DOM node where the popover should be rendered.
-     *
-     * If provided, the popover is rendered inside this node. Otherwise, a suitable
-     * DOM node is chosen automatically.
-     */
-    targetDOMNode?: HTMLElement | null;
-    /**
-     * Enable auto unmounting of the popover content when it's not displayed.
-     * When true, the popover content will return null instead of hiding via CSS.
-     *
-     * @default true
-     */
-    enableAutoUnmount?: boolean;
-    /**
-     * Callback fired when the user blurs away from the trigger element or popover content.
-     * This implements smart blur detection - only fires when focus leaves both the trigger and popover.
-     *
-     * @param event - The blur event from the trigger element
-     */
-    onBlur?: FocusEventHandler<HTMLElement>;
-    /**
-     * Allowed placements for the popover relative to the trigger element.
-     * When provided, the popover will try each placement in order until it finds one that fits within the viewport.
-     *
-     * @default ['bottom-start', 'bottom-end', 'top-start', 'top-end']
-     *
-     * @example
-     * ```tsx
-     * // Try bottom-start first, fallback to top-start
-     * <Popover allowedPlacements={['bottom-start', 'top-start']}>
-     *   ...
-     * </Popover>
-     *
-     * // Allow all bottom placements
-     * <Popover allowedPlacements={['bottom', 'bottom-start', 'bottom-end']}>
-     *   ...
-     * </Popover>
-     * ```
-     */
-    allowedPlacements?: PopoverPlacement[];
-    /**
-     * Whether to enable viewport constraint for the popover content.
-     * When enabled, the popover will be constrained to fit within the viewport and may become scrollable.
-     * When disabled, the popover content can overflow the viewport boundaries.
-     *
-     * This is useful for components like DatePicker where you want the calendar to display fully
-     * even in constrained spaces, rather than being forced to scroll.
-     *
-     * @default true - By default, the popover content is constrained to the viewport for accessibility
-     *
-     * @example
-     * ```tsx
-     * // Default behavior - content constrained to viewport
-     * <Popover enableViewportConstraint={true}>
-     *   ...
-     * </Popover>
-     *
-     * // Allow content to overflow viewport
-     * <Popover enableViewportConstraint={false}>
-     *   ...
-     * </Popover>
-     * ```
-     */
-    enableViewportConstraint?: boolean;
-    /**
-     * Enable automatic portal target resolution for nested Popover scenarios.
-     * Automatically handles ShadowDOM compatibility and nested context detection.
-     * When enabled and the component is nested inside another Popover, automatically
-     * uses getTargetDomNode utility for portal target resolution.
-     *
-     * This prop is intended for internal MFUI components like BasePicker and BaseRangePicker.
-     *
-     * @internal
-     *
-     * @default false
-     */
-    enableAutomaticPortalTargetResolution?: boolean;
-    /**
-     * Enable centered layout on narrow viewport (< 600px).
-     * When enabled, the popover will be centered horizontally on the screen
-     * with 14px margins on both sides, instead of being positioned relative to the trigger.
-     *
-     * This is useful for preventing content from being cut off on narrow viewports.
-     *
-     * @default false
-     *
-     * @example
-     * ```tsx
-     * // Enable centered layout on narrow viewport
-     * <Popover enableCenteredLayoutOnNarrowViewport={true}>
-     *   ...
-     * </Popover>
-     * ```
-     */
-    enableCenteredLayoutOnNarrowViewport?: boolean;
-};
-export {};

package/dist/esm/src/Popover/PopoverContext.d.ts

@@ -1,28 +0,0 @@
-import React, { type ReactNode } from 'react';
-/**
- * Context for tracking nested Popover components
- */
-type PopoverContextValue = {
-    /**
-     * Whether this component is nested inside another Popover
-     */
-    isNested: boolean;
-    /**
-     * The depth of nesting (0 for root level, 1 for first nested level, etc.)
-     */
-    nestingDepth: number;
-};
-/**
- * Hook to access the popover nesting context
- *
- * @returns PopoverContextValue containing nesting information
- */
-export declare function usePopoverContext(): PopoverContextValue;
-/**
- * Provider component that tracks nesting depth for Popover components
- * This replaces the inefficient DOM traversal approach with React Context
- */
-export declare const PopoverContextProvider: React.MemoExoticComponent<({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/esm/src/Popover/index.d.ts

@@ -1,3 +0,0 @@
-export { Popover } from './Popover';
-export type { PopoverProps, PopoverRenderOptions, PopoverPlacement } from './Popover.types';
-export { usePopoverContext, PopoverContextProvider } from './PopoverContext';

package/dist/esm/src/Portal/Portal.d.ts

@@ -1,9 +0,0 @@
-import { type PortalProps } from './Portal.types';
-/**
- * A component that renders its children into a new "subtree" outside of the parent component.
- * It is useful for rendering modals, dropdowns, tooltips, and other floating UI elements.
- *
- * This behaves the same as `ReactDOM.createPortal`, but adds support for SSR-aware rendering and
- * automatic resolution of the target DOM node when used with MFUI's portal context utilities.
- */
-export declare function Portal({ children, targetDOMNode }: PortalProps): import("react").ReactPortal | null;

package/dist/esm/src/Portal/Portal.types.d.ts

@@ -1,22 +0,0 @@
-import { type createPortal } from 'react-dom';
-/**
- * Props for the Portal component.
- *
- * It simply has the same behavior with `ReactDOM.createPortal`, but with additional support for SSR.
- *
- * @see https://react.dev/reference/react-dom/createPortal
- */
-export type PortalProps = {
-    /**
-     * The content to render in the portal.
-     */
-    children: Parameters<typeof createPortal>[0];
-    /**
-     * The target DOM node to render the children. This corresponds to the second
-     * parameter of `ReactDOM.createPortal`.
-     *
-     * If provided, the children are rendered inside this node. Otherwise, a
-     * suitable DOM node is chosen automatically.
-     */
-    targetDOMNode?: Parameters<typeof createPortal>[1];
-};

package/dist/esm/src/Portal/TargetDomNodeContext.d.ts

@@ -1,22 +0,0 @@
-import { type PropsWithChildren } from 'react';
-type PortalContextValue = HTMLElement | null;
-export declare const useClosestTargetDomNode: () => PortalContextValue;
-type TargetDomNodeProviderProps = PropsWithChildren<{
-    targetDomNode: PortalContextValue;
-}>;
-/**
- * This is a wrapper of TargetDomNodeContext.Provider, it provides the targetDomNode to the children.
- *
- * When children components use the useClosestTargetDomNode hook, it will return the targetDomNode provided by this component.
- */
-export declare function TargetDomNodeProvider({ targetDomNode, children }: TargetDomNodeProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * This hook provides the targetDomNode for the Portal component.
- * It will return the user provided targetDomNode if it is not null, otherwise it will return the closest targetDomNode from the TargetDomNodeContext.
- *
- * @param providedTargetDomNode - The targetDomNode provided by the user.
- *
- * @param hangingElement - The element to detect the rootNode, if not provided, it will return the body element of the ownerDocument, or automatically create & choose the custom element under ShadowDOM.
- */
-export declare const useAutomaticTargetDomNode: (providedTargetDomNode?: PortalContextValue, hangingElement?: HTMLElement | null) => HTMLElement;
-export {};

package/dist/esm/src/Portal/index.d.ts

@@ -1,3 +0,0 @@
-export { Portal } from './Portal';
-export { type PortalProps } from './Portal.types';
-export { useClosestTargetDomNode, useAutomaticTargetDomNode, TargetDomNodeProvider } from './TargetDomNodeContext';

package/dist/esm/src/Portal/utils/useIsServer.d.ts

@@ -1,7 +0,0 @@
-/**
- * This hook is used to determine if the code is running on the server.
- * This is inspired in this ChakraUI Portal code
- *
- * @see https://github.com/chakra-ui/ark/blob/main/packages/react/src/components/portal/portal.tsx
- */
-export declare function useIsServer(): boolean;

package/dist/esm/src/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,5 +0,0 @@
-import { type ProgressIndicatorProps } from './ProgressIndicator.types';
-/**
- * SVG animation for loading state.
- */
-export declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/ProgressIndicator/ProgressIndicator.types.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export type ProgressIndicatorProps = {
-    /**
-     * The additional class name for the root element.
-     */
-    className?: string;
-} & ComponentPropsWithoutRef<'svg'>;

package/dist/esm/src/ProgressIndicator/index.d.ts

@@ -1,2 +0,0 @@
-export { ProgressIndicator } from './ProgressIndicator';
-export type { ProgressIndicatorProps } from './ProgressIndicator.types';

package/dist/esm/src/RadioButton/RadioButton.d.ts

@@ -1,13 +0,0 @@
-/**
- * The general-purpose RadioButton component.
- * This component turns on/off the label depends on the prop: label.
- *
- * Also extends the props of `<input type="radio">` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
- */
-export declare const RadioButton: import("react").ForwardRefExoticComponent<{
-    label?: string;
-    checked?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "checked"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/src/RadioButton/RadioButton.types.d.ts

@@ -1,29 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-type InputPropsWithoutRef = ComponentPropsWithoutRef<'input'>;
-export type RadioButtonProps = {
-    /**
-     * The content of the radio button label.
-     * It should be only a string value.
-     *
-     * @default undefined
-     */
-    label?: string;
-    /**
-     * The checked state of the radio button.
-     * It should be only a boolean value.
-     * This value will be overridden if the radio button is inside RadioGroup component.
-     *
-     * @default undefined
-     */
-    checked?: InputPropsWithoutRef['checked'];
-    /**
-     * The disabled state of the radio button.
-     * It should be only a boolean value.
-     * This value will be overridden if the radio button is inside RadioGroup component and "disabled" prop of "RadioGroup"
-     * is not "undefined"
-     *
-     * @default undefined
-     */
-    disabled?: InputPropsWithoutRef['disabled'];
-} & Omit<InputPropsWithoutRef, 'checked' | 'disabled'>;
-export {};

package/dist/esm/src/RadioButton/index.d.ts

@@ -1,2 +0,0 @@
-export { RadioButton } from './RadioButton';
-export type { RadioButtonProps } from './RadioButton.types';

package/dist/esm/src/RadioButtonCard/RadioButtonCard.d.ts

@@ -1,15 +0,0 @@
-import { type RadioButtonCardResponsiveSlot } from './RadioButtonCard.types';
-/**
- * A component that transforms radio buttons into card-style selectable elements.
- * This component turns on/off the label depends on the prop: label, detail and layout.
- *
- * Also extends the props of `<input type="radio">` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
- */
-export declare const RadioButtonCard: import("react").ForwardRefExoticComponent<{
-    layout?: import("../../styled-system/recipes").RadioButtonCardSlotRecipeVariant["layout"];
-    label: string;
-    renderDetailsSlot?: RadioButtonCardResponsiveSlot | import("./RadioButtonCard.types").RadioButtonCardRenderDetailsSlot;
-    disableResponsive?: import("../../styled-system/recipes").RadioButtonCardSlotRecipeVariant["disableResponsive"];
-} & Omit<import("../RadioButton").RadioButtonProps, "label"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/src/RadioButtonCard/RadioButtonCard.types.d.ts

@@ -1,61 +0,0 @@
-import { type ReactNode } from 'react';
-import { type RadioButtonProps } from '../RadioButton';
-import { type RadioButtonCardSlotRecipeVariant } from '../../styled-system/recipes';
-import { type ResponsiveSlot } from '../types/responsive';
-export type RadioButtonState = Pick<RadioButtonProps, 'checked' | 'disabled'>;
-/**
- * Function type for rendering RadioButtonCard details content.
- * Receives the current radio button state as a parameter.
- */
-export type RadioButtonCardRenderDetailsSlot = (radioButtonState: RadioButtonState) => ReactNode;
-/**
- * ResponsiveSlot type specifically for RadioButtonCard details content.
- * Supports different content for desktop and mobile viewports, with functions that receive RadioButtonState.
- */
-export type RadioButtonCardResponsiveSlot = ResponsiveSlot<RadioButtonCardRenderDetailsSlot>;
-export type RadioButtonCardProps = {
-    /**
-     * The layout of the radio button card.
-     * Currently, the layout can be `horizontal` or `vertical`.
-     *
-     * @default `vertical`
-     */
-    layout?: RadioButtonCardSlotRecipeVariant['layout'];
-    /**
-     * Label text for explaining radio value.
-     */
-    label: string;
-    /**
-     * Content or function to render the details slot.
-     *
-     * @example
-     * ```tsx
-     * // Function-based (current usage - maintains backward compatibility)
-     * renderDetailsSlot={(radioButtonState) => (
-     *   <div>Status: {radioButtonState.checked ? 'Selected' : 'Not selected'}</div>
-     * )}
-     *
-     * // ResponsiveSlot with static content
-     * renderDetailsSlot={{
-     *   base: <div>Desktop details content</div>,
-     *   narrowViewport: <div>Mobile details content</div>
-     * }}
-     *
-     * // ResponsiveSlot with functions
-     * renderDetailsSlot={{
-     *   base: (radioButtonState) => <div>Desktop: {radioButtonState.checked ? 'Yes' : 'No'}</div>,
-     *   narrowViewport: (radioButtonState) => <div>Mobile: {radioButtonState.checked ? '✓' : '✗'}</div>
-     * }}
-     * ```
-     */
-    renderDetailsSlot?: RadioButtonCardResponsiveSlot | RadioButtonCardRenderDetailsSlot;
-    /**
-     * Whether to disable the responsive behavior.
-     *
-     * When set to `true`, the component maintains its layout regardless of viewport size.
-     * When set to `false` (default), the component will automatically switch to vertical layout on narrow viewports.
-     *
-     * @default false
-     */
-    disableResponsive?: RadioButtonCardSlotRecipeVariant['disableResponsive'];
-} & Omit<RadioButtonProps, 'label'>;

package/dist/esm/src/RadioButtonCard/index.d.ts

@@ -1,2 +0,0 @@
-export { RadioButtonCard } from './RadioButtonCard';
-export type { RadioButtonCardProps } from './RadioButtonCard.types';

package/dist/esm/src/RadioGroup/RadioGroup.d.ts

@@ -1,13 +0,0 @@
-/**
- * The general-purpose RadioGroup component.
- *
- * The RadioGroup component is designed to ensure that only one radio button can be selected at a time within the
- * group, simplifying the state management and data handling for forms.
- *
- * This component will wrap all radio buttons in a group and control their check state.
- *
- * Also extends the props of `<div>` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
- */
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<Pick<import("..").RadioButtonProps, "disabled" | "name" | "value" | "defaultValue" | "onChange"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/src/RadioGroup/RadioGroup.types.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { type RadioButtonProps } from '../RadioButton';
-export type RadioGroupProps = Pick<RadioButtonProps, 'defaultValue' | 'value' | 'disabled' | 'name' | 'onChange'> & Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;

package/dist/esm/src/RadioGroup/RadioGroupContext.d.ts

@@ -1,3 +0,0 @@
-import { type RadioGroupProps } from './RadioGroup.types';
-export type RadioGroupContextType = Pick<RadioGroupProps, 'value' | 'disabled' | 'name' | 'onChange'>;
-export declare const RadioGroupContext: import("react").Context<RadioGroupContextType>;

package/dist/esm/src/RadioGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { RadioGroup } from './RadioGroup';
-export type { RadioGroupProps } from './RadioGroup.types';

package/dist/esm/src/SearchBox/SearchBox.d.ts

@@ -1,6 +0,0 @@
-import { type SearchBoxProps } from './SearchBox.types';
-/**
- * The component wrapped the TextBox component with Search icon.
- * Some props in the TextBox component are not supported.
- */
-export declare const SearchBox: import("react").ForwardRefExoticComponent<SearchBoxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/src/SearchBox/SearchBox.types.d.ts

@@ -1,9 +0,0 @@
-import { type TextBoxProps } from '../TextBox';
-/**
- * The props for the SearchBox component.
- *
- * Some props in the TextBox component are not supported.
- *
- * - 'prefixSlot' and 'suffixSlot' props
- */
-export type SearchBoxProps = Omit<TextBoxProps, 'prefixSlot' | 'suffixSlot'>;

package/dist/esm/src/SearchBox/index.d.ts

@@ -1,2 +0,0 @@
-export { SearchBox } from './SearchBox';
-export { type SearchBoxProps } from './SearchBox.types';

package/dist/esm/src/SectionMessage/SectionMessage.d.ts

@@ -1,20 +0,0 @@
-/**
- * The SectionMessage component is used to display an inline message inside a page or some container.
- * Note: We changed the name of the component from `InlineMessage` to `SectionMessage`.
- *
- * This component switches the variants of looks depends on the props `messageType` and `region`.
- *
- * Also extends the props of `<div>` element (the wrapper).
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
- */
-export declare const SectionMessage: import("react").ForwardRefExoticComponent<{
-    messageType?: import("../../styled-system/recipes").SectionMessageSlotRecipeVariant["messageType"];
-    region?: import("../../styled-system/recipes").SectionMessageSlotRecipeVariant["region"];
-    actionSlot?: import("react").ReactNode;
-    onClose?: import("../IconButton").IconButtonProps["onClick"];
-    children?: import("react").ReactNode;
-    statusIconProps?: Pick<import("react").ComponentPropsWithoutRef<"svg">, "aria-label">;
-    closeButtonProps?: Pick<import("react").ComponentPropsWithoutRef<"svg">, "aria-label">;
-    disableResponsive?: boolean;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/src/SectionMessage/SectionMessage.types.d.ts

@@ -1,59 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import { type SectionMessageSlotRecipeVariant } from '../../styled-system/recipes';
-import { type IconButtonProps } from '../IconButton';
-/**
- * Props for SectionMessage component
- * It extends the props of `<div>` element.
- */
-export type SectionMessageProps = {
-    /**
-     * The type of the message
-     *
-     * @default 'neutral'
-     */
-    messageType?: SectionMessageSlotRecipeVariant['messageType'];
-    /**
-     * Where to display this SectionMessage
-     *
-     * @default 'inline'
-     */
-    region?: SectionMessageSlotRecipeVariant['region'];
-    /**
-     * The action slot of the SectionMessage
-     */
-    actionSlot?: ReactNode;
-    /**
-     * The function to be called when the close button is clicked
-     */
-    onClose?: IconButtonProps['onClick'];
-    /**
-     * The content of the SectionMessage
-     * Normally, it should be a string
-     * If you don't define, it will be empty
-     */
-    children?: ReactNode;
-    /**
-     * Props for the status icon.
-     *
-     * @property aria-label - The text alternative for the status icon. By default, `messageType` is:
-     * - `success`: '完了'
-     * - `error`: 'エラー'
-     * - `caution`: '注意'
-     */
-    statusIconProps?: Pick<ComponentPropsWithoutRef<'svg'>, 'aria-label'>;
-    /**
-     * Props for the close button.
-     *
-     * @property aria-label - The accessible name for the close button. It's '閉じる' by default.
-     */
-    closeButtonProps?: Pick<ComponentPropsWithoutRef<'svg'>, 'aria-label'>;
-    /**
-     * Whether to disable responsive layout behavior.
-     * When false (default), the component will switch to mobile layout on narrow viewports (< 600px),
-     * moving the actionSlot to the bottom while keeping the close button in the top right.
-     * When true, the component maintains the desktop layout on all viewport sizes.
-     *
-     * @default false
-     */
-    disableResponsive?: boolean;
-} & ComponentPropsWithoutRef<'div'>;

package/dist/esm/src/SectionMessage/index.d.ts

@@ -1,2 +0,0 @@
-export { SectionMessage } from './SectionMessage';
-export type { SectionMessageProps } from './SectionMessage.types';

package/dist/esm/src/SelectBox/SelectBox.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type BasedAdditionalProps, type SelectBoxProps } from './SelectBox.types';
-/**
- * The general-purpose SelectBox component.
- * This component switches the variants of looks and behaviors depends on the props: size, invalid, disabled.
- */
-export declare const SelectBox: (<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps>(props: SelectBoxProps<T, AdditionalProps> & {
-    ref?: React.ForwardedRef<HTMLInputElement>;
-}) => React.ReactElement) & {
-    displayName: string;
-};