@nattstack/ui 0.0.55 → 0.0.56

package/dist/components/index.d.ts

@@ -392,6 +392,7 @@ declare const TEXTAREA_CLASS_NAME: {
 //#region src/components/tooltip/tooltip.d.ts
 interface TooltipProps extends Omit<Tooltip$1.Root.Props, "disabled"> {
   isDisabled?: Tooltip$1.Root.Props["disabled"];
+  isDisableHoverablePopup?: Tooltip$1.Root.Props["disableHoverablePopup"];
 }
 declare function Tooltip(props: TooltipProps): JSX.Element;
 //#endregion

package/dist/components/index.js

@@ -984,11 +984,11 @@ const TEXTAREA_CLASS_NAME = {
 //#endregion
 //#region src/components/tooltip/tooltip.tsx
 function Tooltip(props) {
-	const { isDisabled = false, ...rest } = props;
+	const { isDisabled = false, isDisableHoverablePopup = true, ...rest } = props;
 	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
 		"data-slot": "tooltip",
 		disabled: isDisabled,
-		disableHoverablePopup: true,
+		disableHoverablePopup: isDisableHoverablePopup,
 		...rest
 	});
 }
@@ -996,28 +996,30 @@ function Tooltip(props) {
 //#region src/components/tooltip/tooltip-content.module.css
 var tooltip_content_module_default = {
 	"tooltip_content": "tooltip-content-module_tooltip_content_j-Z8kW",
-	"tooltip_content_positioner": "tooltip-content-module_tooltip_content_positioner_j-Z8kW"
+	"tooltip_content_portal": "tooltip-content-module_tooltip_content_portal_j-Z8kW"
 };
 //#endregion
 //#region src/components/tooltip/tooltip-content.tsx
 function TooltipContent(props) {
 	const DEFAULT_SIDE_OFFSET = 4;
-	const { children, className: customClassName = "", side = "top", sideOffset = DEFAULT_SIDE_OFFSET, ...rest } = props;
+	const { children = "", className: customClassName = "", side = "top", sideOffset = DEFAULT_SIDE_OFFSET, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
     ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
     ${customClassName}
   `);
-	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Positioner, {
-		className: tooltip_content_module_default.tooltip_content_positioner,
-		side,
-		sideOffset,
-		children: [/* @__PURE__ */ jsx(Tooltip$1.Popup, {
-			className: combinedClassName,
-			"data-slot": "tooltip-content",
-			...rest,
-			children
-		}), /* @__PURE__ */ jsx(Tooltip$1.Arrow, {})]
-	}) });
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		className: tooltip_content_module_default.tooltip_content_portal,
+		children: /* @__PURE__ */ jsxs(Tooltip$1.Positioner, {
+			side,
+			sideOffset,
+			children: [/* @__PURE__ */ jsx(Tooltip$1.Popup, {
+				className: combinedClassName,
+				"data-slot": "tooltip-content",
+				...rest,
+				children
+			}), /* @__PURE__ */ jsx(Tooltip$1.Arrow, {})]
+		})
+	});
 }
 const TOOLTIP_CONTENT_CLASS_NAME = { BASE: tooltip_content_module_default.tooltip_content };
 //#endregion

package/dist/components/style.css

@@ -956,19 +956,27 @@
   padding: 12px !important;
 }
 .tooltip-content-module_tooltip_content_j-Z8kW {
+  --scale: .975;
   background-color: var(--color-gray-dark-1);
   color: var(--color-gray-dark-12);
+  transform-origin: var(--transform-origin);
   border-radius: 8px;
   padding: 4px 8px;
   font-size: 13px;
   font-weight: 500;
+  transition-property: opacity, scale, translate;
+  transition-duration: .15s;
 }
 
-.tooltip-content-module_tooltip_content_positioner_j-Z8kW {
-  isolation: isolate;
+.tooltip-content-module_tooltip_content_portal_j-Z8kW {
   z-index: 50;
 }
 
+.tooltip-content-module_tooltip_content_j-Z8kW[data-ending-style], .tooltip-content-module_tooltip_content_j-Z8kW[data-starting-style] {
+  opacity: 0;
+  scale: var(--scale);
+}
+
 .dark .tooltip-content-module_tooltip_content_j-Z8kW {
   background-color: var(--color-gray-light-1);
   color: var(--color-gray-light-12);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",