@fileverse/ui 4.1.3 → 4.1.4

package/dist/index.css

@@ -1100,9 +1100,6 @@ video {
 .top-3 {
   top: 0.75rem;
 }
-.top-\[14px\] {
-  top: 14px;
-}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -1614,6 +1611,10 @@ video {
   --tw-translate-y: -0.5rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-0 {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-1\/2 {
   --tw-translate-x: 50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1622,6 +1623,10 @@ video {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-full {
+  --tw-translate-x: 100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-y-1\/4 {
   --tw-translate-y: 25%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2461,8 +2466,8 @@ textarea:is(:-webkit-autofill, :autofill) {
     background-color: hsl(var(--color-bg-disabled));
   }
 
-.hover\:\!color-bg-brand-hover:hover {
-    background-color: hsl(var(--color-bg-brand-hover)) !important;
+.hover\:\!color-bg-brand:hover {
+    background-color: hsl(var(--color-bg-brand)) !important;
   }
 
 .hover\:color-bg-brand-hover:hover {
@@ -2659,6 +2664,13 @@ textarea:is(:-webkit-autofill, :autofill) {
   }
 }
 
+@media (min-width: 1280px) {
+
+  .xl\:hover\:\!color-bg-brand-hover:hover {
+    background-color: hsl(var(--color-bg-brand-hover)) !important;
+  }
+}
+
 .\[\&\>svg\]\:color-text-default>svg {
     color: hsl(var(--color-text-default));
   }

package/dist/index.es.d.ts

@@ -7,6 +7,8 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
 import { EmojiClickData } from 'emoji-picker-react';
+import { default as EmojiPicker } from 'emoji-picker-react';
+import { EmojiStyle } from 'emoji-picker-react';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps as GridProps_2 } from '@radix-ui/themes';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
@@ -369,7 +371,7 @@ export declare interface DynamicDrawerProps {
     dismissible?: boolean;
 }
 
-export declare const DynamicDrawerV2: ({ title, open, onOpenChange, content, className, headerClassName, contentClassName, side, rounded, dismissible, }: DynamicDrawerV2Props) => JSX_2.Element;
+export declare const DynamicDrawerV2: default_2.FC<DynamicDrawerV2Props>;
 
 export declare interface DynamicDrawerV2Props {
     title?: string;
@@ -384,7 +386,7 @@ export declare interface DynamicDrawerV2Props {
     dismissible?: boolean;
 }
 
-export declare const DynamicDropdown: ({ content, anchorTrigger, ...props }: DynamicDropdownProps) => JSX_2.Element;
+export declare const DynamicDropdown: ({ content, anchorTrigger, className, triggerClassName, ...props }: DynamicDropdownProps) => JSX_2.Element;
 
 export declare interface DynamicDropdownProps {
     content: default_2.ReactNode;
@@ -393,6 +395,22 @@ export declare interface DynamicDropdownProps {
     align?: "start" | "center" | "end";
     sideOffset?: number;
     alignOffset?: number;
+    className?: string;
+    triggerClassName?: string;
+}
+
+export declare const DynamicDropdownV2: ({ content, anchorTrigger, controlled, isOpen: externalIsOpen, onClose, ...props }: DynamicDropdownV2Props) => JSX_2.Element;
+
+export declare interface DynamicDropdownV2Props {
+    content: default_2.ReactNode;
+    anchorTrigger?: default_2.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    alignOffset?: number;
+    controlled?: boolean;
+    isOpen?: boolean;
+    onClose?: () => void;
 }
 
 export declare const DynamicModal: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, disableOutsideClick, hasCloseIcon, overlayClasses, noOverlay, }: DynamicModalProps) => JSX_2.Element;
@@ -455,6 +473,10 @@ export declare interface DynamicSelectProps {
 
 export { EmojiClickData }
 
+export { EmojiPicker }
+
+export { EmojiStyle }
+
 export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
 
 export declare const FloatingToolbar: default_2.ForwardRefExoticComponent<FloatingToolbarProps & default_2.RefAttributes<HTMLDivElement>>;