@fileverse/ui 5.2.1 → 5.2.3

package/dist/index.css

@@ -1552,18 +1552,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
-.-my-1 {
-  margin-top: -0.25rem;
-  margin-bottom: -0.25rem;
-}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -1796,6 +1788,9 @@ video {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[var\(--radix-tooltip-content-available-height\2c none\)\] {
+  max-height: var(--radix-tooltip-content-available-height,none);
+}
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1817,9 +1812,6 @@ video {
 .min-h-\[296px\] {
   min-height: 296px;
 }
-.min-h-\[2vh\] {
-  min-height: 2vh;
-}
 .min-h-\[468px\] {
   min-height: 468px;
 }
@@ -2106,6 +2098,9 @@ video {
 .max-w-\[70vw\] {
   max-width: 70vw;
 }
+.max-w-\[min\(var\(--radix-tooltip-content-available-width\2c 20rem\)\2c 20rem\)\] {
+  max-width: min(var(--radix-tooltip-content-available-width,20rem),20rem);
+}
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -2994,10 +2989,6 @@ video {
 .ring-offset-white {
   --tw-ring-offset-color: #fff;
 }
-.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .drop-shadow {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -3060,6 +3051,21 @@ video {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+.animate-in {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+.fade-in-0 {
+  --tw-enter-opacity: 0;
+}
+.zoom-in-95 {
+  --tw-enter-scale: .95;
+}
 .duration-200 {
   animation-duration: 200ms;
 }
@@ -4081,18 +4087,6 @@ textarea:is(:-webkit-autofill, :autofill) {
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
-.\[\&\>span\]\:\!left-\[10\%\]>span {
-  left: 10% !important;
-}
-.\[\&\>span\]\:\!left-\[80\%\]>span {
-  left: 80% !important;
-}
-.\[\&\>span\]\:\!top-\[20\%\]>span {
-  top: 20% !important;
-}
-.\[\&\>span\]\:\!top-\[60\%\]>span {
-  top: 60% !important;
-}
 .\[\&\>span\]\:line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;

package/dist/index.es.d.ts

@@ -30,6 +30,7 @@ import { SetStateAction } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as TooltipPrimitives from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: React_2.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & React_2.RefAttributes<HTMLDivElement>>;
@@ -1004,7 +1005,7 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPr
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "top" | "right" | "left" | null | undefined;
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
@@ -1324,19 +1325,35 @@ declare const toggleVariants: (props?: ({
 
 export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
+declare const TooltipContent: React_2.ForwardRefExoticComponent<TooltipPrimitives.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement> {
     text: string | React_2.ReactNode;
+    /**
+     * Gap between the trigger and the tip of the beak, in px. Radix adds the
+     * measured arrow height to this internally, so it is the visible gap rather
+     * than the distance to the bubble edge.
+     */
     sideOffset?: number;
     asTriggerChild?: boolean;
     open?: boolean;
+    /**
+     * Minimum gap kept between the tooltip and the collision boundary (the
+     * viewport by default). Radix defaults this to 0, which lets long content sit
+     * flush against the edge. This also shrinks
+     * `--radix-tooltip-content-available-width/height`, so the max-width below
+     * respects the same gutter rather than growing into it.
+     */
+    collisionPadding?: React_2.ComponentPropsWithoutRef<typeof TooltipContent>["collisionPadding"];
+    /** Side of the trigger to place the tooltip on. Maps to Radix `side`. */
+    position?: "top" | "bottom" | "left" | "right" | null;
+    /**
+     * Alignment of the tooltip — and therefore its beak — along the trigger.
+     * Maps to Radix `align`, which positions the beak natively.
+     */
+    beakAlignment?: "start" | "center" | "end" | null;
 }
 
-declare const tooltipVariants: (props?: ({
-    position?: "bottom" | "top" | "right" | "left" | null | undefined;
-    beakAlignment?: "end" | "center" | "start" | null | undefined;
-    defaultVariants?: "variant" | "beakPosition" | null | undefined;
-} & ClassProp) | undefined) => string;
-
 export declare const UltimateIcons: any;
 
 export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {