@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/cjs/src/TextBox/TextBox.js

@@ -1,54 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const css_1 = require("../../styled-system/css");
-const recipes_1 = require("../../styled-system/recipes");
-const ClearButton_1 = require("../shared/ClearButton");
-const FocusIndicator_1 = require("../FocusIndicator");
-const dispatchNativeInputValueWithEvent_1 = require("../utilities/dom/dispatchNativeInputValueWithEvent");
-const mergeRefs_1 = require("../utilities/dom/mergeRefs");
-const useInputHasValue_1 = require("../utilities/state/useInputHasValue");
-const useIsTouchDevice_1 = require("../utilities/dom/useIsTouchDevice");
-/**
- * The general-purpose TextBox component.
- * This component switches the variants of looks and behaviors depends on the props: size, invalid, disabled, enableClearButton.
- *
- * Also extends the props of `<input>` element
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
- */
-exports.TextBox = (0, react_1.forwardRef)(({ enableClearButton = false, onClear, invalid = false, textBoxSize = 'medium', disabled = false, wrapperProps = {}, prefixSlot, suffixSlot, clearButtonProps, touchDeviceReadOnly = false, ...inputProps }, ref) => {
-    const isTouchDevice = (0, useIsTouchDevice_1.useIsTouchDevice)();
-    const shouldUseTouchDeviceMode = isTouchDevice && touchDeviceReadOnly;
-    const inputRef = (0, react_1.useRef)(null);
-    const { hasValue, handleChange, handleInput } = (0, useInputHasValue_1.useInputHasValue)({
-        initialValue: inputProps.value ?? inputProps.defaultValue,
-        value: inputProps.value,
-        onChange: inputProps.onChange,
-        onInput: inputProps.onInput,
-    });
-    const shouldShowClearButton = enableClearButton && hasValue;
-    const classes = (0, recipes_1.textBoxSlotRecipe)({ invalid, disabled, size: textBoxSize });
-    const mergedInputRef = (0, mergeRefs_1.mergeRefs)(ref, inputRef);
-    const onClickClear = (0, react_1.useCallback)((event) => {
-        if (!inputRef.current)
-            return;
-        (0, dispatchNativeInputValueWithEvent_1.dispatchNativeInputValueWithEvent)(inputRef.current, '');
-        if (!shouldUseTouchDeviceMode) {
-            inputRef.current.focus();
-        }
-        onClear?.(event);
-    }, [onClear, shouldUseTouchDeviceMode]);
-    // Get the display value for touch device mode
-    const displayValue = (inputProps.value ?? inputProps.defaultValue ?? '');
-    return shouldUseTouchDeviceMode ? (
-    // Touch device: wrapper + hidden input + display div
-    (0, jsx_runtime_1.jsxs)("div", { ...wrapperProps, className: (0, css_1.cx)(classes.root, 'mfui-TextBox__root', wrapperProps.className), children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", value: displayValue, name: inputProps.name }), prefixSlot ? (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.prefix, 'mfui-TextBox__prefix'), children: prefixSlot }) : null, (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.input, 'mfui-TextBox__input'), children: displayValue || inputProps.placeholder }), shouldShowClearButton ? ((0, jsx_runtime_1.jsx)(ClearButton_1.ClearButton, { size: textBoxSize === 'small' ? 'small' : 'default', "aria-label": clearButtonProps?.['aria-label'] ?? '値をクリアする', className: (0, css_1.cx)(classes.clearButton, 'mfui-TextBox__clearButton'), disabled: disabled, onClick: (event) => {
-                    onClear?.(event);
-                } })) : null, suffixSlot ? (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.suffix, 'mfui-TextBox__suffix'), children: suffixSlot }) : null] })) : (
-    // Desktop: Standard input with FocusIndicator
-    (0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { children: (0, jsx_runtime_1.jsxs)("div", { ...wrapperProps, className: (0, css_1.cx)(classes.root, 'mfui-TextBox__root', wrapperProps.className), children: [prefixSlot ? (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.prefix, 'mfui-TextBox__prefix'), children: prefixSlot }) : null, (0, jsx_runtime_1.jsx)("input", { ref: mergedInputRef, disabled: disabled, ...inputProps, className: (0, css_1.cx)(classes.input, 'mfui-TextBox__input', inputProps.className), onChange: handleChange, onInput: handleInput }), shouldShowClearButton ? ((0, jsx_runtime_1.jsx)(ClearButton_1.ClearButton, { size: textBoxSize === 'small' ? 'small' : 'default', "aria-label": clearButtonProps?.['aria-label'] ?? '値をクリアする', className: (0, css_1.cx)(classes.clearButton, 'mfui-TextBox__clearButton'), disabled: disabled, onClick: onClickClear })) : null, suffixSlot ? (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.suffix, 'mfui-TextBox__suffix'), children: suffixSlot }) : null] }) }));
-});

package/dist/cjs/src/TextBox/TextBox.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/TextBox/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBox = void 0;
-var TextBox_1 = require("./TextBox");
-Object.defineProperty(exports, "TextBox", { enumerable: true, get: function () { return TextBox_1.TextBox; } });

package/dist/cjs/src/TextLink/TextLink.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextLink = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mfui_icons_react_1 = require("@moneyforward/mfui-icons-react");
-const css_1 = require("../../styled-system/css");
-const FocusIndicator_1 = require("../FocusIndicator");
-const recipes_1 = require("../../styled-system/recipes");
-/**
- * The general-purpose TextLink component.
- * This component extends the props of `<a>` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
- * It is rendered as an HTML tag matching the names passed to `as`, and can pass the HTML standard attributes of the specified HTML tag as is.
- */
-exports.TextLink = (0, react_1.forwardRef)(({ children, variant = 'inherit', className, customLinkComponent, showExternalIcon, externalIconProps, ...rest }, ref) => {
-    const classes = (0, recipes_1.textLinkSlotRecipe)({ variant });
-    const Tag = customLinkComponent ?? 'a';
-    return ((0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { children: (0, jsx_runtime_1.jsxs)(Tag, { ...rest, ref: ref, className: (0, css_1.cx)(classes.root, 'mfui-TextLink__root', className), children: [children, showExternalIcon ? ((0, jsx_runtime_1.jsx)("span", { className: (0, css_1.cx)(classes.externalLinkIconContainer, 'mfui-TextLink__externalLinkIconContainer'), children: (0, jsx_runtime_1.jsx)(mfui_icons_react_1.ExternalLink, { className: (0, css_1.cx)(classes.externalLinkIcon, 'mfui-TextLink__externalLinkIcon'), "aria-label": externalIconProps ?? '別のタブで開きます' }) })) : null] }) }));
-});

package/dist/cjs/src/TextLink/TextLink.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/TextLink/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextLink = void 0;
-var TextLink_1 = require("./TextLink");
-Object.defineProperty(exports, "TextLink", { enumerable: true, get: function () { return TextLink_1.TextLink; } });

package/dist/cjs/src/Toast/Toast.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mfui_icons_react_1 = require("@moneyforward/mfui-icons-react");
-const react_1 = require("react");
-const css_1 = require("../../styled-system/css");
-const FocusIndicator_1 = require("../FocusIndicator");
-const recipes_1 = require("../../styled-system/recipes");
-const IconButton_1 = require("../IconButton");
-const Typography_1 = require("../Typography");
-const mergeRefs_1 = require("../utilities/dom/mergeRefs");
-const ProgressIndicator_1 = require("../ProgressIndicator");
-/**
- * The general-purpose Toast component.
- * This component switches the variants of looks depends on the props: type and actionText.
- */
-exports.Toast = (0, react_1.forwardRef)(({ className, type = 'success', actionSlot, message, onClose, duration = 0, activeElement, statusIconProps, closeButtonProps, customIcon, showCloseButton = true, ...props }, ref) => {
-    const classes = (0, recipes_1.toastSlotRecipe)({ type: customIcon ? 'custom' : type });
-    const toastRef = (0, react_1.useRef)(null);
-    const timerRef = (0, react_1.useRef)(null);
-    const startTimeRef = (0, react_1.useRef)(null);
-    const localDurationRef = (0, react_1.useRef)(null);
-    const icon = (() => {
-        if (type === 'success') {
-            return (0, jsx_runtime_1.jsx)(mfui_icons_react_1.Approval, { "aria-label": statusIconProps?.['aria-label'] ?? '完了' });
-        }
-        if (type === 'failure') {
-            return (0, jsx_runtime_1.jsx)(mfui_icons_react_1.Error, { "aria-label": statusIconProps?.['aria-label'] ?? '失敗' });
-        }
-        if (type === 'caution') {
-            return (0, jsx_runtime_1.jsx)(mfui_icons_react_1.Caution, { "aria-label": statusIconProps?.['aria-label'] ?? '注意' });
-        }
-        if (type === 'progress') {
-            return (0, jsx_runtime_1.jsx)(ProgressIndicator_1.ProgressIndicator, {});
-        }
-        return (0, jsx_runtime_1.jsx)(mfui_icons_react_1.Pending, { "aria-label": statusIconProps?.['aria-label'] ?? '進行中' });
-    })();
-    // Handle the duration of the toast
-    (0, react_1.useEffect)(() => {
-        // If the duration is not provided or under `5000`,
-        // the toast message will be displayed until it's closed via the close button.
-        if (!duration || duration < 5000) {
-            localDurationRef.current = 0;
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-            }
-            return;
-        }
-        localDurationRef.current = duration;
-    }, [duration]);
-    (0, react_1.useEffect)(() => {
-        // If localDurationRef is 0, the toast will not be closed automatically.
-        if (!localDurationRef.current || localDurationRef.current <= 0) {
-            return;
-        }
-        const isFocusVisible = !!toastRef.current &&
-            !!activeElement &&
-            (toastRef.current === activeElement ||
-                activeElement.closest('[data-mfui-content="toast-item"]') === toastRef.current);
-        // If the toast is not focused, start the timer to close the toast.
-        if (!isFocusVisible && !timerRef.current) {
-            startTimeRef.current = Date.now();
-            timerRef.current = setTimeout(() => {
-                onClose?.();
-            }, localDurationRef.current);
-            return;
-        }
-        // If the toast is focused, stop the timer and calculate the left time.
-        if (isFocusVisible) {
-            const passedTime = Date.now() - (startTimeRef.current ?? 0);
-            const leftTime = localDurationRef.current - passedTime;
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-            }
-            timerRef.current = null;
-            localDurationRef.current = leftTime;
-        }
-    }, [activeElement, onClose]);
-    return ((0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { children: (0, jsx_runtime_1.jsxs)("div", { ref: (0, mergeRefs_1.mergeRefs)(ref, toastRef), className: (0, css_1.cx)(classes.item, 'mfui-Toast__item', className), role: type === 'failure' ? 'alert' : 'status', "aria-live": type === 'failure' ? undefined : 'polite', "data-mfui-content": "toast-item", ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.body, 'mfui-Toast__body'), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.message, 'mfui-Toast__message'), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.leftIcon, 'mfui-Toast__leftIcon'), children: customIcon ?? icon }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: message })] }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { "aria-label": closeButtonProps?.['aria-label'] ?? '閉じる', disabled: !showCloseButton, onClick: onClose, children: (0, jsx_runtime_1.jsx)(mfui_icons_react_1.Close, {}) })] }), actionSlot ? (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.footer, 'mfui-Toast__footer'), children: actionSlot }) : null] }) }));
-});

package/dist/cjs/src/Toast/Toast.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/Toast/ToastContainer/ToastContainer.js

@@ -1,118 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastContainer = ToastContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Toast_1 = require("../Toast");
-const recipes_1 = require("../../../styled-system/recipes");
-const css_1 = require("../../../styled-system/css");
-const Portal_1 = require("../../Portal");
-// These values are defined as tokens, but we can't use them directly because they are not converted to the hashed css variables.
-// token name sizes.mfui.layout.safe-area.edge.vertical
-// Use `parseInt` to convert value of token from "48px" to "48"
-const TOP_GAP = '48px';
-// token name spacing.mfui.size.padding.container.vertical.comfort
-// The value in Figma is "12px" but it's not a token. So, I use the closest and most meaningful token.
-const BOTTOM_GAP = '12px';
-// token name sizes.mfui.layout.safe-area.edge.vertical
-// The gap between the container and the bottom of the screen
-// Mobile (under 600px): 24px, Desktop (600px and above): 48px
-const CONTAINER_GAP_MOBILE = '24px';
-const CONTAINER_GAP_DESKTOP = '48px';
-/**
- * Toast container component is responsible for rendering toast items.
- *
- * Toast animation is handled by the toast container component.
- * It's combination of toast container height transition and toast items' margin-top, top and box-shadow transition.
- *
- */
-function ToastContainer({ items, onItemClose }) {
-    const classes = (0, recipes_1.toastSlotRecipe)();
-    const firstItemRef = (0, react_1.useRef)(null);
-    const secondItemRef = (0, react_1.useRef)(null);
-    const [containerHeight, setContainerHeight] = (0, react_1.useState)(0);
-    const [activeElement, setActiveElement] = (0, react_1.useState)(null);
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    // Detect viewport width for responsive CONTAINER_GAP
-    (0, react_1.useLayoutEffect)(() => {
-        const checkViewportWidth = () => {
-            setIsMobile(window.innerWidth < 600);
-        };
-        // Check on mount
-        checkViewportWidth();
-        // Add resize listener
-        window.addEventListener('resize', checkViewportWidth);
-        return () => {
-            window.removeEventListener('resize', checkViewportWidth);
-        };
-    }, []);
-    (0, react_1.useLayoutEffect)(() => {
-        if (!firstItemRef.current) {
-            setContainerHeight(0);
-            return;
-        }
-        const firstItemElement = firstItemRef.current;
-        // Need to set top and opacity inside setTimeout to make sure that the transition will be occurred.
-        setTimeout(() => {
-            firstItemElement.style.top = '0';
-            firstItemElement.style.opacity = '1';
-        }, 0);
-        // Height of the container should be the height of the first item. So when the first item is removed, the container
-        // height will be updated to the second item's height.
-        setContainerHeight(firstItemRef.current.clientHeight);
-        if (!secondItemRef.current) {
-            return;
-        }
-        // If the first item is taller than the second item, top of second item should be sum of `BOTTOM_GAP` and the
-        // difference between two items' height. The purpose of it is to make sure that the second item is always visible.
-        secondItemRef.current.style.top =
-            firstItemRef.current.clientHeight > secondItemRef.current.clientHeight
-                ? `calc(${(firstItemRef.current.clientHeight - secondItemRef.current.clientHeight).toString()}px + ${BOTTOM_GAP})`
-                : TOP_GAP;
-        secondItemRef.current.style.opacity = '1';
-    }, [items, isMobile]);
-    // Detect focus on the toast or its content
-    (0, react_1.useLayoutEffect)(() => {
-        const checkFocusVisible = () => {
-            setActiveElement(document.activeElement);
-        };
-        window.addEventListener('focus', checkFocusVisible, true);
-        window.addEventListener('blur', checkFocusVisible, true);
-        return () => {
-            window.removeEventListener('focus', checkFocusVisible);
-            window.removeEventListener('blur', checkFocusVisible);
-        };
-    }, []);
-    // Close the first toast when the "Esc" key is pressed and the toast or its content has a focus
-    (0, react_1.useEffect)(() => {
-        const handleKeyDown = (event) => {
-            if (!items[0]) {
-                return;
-            }
-            if (event.key === 'Escape' &&
-                !!firstItemRef.current &&
-                !!activeElement &&
-                (firstItemRef.current === activeElement ||
-                    activeElement.closest('[data-mfui-content="toast-item"]') === firstItemRef.current)) {
-                onItemClose?.(items[0].key);
-            }
-        };
-        window.addEventListener('keyup', handleKeyDown);
-        return () => {
-            window.removeEventListener('keyup', handleKeyDown);
-        };
-    }, [items, activeElement, onItemClose]);
-    const containerGap = isMobile ? CONTAINER_GAP_MOBILE : CONTAINER_GAP_DESKTOP;
-    return ((0, jsx_runtime_1.jsx)(Portal_1.TargetDomNodeProvider, { targetDomNode: firstItemRef.current, children: (0, jsx_runtime_1.jsx)("div", { style: { height: containerHeight === 0 ? 0 : `calc(${containerHeight.toString()}px + ${containerGap})` }, className: (0, css_1.cx)(classes.container, 'mfui-ToastContainer__container'), children: items.map(({ key, onClose, duration, ...props }, index) => ((0, jsx_runtime_1.jsx)(Toast_1.Toast, { ref: [firstItemRef, secondItemRef][index] ?? null, ...props, style: {
-                    zIndex: 1000 - index,
-                }, activeElement: activeElement, 
-                // If index is 0, set the duration to the first item. Otherwise, the duration will be `undefined`.
-                // Auto-dismiss should be applied only for first item.
-                duration: index === 0 ? duration : undefined, 
-                // Disable close button for second and subsequent toasts to prevent users from dismissing them
-                showCloseButton: index === 0, onClose: () => {
-                    onItemClose?.(key);
-                    onClose?.();
-                } }, key))) }) }));
-}

package/dist/cjs/src/Toast/ToastContainer/ToastContainer.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/Toast/api/toast.js

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toast = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("react-dom/client");
-const recipes_1 = require("../../../styled-system/recipes");
-const ToastContainer_1 = require("../ToastContainer/ToastContainer");
-const helpers_1 = require("../helpers");
-const getTargetDomNode_1 = require("../../utilities/dom/getTargetDomNode");
-const rootId = 'mfui-toast-root';
-let toastList = [];
-let rootElement = null;
-let root = null;
-let rootWrapper;
-/**
- * Get the toast root element.
- * If the root element does not exist, it will be created.
- *
- */
-const getToastRoot = () => {
-    if (root) {
-        return root;
-    }
-    if (!rootWrapper) {
-        return;
-    }
-    rootElement = rootWrapper.querySelector(`#${rootId}`);
-    if (!rootElement) {
-        const classes = (0, recipes_1.toastSlotRecipe)();
-        rootElement = document.createElement('div');
-        rootElement.id = rootId;
-        rootElement.className = classes.root;
-        rootWrapper.append(rootElement);
-    }
-    root = (0, client_1.createRoot)(rootElement);
-    return root;
-};
-/**
- * Remove a toast message.
- * If the key is not provided, all toasts will be removed.
- *
- * @param key - The key of the toast message to remove.
- */
-const removeToast = (key) => {
-    toastList = !key ? [] : toastList.filter((toast) => toast.key !== key);
-    renderToast();
-};
-/**
- * Render the toast list.
- */
-const renderToast = () => {
-    const root = getToastRoot();
-    root?.render((0, jsx_runtime_1.jsx)(ToastContainer_1.ToastContainer, { items: toastList, onItemClose: (key) => {
-            removeToast(key);
-        } }));
-};
-/**
- * Show a toast message
- *
- * @param props - The toast message properties.
- *
- * @param type - The type of the toast message.
- */
-const showToast = (props, type = 'custom') => {
-    const { targetDOMNode, ...config } = typeof props === 'string'
-        ? {
-            message: props,
-        }
-        : props;
-    // The id for the toast message.
-    const key = config.key ?? `toast-${(0, helpers_1.generateRandomId)()}`;
-    const existIndex = toastList.findIndex((toast) => toast.key === key);
-    rootWrapper = (0, getTargetDomNode_1.getTargetDomNode)(targetDOMNode);
-    toastList =
-        existIndex !== -1
-            ? [
-                ...toastList.slice(0, existIndex),
-                {
-                    ...toastList[existIndex],
-                    key,
-                    type,
-                    ...config,
-                },
-                ...toastList.slice(existIndex + 1),
-            ]
-            : [
-                ...toastList,
-                {
-                    ...config,
-                    type,
-                    key,
-                },
-            ];
-    renderToast();
-};
-/**
- * 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.
- */
-const destroyToast = (key) => {
-    removeToast(key);
-};
-exports.toast = {
-    show: showToast,
-    success: (props) => {
-        showToast(props, 'success');
-    },
-    failure: (props) => {
-        showToast(props, 'failure');
-    },
-    busy: (props) => {
-        showToast(props, 'busy');
-    },
-    progress: (props) => {
-        showToast(props, 'progress');
-    },
-    caution: (props) => {
-        showToast(props, 'caution');
-    },
-    destroy: destroyToast,
-};

package/dist/cjs/src/Toast/api/toast.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/Toast/helpers.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateRandomId = void 0;
-const generateRandomId = (length = 8) => {
-    const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
-    const array = new Uint32Array(length);
-    crypto.getRandomValues(array);
-    return [...array].map((num) => chars[num % chars.length]).join('');
-};
-exports.generateRandomId = generateRandomId;

package/dist/cjs/src/Toast/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toast = exports.Toast = void 0;
-var Toast_1 = require("./Toast");
-Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
-var toast_1 = require("./api/toast");
-Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toast_1.toast; } });

package/dist/cjs/src/Tooltip/GlobalTooltipManager.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tooltipManager = void 0;
-/**
- * Global state for tooltip management.
- * This maintains the global coordination between all tooltip instances
- * to enforce the "single tooltip display" rule across the entire application.
- */
-const globalTooltipState = {
-    activeTooltipId: null,
-    tooltipControllers: new Map(),
-};
-/**
- * Global tooltip manager functions.
- * These functions manage the global tooltip state and coordination.
- */
-exports.tooltipManager = {
-    /**
-     * Registers a tooltip with the global manager.
-     *
-     * @param id - Unique identifier for the tooltip.
-     *
-     * @param closeCallback - Function to call when this tooltip should be closed.
-     */
-    register(id, closeCallback) {
-        globalTooltipState.tooltipControllers.set(id, closeCallback);
-    },
-    /**
-     * Unregisters a tooltip from the global manager.
-     *
-     * @param id - Unique identifier for the tooltip to unregister.
-     */
-    unregister(id) {
-        globalTooltipState.tooltipControllers.delete(id);
-        if (globalTooltipState.activeTooltipId === id) {
-            globalTooltipState.activeTooltipId = null;
-        }
-    },
-    /**
-     * Requests to open a tooltip, automatically closing any currently active tooltip.
-     *
-     * @param id - Unique identifier for the tooltip that wants to open.
-     */
-    requestOpen(id) {
-        // Close any currently active tooltip
-        if (globalTooltipState.activeTooltipId && globalTooltipState.activeTooltipId !== id) {
-            const closeCallback = globalTooltipState.tooltipControllers.get(globalTooltipState.activeTooltipId);
-            closeCallback?.();
-        }
-        globalTooltipState.activeTooltipId = id;
-    },
-    /**
-     * Notifies the manager that a tooltip has closed.
-     *
-     * @param id - Unique identifier for the tooltip that closed.
-     */
-    onClose(id) {
-        if (globalTooltipState.activeTooltipId === id) {
-            globalTooltipState.activeTooltipId = null;
-        }
-    },
-    /**
-     * Checks if a specific tooltip is currently the active one.
-     *
-     * @param id - Unique identifier for the tooltip to check.
-     *
-     * @returns True if the tooltip is currently active, false otherwise.
-     */
-    isActive(id) {
-        return globalTooltipState.activeTooltipId === id;
-    },
-};

package/dist/cjs/src/Tooltip/Tooltip.constants.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ARROW_PADDING = exports.ARROW_HEIGHT_VERTICAL = exports.ARROW_WIDTH_HORIZONTAL = exports.CLOSE_DELAY = exports.OPEN_DELAY = void 0;
-/**
- * Delay in ms before the tooltip opens
- */
-exports.OPEN_DELAY = 250;
-/**
- * Delay in ms before the tooltip closes
- */
-exports.CLOSE_DELAY = 750;
-/**
- * The Tooltip Arrow width in horizontal mode
- */
-exports.ARROW_WIDTH_HORIZONTAL = 7;
-/**
- * The Tooltip Arrow height in vertical mode
- */
-exports.ARROW_HEIGHT_VERTICAL = 6;
-/**
- * Safe value for auto align the position of the arrow, it means the space between the corner and the arrow
- */
-exports.ARROW_PADDING = 16;

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

@@ -1,46 +0,0 @@
-export declare const DEFAULT_MAX_WIDTH = "268px";
-/**
- * The general-purpose Tooltip component.
- * This component extends the props of `<span>` element.
- *
- * ## Class Name Usage
- *
- * The component supports two types of class name customization:
- * - `className`: Applied to the root wrapper element that contains the trigger children
- * - `contentProps.className`: Applied to the floating tooltip content element
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span
- *
- * @example
- * ```tsx
- * // Basic usage with tooltip content styling
- * <Tooltip
- *   contentProps={{ className: 'custom-tooltip' }}
- *   content="Styled tooltip"
- * >
- *   <Button>Trigger</Button>
- * </Tooltip>
- *
- * // Usage with both root and tooltip styling
- * <Tooltip
- *   className="wrapper-styling"
- *   contentProps={{ className: 'tooltip-styling' }}
- *   content="Fully styled"
- * >
- *   <Button>Trigger</Button>
- * </Tooltip>
- * ```
- */
-export declare const Tooltip: import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode;
-    open?: boolean;
-    onOpenStateChange?: (open: boolean) => void;
-    onOpenStateChanged?: (open: boolean) => void;
-    content?: import("react").ReactNode;
-    placement?: import("./Tooltip.types").TooltipPlacement | import("./Tooltip.types").TooltipPlacement[];
-    trigger?: import("./Tooltip.types").TooltipTriggerType | import("./Tooltip.types").TooltipTriggerType[];
-    targetDOMNode?: HTMLElement | null;
-    disabled?: boolean;
-    maxWidth?: import("react").CSSProperties["maxWidth"];
-    contentProps?: Pick<import("react").ComponentPropsWithoutRef<"div">, "className">;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "disabled" | "content"> & import("react").RefAttributes<HTMLDivElement>>;