@starwind-ui/core 1.6.2 → 1.7.0

package/dist/src/components/tooltip/TooltipContent.astro

@@ -3,96 +3,96 @@ import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div"> & {
-	/**
-	 * Side of the tooltip
-	 * @default top
-	 */
-	side?: "top" | "right" | "bottom" | "left";
-	/**
-	 * Alignment of the tooltip
-	 * @default center
-	 */
-	align?: "start" | "center" | "end";
-	/**
-	 * Offset distance in pixels
-	 * @default 4
-	 */
-	sideOffset?: number;
-	/**
-	 * Prevent the tooltip from colliding with other elements
-	 * @default true
-	 */
-	avoidCollisions?: boolean;
-	/**
-	 * Open and close animation duration in milliseconds
-	 * @default 150
-	 */
-	animationDuration?: number;
+  /**
+   * Side of the tooltip
+   * @default top
+   */
+  side?: "top" | "right" | "bottom" | "left";
+  /**
+   * Alignment of the tooltip
+   * @default center
+   */
+  align?: "start" | "center" | "end";
+  /**
+   * Offset distance in pixels
+   * @default 4
+   */
+  sideOffset?: number;
+  /**
+   * Prevent the tooltip from colliding with other elements
+   * @default true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * Open and close animation duration in milliseconds
+   * @default 150
+   */
+  animationDuration?: number;
 };
 
 const tooltipContent = tv({
-	base: [
-		"starwind-tooltip-content",
-		"absolute z-50 hidden px-3 py-1.5 whitespace-nowrap shadow-sm will-change-transform",
-		"bg-popover text-popover-foreground rounded-md border",
-		"animate-in fade-in zoom-in-95",
-		"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
-	],
-	variants: {
-		side: {
-			left: "slide-in-from-right-2 right-(--tooltip-offset)",
-			right: "slide-in-from-left-2 left-(--tooltip-offset)",
-			bottom: "slide-in-from-top-2 top-(--tooltip-offset)",
-			top: "slide-in-from-bottom-2 bottom-(--tooltip-offset)",
-		},
-		align: { center: "", start: "", end: "" },
-		sideAlign: {
-			"top-center": "left-[50%] translate-x-[-50%]",
-			"bottom-center": "left-[50%] translate-x-[-50%]",
-			"left-center": "top-[50%] translate-y-[-50%]",
-			"right-center": "top-[50%] translate-y-[-50%]",
-			"top-start": "left-0",
-			"bottom-start": "left-0",
-			"top-end": "right-0",
-			"bottom-end": "right-0",
-			"left-start": "top-0",
-			"right-start": "top-0",
-			"left-end": "bottom-0",
-			"right-end": "bottom-0",
-		},
-	},
-	defaultVariants: { side: "top", align: "center" },
-	compoundVariants: [
-		{ side: ["top", "bottom"], align: "center", class: "left-[50%] translate-x-[-50%]" },
-		{ side: ["left", "right"], align: "center", class: "top-[50%] translate-y-[-50%]" },
-		{ side: ["top", "bottom"], align: "start", class: "left-0" },
-		{ side: ["top", "bottom"], align: "end", class: "right-0" },
-		{ side: ["left", "right"], align: "start", class: "top-0" },
-		{ side: ["left", "right"], align: "end", class: "bottom-0" },
-	],
+  base: [
+    "starwind-tooltip-content",
+    "absolute z-50 hidden px-3 py-1.5 whitespace-nowrap shadow-sm will-change-transform",
+    "bg-popover text-popover-foreground rounded-md border",
+    "animate-in fade-in zoom-in-95",
+    "data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
+  ],
+  variants: {
+    side: {
+      left: "slide-in-from-right-2 right-(--tooltip-offset)",
+      right: "slide-in-from-left-2 left-(--tooltip-offset)",
+      bottom: "slide-in-from-top-2 top-(--tooltip-offset)",
+      top: "slide-in-from-bottom-2 bottom-(--tooltip-offset)",
+    },
+    align: { center: "", start: "", end: "" },
+    sideAlign: {
+      "top-center": "left-[50%] translate-x-[-50%]",
+      "bottom-center": "left-[50%] translate-x-[-50%]",
+      "left-center": "top-[50%] translate-y-[-50%]",
+      "right-center": "top-[50%] translate-y-[-50%]",
+      "top-start": "left-0",
+      "bottom-start": "left-0",
+      "top-end": "right-0",
+      "bottom-end": "right-0",
+      "left-start": "top-0",
+      "right-start": "top-0",
+      "left-end": "bottom-0",
+      "right-end": "bottom-0",
+    },
+  },
+  defaultVariants: { side: "top", align: "center" },
+  compoundVariants: [
+    { side: ["top", "bottom"], align: "center", class: "left-[50%] translate-x-[-50%]" },
+    { side: ["left", "right"], align: "center", class: "top-[50%] translate-y-[-50%]" },
+    { side: ["top", "bottom"], align: "start", class: "left-0" },
+    { side: ["top", "bottom"], align: "end", class: "right-0" },
+    { side: ["left", "right"], align: "start", class: "top-0" },
+    { side: ["left", "right"], align: "end", class: "bottom-0" },
+  ],
 });
 
 const {
-	side = "top",
-	align = "center",
-	sideOffset = 4,
-	avoidCollisions = true,
-	animationDuration = 150,
-	class: className,
+  side = "top",
+  align = "center",
+  sideOffset = 4,
+  avoidCollisions = true,
+  animationDuration = 150,
+  class: className,
 } = Astro.props;
 ---
 
 <div
-	class={tooltipContent({ side, align, class: className })}
-	data-state="closed"
-	data-side={side}
-	data-align={align}
-	{...avoidCollisions && { "data-avoid-collisions": "" }}
-	role="tooltip"
-	style={{
-		"--tooltip-offset": `calc(100% + ${sideOffset}px)`,
-		animationDuration: `${animationDuration}ms`,
-	}}
+  class={tooltipContent({ side, align, class: className })}
+  data-state="closed"
+  data-side={side}
+  data-align={align}
+  {...avoidCollisions && { "data-avoid-collisions": "" }}
+  role="tooltip"
+  style={{
+    "--tooltip-offset": `calc(100% + ${sideOffset}px)`,
+    animationDuration: `${animationDuration}ms`,
+  }}
 >
-	<slot> My tooltip! </slot>
+  <slot> My tooltip! </slot>
 </div>

package/dist/src/components/tooltip/index.ts

@@ -5,7 +5,7 @@ import TooltipTrigger from "./TooltipTrigger.astro";
 export { Tooltip, TooltipContent, TooltipTrigger };
 
 export default {
-	Root: Tooltip,
-	Trigger: TooltipTrigger,
-	Content: TooltipContent,
+  Root: Tooltip,
+  Trigger: TooltipTrigger,
+  Content: TooltipContent,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starwind-ui/core",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description": "Starwind UI core components and registry",
   "license": "MIT",
   "author": {