@channel.io/bezier-react 1.6.2 → 1.7.1

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

@@ -1,27 +1,9 @@
-import { type Ref } from 'react';
-import { type AdditionalStylableProps, type BezierComponentProps, type ChildrenProps, type ContentProps, type DisableProps, type RenderConfigProps } from "../../types/ComponentProps";
-interface TooltipOptions {
-    placement?: TooltipPosition;
-    offset?: number;
-    keepInContainer?: boolean;
-    allowHover?: boolean;
-    delayShow?: number;
-    delayHide?: number;
-    contentTestId?: string;
-    lazy?: boolean;
-}
-export default interface TooltipProps extends BezierComponentProps, ChildrenProps, ContentProps, DisableProps, AdditionalStylableProps<'content' | 'contentWrapper'>, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps>, TooltipOptions {
-}
-export interface TooltipContentProps extends Pick<TooltipOptions, 'keepInContainer' | 'placement' | 'offset' | 'allowHover'>, RenderConfigProps, ContentProps, AdditionalStylableProps<'content' | 'contentWrapper'>, DisableProps {
-    tooltipContainer: HTMLDivElement | null;
-    forwardedRef: Ref<HTMLDivElement>;
-}
-export interface GetTooltipStyle extends Required<Pick<TooltipOptions, 'placement' | 'offset' | 'allowHover'>> {
-    tooltipContainer: HTMLDivElement;
-}
-export interface GetReplacement extends Required<Pick<TooltipOptions, 'placement' | 'keepInContainer'>> {
-    tooltip: HTMLDivElement;
-}
+/// <reference types="react" />
+import { type BezierIcon } from '@channel.io/bezier-icons';
+import { type BezierComponentProps, type ChildrenProps, type ContentProps, type DisableProps } from "../../types/ComponentProps";
+/**
+ * An enumeration that determines the position of `Tooltip`.
+ */
 export declare enum TooltipPosition {
     TopCenter = "topCenter",
     TopLeft = "topLeft",
@@ -36,5 +18,104 @@ export declare enum TooltipPosition {
     LeftTop = "leftTop",
     LeftBottom = "leftBottom"
 }
+interface TooltipProviderOptions {
+    /**
+     * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
+     * @default false
+     */
+    allowHover?: boolean;
+    /**
+     * The delay from when the mouse enters a tooltip trigger until the tooltip opens.
+     * @default 0
+     */
+    delayShow?: number;
+    /**
+     * The delay from when the mouse leaves a tooltip content until the tooltip hides.
+     * @default 0
+     */
+    delayHide?: number;
+    /**
+     * How much time a user has to enter another trigger without incurring a delay again.
+     * @default 0
+     */
+    skipDelayShow?: number;
+}
+interface TooltipOptions {
+    /**
+     * The open state of the tooltip when it is initially rendered.
+     */
+    defaultShow?: boolean;
+    /**
+     * An element that sits below the tooltip content.
+     */
+    description?: React.ReactNode;
+    /**
+     * A decorative icon that sits right of the tooltip content.
+     */
+    icon?: BezierIcon;
+    /**
+     * Options to determine the location from the trigger.
+     * @default TooltipPosition.BottomCenter
+     */
+    placement?: TooltipPosition;
+    /**
+     * The distance in pixels from the trigger.
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * Specify a container element to portal the content into.
+     * @default document.body
+     */
+    container?: HTMLElement | null;
+    /**
+     * When `true`, overrides the `position` of the tooltip
+     * to prevent collisions with boundary edges.
+     * @default true
+     */
+    keepInContainer?: boolean;
+    /**
+     * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
+     * Inherits from the nearest `TooltipProvider`.
+     * @default false
+     */
+    allowHover?: boolean;
+    /**
+     * The delay from when the mouse enters a tooltip trigger until the tooltip opens.
+     * Inherits from the nearest `TooltipProvider`.
+     * @default 0
+     */
+    delayShow?: number;
+    /**
+     * The delay from when the mouse leaves a tooltip content until the tooltip hides.
+     * Inherits from the nearest `TooltipProvider`.
+     * @default 0
+     */
+    delayHide?: number;
+    /**
+     * Callback function to be called when the tooltip is opened.
+     */
+    onShow?: () => void;
+    /**
+     * Callback function to be called when the tooltip is closed.
+     */
+    onHide?: () => void;
+    /**
+     * Event handler called when the escape key is down.
+     * It can be prevented by calling `event.preventDefault`.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when a pointer event occurs outside the bounds of the component.
+     * It can be prevented by calling `event.preventDefault`.
+     */
+    onPointerDownOutside?: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => void;
+}
+export interface TooltipProviderProps extends ChildrenProps, TooltipProviderOptions {
+}
+export interface TooltipProps extends BezierComponentProps, ChildrenProps<React.ReactElement>, ContentProps, DisableProps, Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>, TooltipOptions {
+}
 export {};
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/dist/types/components/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,mCAAkC;AAEnC,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,CAAC,OAAO,WAAW,YAAa,SACpC,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,uBAAuB,CAAC,SAAS,GAAG,gBAAgB,CAAC,EACrD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,YAAY,CAAC,EAC9D,cAAc;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CACjD,cAAc,EACd,iBAAiB,GACjB,WAAW,GACX,QAAQ,GACR,YAAY,CACX,EACC,iBAAiB,EACjB,YAAY,EACZ,uBAAuB,CAAC,SAAS,GAAG,gBAAgB,CAAC,EACrD,YAAY;IACZ,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAA;IACvC,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC;IAC5G,gBAAgB,EAAE,cAAc,CAAA;CACjC;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,iBAAiB,CAAC,CAAC;IACrG,OAAO,EAAE,cAAc,CAAA;CACxB;AAED,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,mCAAkC;AAEnC;;GAEG;AACH,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAED,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,aAAa,EAAE,YAAY,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CACrF;AAED,MAAM,WAAW,oBAAqB,SACpC,aAAa,EACb,sBAAsB;CAAG;AAE3B,MAAM,WAAW,YAAa,SAC5B,oBAAoB,EACpB,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,EACpF,cAAc;CAAG"}

package/dist/types/components/Tooltip/index.d.ts

@@ -1,6 +1,4 @@
-import Tooltip from './Tooltip';
-import { TooltipPosition } from './Tooltip.types';
-import type TooltipProps from './Tooltip.types';
-export type { TooltipProps, };
-export { Tooltip, TooltipPosition, };
+export { Tooltip, TooltipProvider, } from './Tooltip';
+export { TooltipPosition } from './Tooltip.types';
+export type { TooltipProps, TooltipProviderProps, } from './Tooltip.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAA;AAE/C,YAAY,EACV,YAAY,GACb,CAAA;AAED,OAAO,EACL,OAAO,EACP,eAAe,GAChB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,GAChB,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,YAAY,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,iBAAiB,CAAA"}

package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { type ChildrenProps } from "../../types/ComponentProps";
-export interface VisuallyHiddenProps extends ChildrenProps {
+export interface VisuallyHiddenProps extends ChildrenProps<React.ReactElement> {
 }
 //# sourceMappingURL=VisuallyHidden.types.d.ts.map

package/dist/types/components/VisuallyHidden/VisuallyHidden.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.types.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,mCAAkC;AAE/D,MAAM,WAAW,mBAAoB,SACnC,aAAa;CAAG"}
+{"version":3,"file":"VisuallyHidden.types.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,mCAAkC;AAE/D,MAAM,WAAW,mBAAoB,SACnC,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;CAAG"}

package/dist/types/index.d.ts

@@ -49,6 +49,7 @@ export * from "./components/AlphaStack";
 export * from "./components/AlphaSmoothCornersBox";
 export * from "./components/LegacyIcon";
 export * from "./components/LegacyRadio";
+export * from "./components/LegacyTooltip";
 export * from "./components/LegacySegmentedControl";
 export { default as useToast } from "./components/Toast/useToast";
 export * from "./types/ComponentProps";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,wCAA2C;AAC3C,yCAA4C;AAC5C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mCAAsC;AAG1E,6BAAgC;AAGhC,uCAA0C;AAC1C,4CAA+C;AAC/C,iDAAoD;AACpD,qDAAwD;AACxD,oCAAuC;AACvC,oCAAuC;AACvC,yCAA4C;AAC5C,qCAAwC;AACxC,mCAAsC;AACtC,mCAAsC;AACtC,4CAA+C;AAC/C,+CAAkD;AAClD,6CAAgD;AAChD,kDAAqD;AACrD,6CAAgD;AAChD,iDAAoD;AACpD,iDAAoD;AACpD,mDAAsD;AACtD,oDAAuD;AACvD,8CAAiD;AACjD,oDAAuD;AACvD,0CAA6C;AAC7C,0CAA6C;AAC7C,kCAAqC;AACrC,kCAAqC;AACrC,8CAAiD;AACjD,sCAAyC;AACzC,2CAA8C;AAC9C,oCAAuC;AACvC,gDAAmD;AACnD,+CAAkD;AAClD,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,kCAAqC;AACrC,sCAAyC;AACzC,kCAAqC;AACrC,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAE/C,yCAA4C;AAC5C,wCAA2C;AAC3C,mDAAsD;AAEtD,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,oDAAuD;AAGvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,oCAAuC;AAGrE,uCAA0C;AAC1C,mCAAsC;AACtC,8BAAiC;AAGjC,OAAO,EAAE,MAAM,EAAE,2BAA8B;AAG/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,gCAAmC;AACxE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,6BAAgC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,sBAAyB;AAGpD,OAAO,EAAE,cAAc,EAAE,yBAA4B;AACrD,OAAO,KAAK,UAAU,2BAA8B;AACpD,OAAO,KAAK,WAAW,4BAA+B;AAGtD,2BAA8B"}

package/dist/types/providers/BezierProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BezierProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/BezierProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,eAAe,EAEpB,KAAK,uBAAuB,EAC7B,sBAAwB;AAEzB,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,GAAG,eAAe,CAAA;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;CAClD;AAED,iBAAS,cAAc,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,mBAAmB,qBAWrB;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BezierProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/BezierProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,eAAe,EAEpB,KAAK,uBAAuB,EAC7B,sBAAwB;AAIzB,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,GAAG,eAAe,CAAA;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;CAClD;AAED,iBAAS,cAAc,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,mBAAmB,qBAarB;AAED,eAAe,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "1.6.2",
+  "version": "1.7.1",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -60,11 +60,10 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.22.5",
-    "@babel/plugin-transform-runtime": "^7.22.5",
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
-    "@channel.io/bezier-icons": "^0.3.0",
+    "@channel.io/bezier-icons": "^0.4.0",
     "@channel.io/react-docgen-typescript-plugin": "^1.0.0",
     "@mdx-js/react": "^1.6.22",
     "@rollup/plugin-alias": "^5.0.0",
@@ -107,7 +106,6 @@
     "paths.macro": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "regenerator-runtime": "^0.13.11",
     "rollup": "^3.25.1",
     "rollup-plugin-node-externals": "^6.1.1",
     "rollup-plugin-visualizer": "^5.9.2",
@@ -130,7 +128,6 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.5",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-radio-group": "^1.1.3",
@@ -140,6 +137,7 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toolbar": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.6",
     "@radix-ui/react-visually-hidden": "^1.0.3",
     "classnames": "^2.3.2",
     "react-resize-detector": "^9.1.0",

package/src/components/Avatars/AvatarGroup/__snapshots__/AvatarGroup.test.tsx.snap

@@ -1,6 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`AvatarGroup Ellipsis type - Count Snapshot 1`] = `
+.c5 {
+  font-size: 1.3rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: normal;
+  color: inherit;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
 .c2 {
   --bezier-alpha-smooth-corners-box-border-radius: 0;
   --bezier-alpha-smooth-corners-box-shadow-offset-x: 0;
@@ -106,23 +123,6 @@ exports[`AvatarGroup Ellipsis type - Count Snapshot 1`] = `
   --bezier-avatar-computed-status-gap: calc(var(--bezier-avatar-status-gap) + (2 * var(--bezier-alpha-smooth-corners-box-shadow-spread-radius)));
 }
 
-.c5 {
-  font-size: 1.3rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: normal;
-  color: inherit;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
 .c6 {
   position: relative;
   display: -webkit-box;

package/src/components/Button/__snapshots__/Button.test.tsx.snap

@@ -213,21 +213,6 @@ exports[`Button Test > Disabled Test > Button can have disabled attribute 1`] =
 `;
 
 exports[`Button Test > Loading Test > Active prop change Button to hover style 1`] = `
-.c5 {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border-style: solid;
-  border-width: 2px;
-  border-top-color: transparent;
-  border-right-color: inherit;
-  border-bottom-color: inherit;
-  border-left-color: inherit;
-  border-radius: 50%;
-  -webkit-animation: epmXAj 1s infinite linear;
-  animation: epmXAj 1s infinite linear;
-}
-
 .c2 {
   font-size: 1.4rem;
   line-height: 1.8rem;
@@ -245,6 +230,21 @@ exports[`Button Test > Loading Test > Active prop change Button to hover style 1
   transition-property: color;
 }
 
+.c5 {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border-style: solid;
+  border-width: 2px;
+  border-top-color: transparent;
+  border-right-color: inherit;
+  border-bottom-color: inherit;
+  border-left-color: inherit;
+  border-radius: 50%;
+  -webkit-animation: epmXAj 1s infinite linear;
+  animation: epmXAj 1s infinite linear;
+}
+
 .c1 {
   display: -webkit-box;
   display: -webkit-flex;

package/src/components/Forms/FormControl/__snapshots__/FormControl.test.tsx.snap

@@ -20,26 +20,6 @@ exports[`FormControl > Snapshot > With multiple field 1`] = `
   justify-content: var(--bezier-alpha-stack-justify);
 }
 
-.c1 {
-  position: relative;
-}
-
-.c2 {
-  padding: 0 2px;
-  margin-bottom: 4px;
-}
-
-.c10 {
-  padding: 0 2px;
-  margin-top: 4px;
-}
-
-.c5 {
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
 .c3 {
   font-size: 1.3rem;
   line-height: 1.8rem;
@@ -74,6 +54,26 @@ exports[`FormControl > Snapshot > With multiple field 1`] = `
   transition-property: color;
 }
 
+.c1 {
+  position: relative;
+}
+
+.c2 {
+  padding: 0 2px;
+  margin-bottom: 4px;
+}
+
+.c10 {
+  padding: 0 2px;
+  margin-top: 4px;
+}
+
+.c5 {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
 .c12 {
   display: block;
   text-align: left;
@@ -320,6 +320,57 @@ exports[`FormControl > Snapshot > With multiple field and left label position 1`
   justify-content: var(--bezier-alpha-stack-justify);
 }
 
+.c3 {
+  font-size: 1.4rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000D9;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
+.c8 {
+  font-size: 1.3rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000D9;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
+.c15 {
+  font-size: 1.3rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: normal;
+  color: #00000066;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
 .c0 {
   position: relative;
 }
@@ -373,57 +424,6 @@ exports[`FormControl > Snapshot > With multiple field and left label position 1`
   flex-wrap: wrap;
 }
 
-.c3 {
-  font-size: 1.4rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: bold;
-  color: #000000D9;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
-.c8 {
-  font-size: 1.3rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: bold;
-  color: #000000D9;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
-.c15 {
-  font-size: 1.3rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: normal;
-  color: #00000066;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
 .c16 {
   display: block;
   text-align: left;
@@ -670,20 +670,6 @@ exports[`FormControl > Snapshot > With single field 1`] = `
   justify-content: var(--bezier-alpha-stack-justify);
 }
 
-.c1 {
-  position: relative;
-}
-
-.c2 {
-  padding: 0 2px;
-  margin-bottom: 4px;
-}
-
-.c8 {
-  padding: 0 2px;
-  margin-top: 4px;
-}
-
 .c3 {
   font-size: 1.3rem;
   line-height: 1.8rem;
@@ -718,6 +704,20 @@ exports[`FormControl > Snapshot > With single field 1`] = `
   transition-property: color;
 }
 
+.c1 {
+  position: relative;
+}
+
+.c2 {
+  padding: 0 2px;
+  margin-bottom: 4px;
+}
+
+.c8 {
+  padding: 0 2px;
+  margin-top: 4px;
+}
+
 .c10 {
   display: block;
   text-align: left;
@@ -850,6 +850,40 @@ exports[`FormControl > Snapshot > With single field 1`] = `
 `;
 
 exports[`FormControl > Snapshot > With single field and left label position 1`] = `
+.c3 {
+  font-size: 1.4rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000D9;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
+.c10 {
+  font-size: 1.3rem;
+  line-height: 1.8rem;
+  margin: 0px 0px 0px 0px;
+  font-style: normal;
+  font-weight: normal;
+  color: #00000066;
+  -webkit-transition-delay: 0ms;
+  transition-delay: 0ms;
+  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
+  transition-timing-function: cubic-bezier(.3,0,0,1);
+  -webkit-transition-duration: 150ms;
+  transition-duration: 150ms;
+  -webkit-transition-property: color;
+  transition-property: color;
+}
+
 .c0 {
   position: relative;
 }
@@ -892,40 +926,6 @@ exports[`FormControl > Snapshot > With single field and left label position 1`]
   grid-column: 2;
 }
 
-.c3 {
-  font-size: 1.4rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: bold;
-  color: #000000D9;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
-.c10 {
-  font-size: 1.3rem;
-  line-height: 1.8rem;
-  margin: 0px 0px 0px 0px;
-  font-style: normal;
-  font-weight: normal;
-  color: #00000066;
-  -webkit-transition-delay: 0ms;
-  transition-delay: 0ms;
-  -webkit-transition-timing-function: cubic-bezier(.3,0,0,1);
-  transition-timing-function: cubic-bezier(.3,0,0,1);
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-property: color;
-  transition-property: color;
-}
-
 .c11 {
   display: block;
   text-align: left;