@fileverse/ui 4.1.3 → 4.1.4-patch-2

package/dist/index.css

@@ -1100,9 +1100,6 @@ video {
 .top-3 {
   top: 0.75rem;
 }
-.top-\[14px\] {
-  top: 14px;
-}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -1321,6 +1318,9 @@ video {
 .h-screen {
   height: 100vh;
 }
+.max-h-10 {
+  max-height: 2.5rem;
+}
 .max-h-40 {
   max-height: 10rem;
 }
@@ -1366,6 +1366,9 @@ video {
 .w-16 {
   width: 4rem;
 }
+.w-20 {
+  width: 5rem;
+}
 .w-24 {
   width: 6rem;
 }
@@ -1532,6 +1535,9 @@ video {
 .min-w-\[60\%\] {
   min-width: 60%;
 }
+.min-w-\[80px\] {
+  min-width: 80px;
+}
 .min-w-\[92vw\] {
   min-width: 92vw;
 }
@@ -1614,6 +1620,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 +1632,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));
@@ -1953,6 +1967,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -2087,6 +2105,9 @@ video {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.\!pt-4 {
+  padding-top: 1rem !important;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -2156,6 +2177,10 @@ video {
 .text-\[32px\] {
   font-size: 32px;
 }
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -2172,6 +2197,12 @@ video {
 .font-normal {
   font-weight: 400;
 }
+.leading-5 {
+  line-height: 1.25rem;
+}
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-none {
   line-height: 1;
 }
@@ -2461,8 +2492,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 +2690,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>>;