draft-components 1.13.0 → 2.0.0

package/cjs/components/table/table-container.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TableContainer = react.forwardRef(function TableContainer({ border, className, children, ...props }, ref) {
-    let modifier = '';
-    if (typeof border === 'object' && border != null) {
-        modifier = reactHelpers.classNames({
-            'dc-table-container_border_top': border.top,
-            'dc-table-container_border_right': border.right,
-            'dc-table-container_border_bottom': border.bottom,
-            'dc-table-container_border_left': border.left,
-        });
-    }
-    else if (border === 'all') {
-        modifier = 'dc-table-container_border_all';
-    }
-    return (jsxRuntime.jsx("div", { ...props, ref: ref, className: reactHelpers.classNames(className, modifier, 'dc-table-container'), children: children }));
-});
-
-exports.TableContainer = TableContainer;

package/cjs/components/table/table-head-cell.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const icons = require('./icons.cjs');
-
-const iconMapping = {
-    none: icons.ArrowsUpDown,
-    ascending: icons.ArrowSmallUp,
-    descending: icons.ArrowSmallDown,
-};
-const stateMapping = {
-    none: 'ascending',
-    ascending: 'descending',
-    descending: 'none',
-};
-const TableHeadCell = react.forwardRef(function TableHeaderCell({ isSortable = false, sort = 'none', className, children, onChangeSort, ...props }, ref) {
-    if (isSortable) {
-        const Icon = iconMapping[sort];
-        children = (jsxRuntime.jsxs("button", { className: "dc-table-cell__sort-btn", type: "button", onClick: () => onChangeSort?.(stateMapping[sort]), children: [children, " ", jsxRuntime.jsx(Icon, { className: "dc-table-cell__sort-icon", "aria-hidden": true, strokeWidth: 2 })] }));
-    }
-    return (jsxRuntime.jsx("th", { ...props, className: reactHelpers.classNames(className, {
-            'dc-table-cell': true,
-            'dc-table-cell_head': true,
-            'dc-table-cell_sortable': isSortable,
-        }), ref: ref, "aria-sort": isSortable ? sort : props['aria-sort'], children: children }));
-});
-
-exports.TableHeadCell = TableHeadCell;

package/cjs/components/table/table-head.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TableHead = react.forwardRef(function TableHead({ className, isTinted = false, ...props }, ref) {
-    return (jsxRuntime.jsx("thead", { ...props, ref: ref, className: reactHelpers.classNames(className, {
-            'dc-table-head': true,
-            'dc-table-head_tinted': isTinted,
-        }) }));
-});
-
-exports.TableHead = TableHead;

package/cjs/components/table/table-row.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TableRow = react.forwardRef(function TableRow({ isSelected, className, ...props }, ref) {
-    return (jsxRuntime.jsx("tr", { ...props, ref: ref, className: reactHelpers.classNames(className, {
-            'dc-table-row': true,
-            'dc-table-row_selected': isSelected,
-        }) }));
-});
-
-exports.TableRow = TableRow;

package/cjs/components/table/table.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Table = react.forwardRef(function Table({ cellSize = 'md', isStriped = false, isBordered = false, highlightRowOnHover = false, className, children, ...props }, ref) {
-    return (jsxRuntime.jsx("table", { ...props, ref: ref, className: reactHelpers.classNames(className, 'dc-table', {
-            [`dc-table_cell_${cellSize}`]: cellSize,
-            'dc-table_striped': isStriped,
-            'dc-table_bordered': isBordered,
-            'dc-table_highlight_row': highlightRowOnHover,
-        }), children: children }));
-});
-
-exports.Table = Table;

package/cjs/components/tabs/tab-list.cjs

@@ -1,67 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const keyboardKeys = require('../../lib/keyboard-keys.cjs');
-const helpers = require('../../lib/helpers.cjs');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const tabsContext = require('./tabs-context.cjs');
-
-function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }) {
-    const ref = react.useRef(null);
-    const { selectedTab, setTabListHasFocus } = tabsContext.useTabsContext();
-    function handleFocus(event) {
-        setTabListHasFocus(true);
-        onFocus?.(event);
-    }
-    function handleBlur(event) {
-        setTabListHasFocus(false);
-        onBlur?.(event);
-    }
-    function handleKeyDown(event) {
-        const tabList = ref.current;
-        helpers.assertIfNullable(tabList, 'ref.current is null or undefined');
-        let focusTabIndex = 0;
-        const tabs = tabList.querySelectorAll('[role="tab"]');
-        for (let index = 0; index < tabs.length; index += 1) {
-            const tab = tabs[index];
-            if (document.activeElement === tab) {
-                focusTabIndex = index;
-                break;
-            }
-            if (tab.name === selectedTab) {
-                focusTabIndex = index;
-            }
-        }
-        let index = focusTabIndex;
-        if (event.key === keyboardKeys.KeyboardKeys.ArrowRight) {
-            index += 1;
-        }
-        else if (event.key === keyboardKeys.KeyboardKeys.ArrowLeft) {
-            index -= 1;
-        }
-        else if (event.key === keyboardKeys.KeyboardKeys.End) {
-            index = tabs.length - 1;
-        }
-        else if (event.key === keyboardKeys.KeyboardKeys.Home) {
-            index = 0;
-        }
-        if (index < 0) {
-            index = tabs.length - 1;
-        }
-        else if (index >= tabs.length) {
-            index = 0;
-        }
-        if (index !== focusTabIndex) {
-            event.preventDefault();
-            event.stopPropagation();
-            const newFocusTab = tabs[index];
-            helpers.assertIfNullable(newFocusTab, `Unable to get tab at index ${index}`);
-            reactHelpers.focusElement(newFocusTab);
-        }
-        onKeyDown?.(event);
-    }
-    return (jsxRuntime.jsx("div", { ...props, ref: ref, role: "tablist", className: reactHelpers.classNames('dc-tab-list', className), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, children: children }));
-}
-
-exports.TabList = TabList;

package/cjs/components/tabs/tab-panel.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const tabsContext = require('./tabs-context.cjs');
-
-function TabPanel({ tab, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }) {
-    const { selectedTab, getTabProps } = tabsContext.useTabsContext();
-    if (selectedTab !== tab) {
-        return null;
-    }
-    const tabProps = getTabProps(tab);
-    return (jsxRuntime.jsx("div", { ...props, className: reactHelpers.classNames('dc-tab-panel', className), role: "tabpanel", id: id || tabProps.ariaControls, "aria-labelledby": ariaLabelledBy || tabProps.id, children: children }));
-}
-
-exports.TabPanel = TabPanel;

package/cjs/components/tabs/tab.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const tabsContext = require('./tabs-context.cjs');
-const badge = require('../badge/badge.cjs');
-
-function Tab({ id, name, icon, counter, className, children, onClick, 'aria-controls': ariaControls, ...props }) {
-    const { getTabProps, selectedTab, setSelectedTab, tabListHasFocus, } = tabsContext.useTabsContext();
-    const tabProps = getTabProps(name);
-    const selected = name === selectedTab;
-    function handleClick(event) {
-        setSelectedTab(name);
-        onClick?.(event);
-    }
-    return (jsxRuntime.jsx("button", { ...props, className: reactHelpers.classNames('dc-tab', className), type: "button", role: "tab", name: name, id: id || tabProps.id, "aria-controls": ariaControls || tabProps.ariaControls, "aria-selected": selected, tabIndex: selected && !tabListHasFocus ? 0 : -1, onClick: handleClick, children: jsxRuntime.jsxs("span", { className: "dc-tab__layout", children: [icon != null && (jsxRuntime.jsx("span", { className: "dc-tab__icon", children: icon })), children != null && (jsxRuntime.jsxs("span", { className: "dc-tab__label", children: [children, " "] })), counter != null && counter !== 0 && (jsxRuntime.jsx(badge.Badge, { className: "dc-tab__counter", children: counter }))] }) }));
-}
-
-exports.Tab = Tab;

package/cjs/components/tabs/tabs-context.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-
-const TabsContext = react.createContext(null);
-function TabsContextProvider({ children, selectedTab, setSelectedTab, }) {
-    const [tabListHasFocus, setTabListHasFocus] = react.useState(false);
-    const id = react.useId();
-    const getTabProps = react.useCallback((tab) => ({
-        id: `${id}-tab[${tab}]`,
-        ariaControls: `${id}-tabPanel[${tab}]`,
-    }), [id]);
-    return (jsxRuntime.jsx(TabsContext.Provider, { value: {
-            getTabProps,
-            selectedTab,
-            setSelectedTab,
-            tabListHasFocus,
-            setTabListHasFocus,
-        }, children: children }));
-}
-function useTabsContext() {
-    const context = react.useContext(TabsContext);
-    if (!context) {
-        throw new Error('useTabsContext must be used within TabsContextProvider');
-    }
-    return context;
-}
-
-exports.TabsContextProvider = TabsContextProvider;
-exports.useTabsContext = useTabsContext;

package/cjs/components/tabs/tabs.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const tabsContext = require('./tabs-context.cjs');
-
-function Tabs({ className, children, selectedTab, onSelectTab, ...props }) {
-    return (jsxRuntime.jsx(tabsContext.TabsContextProvider, { selectedTab: selectedTab, setSelectedTab: onSelectTab, children: jsxRuntime.jsx("div", { ...props, className: reactHelpers.classNames('dc-tabs', className), children: children }) }));
-}
-
-exports.Tabs = Tabs;

package/cjs/components/tag/tag.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const Tag = react.forwardRef(function Tag({ isRounded = false, variant = 'tinted', fill = 'gray', size = 'md', className, children, ...props }, ref) {
-    return (jsxRuntime.jsx("strong", { ...props, ref: ref, className: reactHelpers.classNames(className, 'dc-tag', {
-            [`dc-tag_${variant}`]: variant,
-            [`dc-tag_${fill}`]: fill,
-            [`dc-tag_${size}`]: size,
-            'dc-tag_rounded': isRounded,
-        }), children: children }));
-});
-
-exports.Tag = Tag;

package/cjs/components/text-input/text-input.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const TextInput = react.forwardRef(function TextInput({ hasError = false, isBlock = false, type = 'text', size = 'md', leftAddOn, rightAddOn, style, className, disabled, width, htmlSize, onChange, onChangeValue, ...props }, ref) {
-    if (leftAddOn) {
-        const className = 'dc-text-input__left-addon';
-        if (typeof leftAddOn === 'function') {
-            leftAddOn = leftAddOn({ className });
-        }
-        else {
-            leftAddOn = jsxRuntime.jsx("div", { className: className, children: leftAddOn });
-        }
-    }
-    if (rightAddOn) {
-        const className = 'dc-text-input__right-addon';
-        if (typeof rightAddOn === 'function') {
-            rightAddOn = rightAddOn({ className });
-        }
-        else {
-            rightAddOn = jsxRuntime.jsx("div", { className: className, children: rightAddOn });
-        }
-    }
-    return (jsxRuntime.jsxs("div", { style: style, className: reactHelpers.classNames(className, 'dc-text-input__container', {
-            [`dc-text-input__container_${size}`]: size,
-            'dc-text-input__container_block': isBlock,
-            'dc-text-input__container_disabled': disabled,
-            'dc-text-input__container_invalid': hasError,
-            'dc-text-input__container_left-addon': leftAddOn,
-            'dc-text-input__container_right-addon': rightAddOn,
-        }), children: [leftAddOn, jsxRuntime.jsx("input", { ...props, className: reactHelpers.classNames({
-                    'dc-text-input': true,
-                    [`dc-text-input_width_${width}`]: width,
-                }), ref: ref, type: type, size: htmlSize, disabled: disabled, onChange: (event) => {
-                    onChange?.(event);
-                    onChangeValue?.(event.target.value);
-                } }), rightAddOn] }));
-});
-
-exports.TextInput = TextInput;

package/cjs/components/textarea/textarea.cjs

@@ -1,40 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const caption = require('../caption/caption.cjs');
-
-const getCharactersCountMessage = ({ maxCharacters, characterCount, }) => {
-    const charsRemaining = maxCharacters - characterCount;
-    const characters = (jsxRuntime.jsx("span", { style: { fontVariant: 'tabular-nums' }, children: charsRemaining === 1
-            ? `${charsRemaining} character`
-            : `${charsRemaining} characters` }));
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["You have ", characters, " remaining"] });
-};
-const Textarea = react.forwardRef(function Textarea({ disabled = false, hasError = false, isBlock = false, showCharacterCount = false, size = 'md', rows = 3, width, style, className, maxLength, onChange, onChangeValue, renderCharacterCount = getCharactersCountMessage, ...props }, ref) {
-    const shouldRenderCharacterCount = (showCharacterCount &&
-        maxLength != null && maxLength > 0);
-    const [characterCount, setCharacterCount] = react.useState(() => {
-        const value = props.value || props.defaultValue;
-        return typeof value === 'string' ? value.length : 0;
-    });
-    return (jsxRuntime.jsxs("div", { style: style, className: reactHelpers.classNames(className, 'dc-textarea__container', {
-            [`dc-textarea__container_size_${size}`]: size !== undefined,
-            'dc-textarea__container_disabled': disabled,
-            'dc-textarea__container_has_error': hasError,
-            'dc-textarea__container_block': isBlock,
-        }), children: [jsxRuntime.jsx("textarea", { ...props, ref: ref, className: reactHelpers.classNames('dc-textarea', {
-                    [`dc-textarea_width_${width}`]: width !== undefined,
-                }), rows: rows, maxLength: maxLength, disabled: disabled, onChange: (event) => {
-                    const value = event.target.value;
-                    onChange?.(event);
-                    onChangeValue?.(value);
-                    setCharacterCount(value.length);
-                } }), shouldRenderCharacterCount && (jsxRuntime.jsx(caption.Caption, { "data-testid": "textarea-character-count", className: "dc-textarea__character-count", children: renderCharacterCount({
-                    characterCount,
-                    maxCharacters: maxLength,
-                }) }))] }));
-});
-
-exports.Textarea = Textarea;

package/cjs/components/toast/toast-button.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-
-const ToastButton = react.forwardRef(function ToastButton({ className, ...props }, ref) {
-    return (jsxRuntime.jsx("button", { ...props, ref: ref, className: reactHelpers.classNames(className, 'dc-toast__btn') }));
-});
-
-exports.ToastButton = ToastButton;

package/cjs/components/toast/toast.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const xMarkIcon = require('./x-mark-icon.cjs');
-
-function Toast({ icon, message, actions, closeButtonAriaLabel = 'close', onClickCloseButton, children, className, ...props }) {
-    return (jsxRuntime.jsxs("section", { ...props, className: reactHelpers.classNames('dc-toast', className), children: [jsxRuntime.jsx("button", { className: "dc-toast__close-btn", "aria-label": closeButtonAriaLabel, onClick: onClickCloseButton, children: jsxRuntime.jsx(xMarkIcon.XMarkIcon, { width: 16, height: 16 }) }), jsxRuntime.jsxs("div", { className: "dc-toast__body", children: [icon && jsxRuntime.jsx("div", { className: "dc-toast__icon", children: icon }), jsxRuntime.jsxs("div", { className: "dc-toast__content", children: [jsxRuntime.jsx("h1", { className: "dc-toast__title", children: children }), message && jsxRuntime.jsx("div", { className: "dc-toast__message", children: message })] })] }), actions && jsxRuntime.jsx("div", { className: "dc-toast__actions", children: actions })] }));
-}
-
-exports.Toast = Toast;

package/cjs/components/toast/x-mark-icon.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-
-function XMarkIcon(props) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: 24, height: 24, fill: "none", strokeWidth: 1.5, stroke: "currentColor", ...props, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
-}
-
-exports.XMarkIcon = XMarkIcon;

package/cjs/components/toaster/toaster.cjs

@@ -1,115 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const helpers = require('../../lib/helpers.cjs');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const portal = require('../portal/portal.cjs');
-const toast = require('../toast/toast.cjs');
-const toastButton = require('../toast/toast-button.cjs');
-
-const TOAST_SHOW_EVENT = 'toast_show';
-const isToastShowEvent = (event) => (event instanceof CustomEvent && event.type === TOAST_SHOW_EVENT);
-const TOAST_HIDE_EVENT = 'toast_hide';
-const isToastHideEvent = (event) => (event instanceof CustomEvent && event.type === TOAST_HIDE_EVENT);
-class Toaster {
-    constructor(params) {
-        this._id = 0;
-        this.timeoutMs = params?.timeoutMs || 10000;
-        this.onShow = params?.onShowToast;
-        this.onHide = params?.onHideToast;
-    }
-    _getNextId() {
-        this._id += 1;
-        return this._id;
-    }
-    showToast(toast) {
-        const id = this._getNextId();
-        const event = new CustomEvent(TOAST_SHOW_EVENT, {
-            detail: {
-                toaster: this,
-                toast: { ...toast, id },
-            },
-        });
-        const timeoutMs = toast.timeoutMs || this.timeoutMs;
-        this.onShow?.(event.detail.toast);
-        window.dispatchEvent(event);
-        window.setTimeout(() => this.hideToast(id), timeoutMs);
-        return id;
-    }
-    hideToast(id) {
-        const event = new CustomEvent(TOAST_HIDE_EVENT, {
-            detail: {
-                toaster: this,
-                toastId: id,
-            },
-        });
-        this.onHide?.(id);
-        window.dispatchEvent(event);
-    }
-    render(options) {
-        return (jsxRuntime.jsx(ToastsList, { toaster: this, toastGap: options?.toastGap, toastPosition: options?.toastPosition, toastCloseButtonAriaLabel: options?.toastCloseButtonAriaLabel }));
-    }
-}
-function ToastsList({ toaster, toastGap = 12, toastPosition = 'top-center', toastCloseButtonAriaLabel = 'Close', }) {
-    const ref = react.useRef(null);
-    const [toasts, setToasts] = react.useState([]);
-    react.useEffect(() => {
-        function handleShowToast(event) {
-            if (isToastShowEvent(event)) {
-                const detail = event.detail;
-                if (detail.toaster === toaster) {
-                    setToasts((prevToasts) => [detail.toast, ...prevToasts]);
-                }
-            }
-        }
-        function handleCloseToast(event) {
-            if (isToastHideEvent(event)) {
-                const detail = event.detail;
-                if (detail.toaster === toaster) {
-                    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== detail.toastId));
-                }
-            }
-        }
-        window.addEventListener(TOAST_SHOW_EVENT, handleShowToast);
-        window.addEventListener(TOAST_HIDE_EVENT, handleCloseToast);
-        return () => {
-            window.removeEventListener(TOAST_SHOW_EVENT, handleShowToast);
-            window.removeEventListener(TOAST_HIDE_EVENT, handleCloseToast);
-        };
-    }, [toaster]);
-    react.useEffect(() => {
-        const listEl = ref.current;
-        helpers.assertIfNullable(listEl, 'ToastsList ref was not set');
-        let offset = 0;
-        for (const item of listEl.children) {
-            if (item instanceof HTMLLIElement) {
-                item.style.transform = `translateY(${offset}px)`;
-                const d = item.offsetHeight + toastGap;
-                if (toastPosition === 'top-right' ||
-                    toastPosition === 'top-center' ||
-                    toastPosition === 'top-left') {
-                    offset += d;
-                }
-                else {
-                    offset -= d;
-                }
-            }
-        }
-    }, [toasts, toastGap, toastPosition]);
-    return (jsxRuntime.jsx(portal.Portal, { children: jsxRuntime.jsx("ul", { ref: ref, className: reactHelpers.classNames({
-                'dc-toasts-list': true,
-                [`dc-toasts-list_${toastPosition}`]: toastPosition,
-            }), children: toasts.map((toast$1) => {
-                const hideToast = () => toaster.hideToast(toast$1.id);
-                const actions = toast$1.actions?.map((action, index) => (jsxRuntime.jsx(toastButton.ToastButton, { onClick: () => {
-                        action.onClick?.();
-                        if (action.shouldHideAfterClick ?? true) {
-                            hideToast();
-                        }
-                    }, children: action.content }, index)));
-                return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(toast.Toast, { className: "dc-toasts-list__toast", role: "alert", icon: toast$1.icon, message: toast$1.message, actions: actions, closeButtonAriaLabel: toastCloseButtonAriaLabel, onClickCloseButton: hideToast, children: toast$1.title }) }, toast$1.id));
-            }) }) }));
-}
-
-exports.Toaster = Toaster;

package/cjs/components/tooltip/tooltip.cjs

@@ -1,75 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const reactHelpers = require('../../lib/react-helpers.cjs');
-const useMountTransition = require('../../hooks/use-mount-transition.cjs');
-const positioner = require('../positioner/positioner.cjs');
-
-function Tooltip({ anchorGap = 8, placement = 'top', alignment = 'center', style, className, htmlContent, content, children, ...props }) {
-    const [defaultShow, setDefaultShow] = react.useState(props.defaultIsShown ?? false);
-    const defaultId = react.useId();
-    const tooltipId = props.id || defaultId;
-    const isShown = props.isShown ?? defaultShow;
-    const durationMs = 100;
-    const { isMounted, className: transitionClass } = useMountTransition.useMountTransition({
-        isShown,
-        durationMs,
-        enterFrom: 'dc-tooltip_hidden',
-        enterTo: 'dc-tooltip_visible',
-    });
-    const { showTooltip, hideTooltip } = react.useMemo(() => ({
-        showTooltip: () => setDefaultShow(true),
-        hideTooltip: () => setDefaultShow(false),
-    }), []);
-    const renderAnchor = ({ setRef }) => {
-        if (typeof children === 'function') {
-            return children({
-                ref: setRef,
-            }, {
-                tooltipId,
-                showTooltip,
-                hideTooltip,
-                isShown: isShown || isMounted,
-            });
-        }
-        if (reactHelpers.isReactElementWithRef(children)) {
-            const props = children.props;
-            return react.cloneElement(children, {
-                'ref': reactHelpers.mergeRefs(setRef, children.ref),
-                'onFocus': (event) => {
-                    showTooltip();
-                    props.onFocus?.(event);
-                },
-                'onBlur': (event) => {
-                    hideTooltip();
-                    props.onBlur?.(event);
-                },
-                'onMouseEnter': (event) => {
-                    showTooltip();
-                    props.onMouseEnter?.(event);
-                },
-                'onMouseLeave': (event) => {
-                    hideTooltip();
-                    props.onMouseLeave?.(event);
-                },
-                'aria-describedby': props['aria-describedby'] || tooltipId,
-            });
-        }
-        return children;
-    };
-    const renderContent = ({ setRef: portalRef, style: portalStyle, }) => {
-        if (isShown || isMounted) {
-            delete props.defaultIsShown;
-            delete props.isShown;
-            return (jsxRuntime.jsx("div", { ...props, ref: portalRef, id: tooltipId, style: {
-                    '--dc-tooltip-transition-duration': `${durationMs}ms`,
-                    ...portalStyle,
-                    ...style,
-                }, className: reactHelpers.classNames('dc-tooltip', transitionClass, className), content: htmlContent, role: "tooltip", children: content }));
-        }
-    };
-    return (jsxRuntime.jsx(positioner.Positioner, { placement: placement, alignment: alignment, anchorGap: anchorGap, renderAnchor: renderAnchor, renderContent: renderContent }));
-}
-
-exports.Tooltip = Tooltip;

package/cjs/hooks/index.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-const useDisableBodyScroll = require('./use-disable-body-scroll.cjs');
-const useEscKeyDown = require('./use-esc-key-down.cjs');
-const useFocusTrap = require('./use-focus-trap.cjs');
-const useMountTransition = require('./use-mount-transition.cjs');
-
-
-
-exports.useDisableBodyScroll = useDisableBodyScroll.useDisableBodyScroll;
-exports.useEscKeyDown = useEscKeyDown.useEscKeyDown;
-exports.useFocusTrap = useFocusTrap.useFocusTrap;
-exports.useMountTransition = useMountTransition.useMountTransition;

package/cjs/hooks/use-disable-body-scroll.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-const react = require('react');
-const helpers = require('../lib/helpers.cjs');
-
-function useDisableBodyScroll(options = {
-    isEnabled: true,
-}) {
-    react.useEffect(() => {
-        if (options.isEnabled) {
-            return disableBodyScroll();
-        }
-    }, [options.isEnabled]);
-}
-let disableAttempts = 0;
-let initialOverflow = '';
-let initialPaddingRight = '';
-function disableBodyScroll() {
-    if (!disableAttempts) {
-        const bodyStyle = window.getComputedStyle(document.body);
-        const scrollbarWidth = (window.innerWidth - document.documentElement.clientWidth);
-        initialOverflow = bodyStyle.overflow;
-        initialPaddingRight = bodyStyle.paddingRight;
-        document.body.style.overflow = 'hidden';
-        document.body.style.paddingRight = `${parseInt(initialPaddingRight, 10) + scrollbarWidth}px`;
-    }
-    disableAttempts += 1;
-    return helpers.once(function enableBodyScroll() {
-        disableAttempts -= 1;
-        if (!disableAttempts) {
-            document.body.style.overflow = initialOverflow;
-            document.body.style.paddingRight = initialPaddingRight;
-        }
-    });
-}
-
-exports.useDisableBodyScroll = useDisableBodyScroll;