@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js

@@ -1,47 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationsList = NotificationsList;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_stately_1 = require("react-stately");
-const tasty_1 = require("../../../../tasty");
-const hooks_1 = require("../hooks");
-const NotificationsListItem_1 = require("./NotificationsListItem");
-const NotificationListContainer = (0, tasty_1.tasty)({
-    styles: { boxSizing: 'border-box', width: '100%' },
-});
-/**
- * Provides ability to show notifications as a list.
- *
- * @example
- *   <NotificationsList>
- *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
- *     <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
- *     <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
- *   </NotificationsList>
- *
- * @example Removing a notification
- *   <NotificationsList onDismiss={(id) => removeNotification(id)}>
- *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
- *   </NotificationsList>
- */
-function NotificationsList(props) {
-    const { items, children, onDismiss } = props;
-    const ref = (0, react_1.useRef)(null);
-    const { state, listProps } = (0, hooks_1.useNotificationsList)({
-        items,
-        children,
-        ref,
-    });
-    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationsListItem_1.NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }));
-}
-NotificationsList.Item = react_stately_1.Item;
-
-        

package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js

@@ -1,32 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationListItem = NotificationListItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const tasty_1 = require("../../../../tasty");
-const _internal_1 = require("../../../../_internal");
-const NotificationView_1 = require("../NotificationView");
-const NotificationListItemWrap = (0, tasty_1.tasty)({
-    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
-});
-/**
- * @internal This component is not intended to be used
- */
-function NotificationListItem(props) {
-    const { item, state, onDismiss } = props;
-    const { key, props: notificationProps } = item;
-    const ref = (0, react_1.useRef)(null);
-    const onDismissEvent = (0, _internal_1.useEvent)(() => onDismiss?.(key));
-    const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
-    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }) }));
-}
-
-        

package/cjs/components/overlays/NewNotifications/NotificationsList/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./NotificationsList"), exports);
-
-        

package/cjs/components/overlays/NewNotifications/NotificationsList/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/overlays/NewNotifications/hooks/index.js

@@ -1,30 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-notifications-list"), exports);
-__exportStar(require("./use-notification-list-item"), exports);
-__exportStar(require("./use-notifications-api"), exports);
-__exportStar(require("./use-notifications-observer"), exports);
-__exportStar(require("./types"), exports);
-
-        

package/cjs/components/overlays/NewNotifications/hooks/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotificationListItem = useNotificationListItem;
-const selection_1 = require("@react-aria/selection");
-function useNotificationListItem(props) {
-    const { ref, key, state: { selectionManager }, } = props;
-    // @ts-ignore
-    return (0, selection_1.useSelectableItem)({ ref, key, selectionManager });
-}
-
-        

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotificationsApi = useNotificationsApi;
-const react_1 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-const NotificationsContext_1 = require("../NotificationsContext");
-function useNotificationsApi() {
-    const context = (0, react_1.useContext)(NotificationsContext_1.NotificationsContext);
-    (0, tiny_invariant_1.default)(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
-    return context.api;
-}
-
-        

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js

@@ -1,32 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotificationsList = useNotificationsList;
-const react_stately_1 = require("react-stately");
-const selection_1 = require("@react-aria/selection");
-function useNotificationsList(props) {
-    const { ref, children, items } = props;
-    const state = (0, react_stately_1.useListState)({
-        selectionMode: 'none',
-        children: children,
-        items: items,
-        suppressTextValueWarning: true,
-    });
-    const { listProps } = (0, selection_1.useSelectableList)({
-        ref,
-        allowsTabNavigation: true,
-        ...state,
-    });
-    return {
-        listProps,
-        state,
-    };
-}
-
-        

package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,20 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotificationsObserver = useNotificationsObserver;
-const react_1 = require("react");
-const _internal_1 = require("../../../../_internal");
-const NotificationsProvider_1 = require("../NotificationsContext/NotificationsProvider");
-function useNotificationsObserver(callback) {
-    const { addOnDismissListener } = (0, react_1.useContext)(NotificationsProvider_1.NotificationsContext) ?? {};
-    const callbackEvent = (0, _internal_1.useEvent)(callback);
-    (0, react_1.useEffect)(() => addOnDismissListener?.(callbackEvent), [addOnDismissListener]);
-}
-
-        

package/cjs/components/overlays/NewNotifications/index.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationAction = exports.NotificationsProvider = void 0;
-var NotificationsContext_1 = require("./NotificationsContext");
-Object.defineProperty(exports, "NotificationsProvider", { enumerable: true, get: function () { return NotificationsContext_1.NotificationsProvider; } });
-__exportStar(require("./NotificationsList"), exports);
-__exportStar(require("./hooks"), exports);
-var NotificationView_1 = require("./NotificationView");
-Object.defineProperty(exports, "NotificationAction", { enumerable: true, get: function () { return NotificationView_1.NotificationAction; } });
-__exportStar(require("./Dialog"), exports);
-__exportStar(require("./Notification"), exports);
-
-        

package/cjs/components/overlays/NewNotifications/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/overlays/Notification/Notification.js

@@ -1,86 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Notification = Notification;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const actions_1 = require("../../actions");
-const Card_1 = require("../../content/Card/Card");
-const Block_1 = require("../../Block");
-const themes_1 = __importDefault(require("../../../data/themes"));
-const tasty_1 = require("../../../tasty");
-const icons_1 = require("../../../icons");
-const NotificationElement = (0, tasty_1.tasty)(Card_1.Card, {
-    role: 'region',
-    styles: {
-        display: 'grid',
-        color: '#dark-02',
-        padding: '.5x',
-        shadow: '0 5px 15px #dark.10',
-        border: false,
-        margin: '1x bottom',
-        radius: '1x',
-        gridColumns: 'auto 1fr auto',
-        placeItems: 'center start',
-        gap: '2x',
-        preset: 't3',
-        Icon: {
-            display: 'flex',
-            radius: '1r',
-            width: '5x',
-            height: '5x',
-            placeContent: 'center',
-            placeItems: 'center',
-            preset: 't2',
-            color: {
-                '': '#dark-02',
-                ...Object.keys(themes_1.default).reduce((map, theme) => {
-                    map[`[data-theme="${theme}"]`] = themes_1.default[theme].color;
-                    return map;
-                }, {}),
-            },
-            fill: {
-                '': '#clear',
-                ...Object.keys(themes_1.default).reduce((map, theme) => {
-                    map[`[data-theme="${theme}"]`] = themes_1.default[theme].fill;
-                    return map;
-                }, {}),
-            },
-        },
-    },
-});
-const CloseButton = (0, tasty_1.tasty)(actions_1.Action, {
-    styles: {
-        color: { '': '#dark-02', hovered: '#purple' },
-        width: '5x',
-        height: '5x',
-        label: 'Close',
-    },
-});
-function Notification(allProps) {
-    let { theme, type, children, onClose, ...props } = allProps;
-    theme = theme || type || 'note';
-    let Icon;
-    switch (theme) {
-        case 'success':
-            Icon = icons_1.CheckIcon;
-            break;
-        case 'danger':
-            Icon = icons_1.ExclamationIcon;
-            break;
-        default:
-            Icon = icons_1.InfoIcon;
-            break;
-    }
-    return ((0, jsx_runtime_1.jsxs)(NotificationElement, { ...props, "data-theme": theme, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Icon", children: (0, jsx_runtime_1.jsx)(Icon, {}) }), (0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }), (0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}) })] }));
-}
-
-        

package/cjs/components/overlays/OverlayWrapper.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayWrapper = OverlayWrapper;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_transition_group_1 = require("react-transition-group");
-const react_1 = require("react");
-const portal_1 = require("../portal");
-function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container = null, }) {
-    const containerRef = (0, react_1.useRef)(container);
-    const options = {};
-    if (typeof minOffset === 'number') {
-        minOffset = `${minOffset}px`;
-    }
-    if (placement != null) {
-        options.placement = placement;
-    }
-    if (minScale != null) {
-        options.minScale = minScale;
-    }
-    if (minOffset != null) {
-        options.minOffset = minOffset;
-    }
-    const contents = ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { unmountOnExit: true, in: isOpen, timeout: 180, classNames: "cube-overlay-transition", children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }));
-    return (0, jsx_runtime_1.jsx)(portal_1.Portal, { root: containerRef, children: contents });
-}
-
-        

package/cjs/components/overlays/Toasts/Toast.js

@@ -1,40 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = Toast;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _internal_1 = require("../../../_internal");
-const useId_1 = require("../../../utils/react/useId");
-const use_toasts_api_1 = require("./use-toasts-api");
-function Toast(props) {
-    const { id: propsId, disableRemoveOnUnmount } = props;
-    const defaultId = (0, useId_1.useId)();
-    const disableRemoveOnUnmountRef = (0, _internal_1.useSyncRef)(disableRemoveOnUnmount);
-    const { toast, update, remove } = (0, use_toasts_api_1.useToastsApi)();
-    const id = propsId ?? defaultId;
-    const removeNotification = (0, _internal_1.useEvent)((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
-    (0, react_1.useEffect)(() => {
-        toast({ id, ...props });
-    }, [id]);
-    (0, react_1.useEffect)(() => () => removeNotification(id), [id]);
-    (0, react_1.useEffect)(() => update(id, props));
-    return null;
-}
-Toast.Success = function ToastSuccess(props) {
-    return (0, jsx_runtime_1.jsx)(Toast, { type: "success", ...props });
-};
-Toast.Danger = function ToastDanger(props) {
-    return (0, jsx_runtime_1.jsx)(Toast, { type: "danger", ...props });
-};
-Toast.Attention = function ToastAttention(props) {
-    return (0, jsx_runtime_1.jsx)(Toast, { type: "attention", ...props });
-};
-
-        

package/cjs/components/overlays/Toasts/index.js

@@ -1,27 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-toasts-api"), exports);
-__exportStar(require("./Toast"), exports);
-
-        

package/cjs/components/overlays/Toasts/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/overlays/Toasts/use-toasts-api.js

@@ -1,45 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToastsApi = useToastsApi;
-const react_1 = require("react");
-const react_is_1 = require("react-is");
-const NewNotifications_1 = require("../NewNotifications");
-function useToastsApi() {
-    const { notify, update, remove } = (0, NewNotifications_1.useNotificationsApi)();
-    const toast = (0, react_1.useMemo)(() => Object.assign((props) => notify({
-        putNotificationInDropdownOnDismiss: false,
-        ...unwrapProps(props),
-    }), {
-        success: (props) => toast({ type: 'success', ...unwrapProps(props) }),
-        danger: (props) => toast({ type: 'danger', ...unwrapProps(props) }),
-        attention: (props) => toast({ type: 'attention', ...unwrapProps(props) }),
-    }), []);
-    return { toast, update, remove };
-}
-function unwrapProps(props) {
-    return {
-        ...(propsIsToastProps(props)
-            ? {
-                isDismissible: props.duration !== null,
-                duration: 5_000,
-                ...props,
-            }
-            : { description: props, isDismissible: true, duration: 5_000 }),
-    };
-}
-function propsIsToastProps(props) {
-    const isReactNode = (0, react_is_1.isElement)(props) ||
-        (0, react_is_1.isFragment)(props) ||
-        typeof props === 'string' ||
-        typeof props === 'number';
-    return !isReactNode;
-}
-
-        

package/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,111 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("@react-spectrum/utils");
-const react_aria_1 = require("react-aria");
-const styled_components_1 = __importDefault(require("styled-components"));
-const transitions_1 = require("../../../utils/transitions");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-const TooltipElement = (0, tasty_1.tasty)({
-    styles: {
-        display: 'block',
-        fill: '#dark.85',
-        color: '#white',
-        width: 'initial 36x max-content',
-        radius: true,
-        padding: '.75x 1x',
-        preset: 't3',
-        backdropFilter: 'blur(.5x)',
-        whiteSpace: 'pre-line',
-        pointerEvents: {
-            '': 'none',
-            material: 'auto',
-        },
-    },
-});
-const TooltipTipElement = (0, tasty_1.tasty)({
-    styles: {
-        position: 'absolute',
-        width: '1px',
-        height: '1px',
-        border: '.5x #clear',
-        borderTop: '.5x solid #dark.85',
-        borderBottom: '0',
-        top: {
-            '': 'initial',
-            '[data-placement="left"] | [data-placement="right"]': '50%',
-            '[data-placement="top"]': '100%',
-        },
-        left: {
-            '': 'initial',
-            '[data-placement="top"] | [data-placement="bottom"]': '50%',
-            '[data-placement="left"]': '100%',
-        },
-        right: {
-            '': 'initial',
-            '[data-placement="right"]': '100%',
-        },
-        bottom: {
-            '': 'initial',
-            '[data-placement="bottom"]': '100%',
-        },
-        transform: {
-            '': 'translate((-.375x - 1px), 0)',
-            '[data-placement="bottom"]': 'translate((-.375x - 1px), 0) rotate(180deg)',
-            '[data-placement="left"]': 'translate(-.25x, -.25x) rotate(270deg)',
-            '[data-placement="right"]': 'translate(.25x, -.25x) rotate(90deg)',
-        },
-        transition: 'theme',
-    },
-});
-const StyledTooltipElement = (0, styled_components_1.default)(TooltipElement) `
-  ${(props) => {
-    return (0, transitions_1.getOverlayTransitionCSS)({
-        placement: props?.['data-position'],
-        minOffset: '0',
-        minScale: 1,
-    });
-}}
-`;
-function Tooltip(props, ref) {
-    let { ref: overlayRef, arrowProps, state, overlayProps, minOffset, minScale, ...tooltipProviderProps } = (0, react_1.useContext)(context_1.TooltipContext);
-    let defaultRef = (0, react_1.useRef)(null);
-    const finalOverlayRef = overlayRef ?? defaultRef;
-    props = (0, react_2.mergeProps)(props, tooltipProviderProps);
-    let { placement = 'top', isOpen, tipStyles, showIcon, isMaterial, ...otherProps } = props;
-    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    let { tooltipProps } = (0, react_aria_1.useTooltip)(props, state);
-    // Sync ref with overlayRef from context.
-    (0, react_1.useImperativeHandle)(ref, () => (0, utils_1.createDOMRef)(finalOverlayRef));
-    if (typeof minOffset === 'number') {
-        minOffset = `${minOffset}px`;
-    }
-    if (typeof minScale === 'number') {
-        minScale = String(minScale);
-    }
-    return ((0, jsx_runtime_1.jsxs)(StyledTooltipElement, { ...tooltipProps, ...overlayProps, ref: overlayRef, styles: styles, mods: {
-            open: isOpen,
-            material: isMaterial,
-        }, "data-min-offset": minOffset, "data-min-scale": minScale, "data-placement": placement, children: [props.children, (0, jsx_runtime_1.jsx)(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps })] }));
-}
-/**
- * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */
-let _Tooltip = (0, react_1.forwardRef)(Tooltip);
-exports.Tooltip = _Tooltip;
-
-