@fileverse/ui 4.1.2-patch-7 → 4.1.2-patch-9

package/dist/index.css

@@ -1100,6 +1100,9 @@ video {
 .top-3 {
   top: 0.75rem;
 }
+.top-\[14px\] {
+  top: 14px;
+}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -1465,6 +1468,9 @@ video {
 .w-\[8px\] {
   width: 8px;
 }
+.w-\[calc\(100vw-24px\)\] {
+  width: calc(100vw - 24px);
+}
 .w-auto {
   width: auto;
 }
@@ -1511,6 +1517,9 @@ video {
 .min-w-\[280px\] {
   min-width: 280px;
 }
+.min-w-\[300px\] {
+  min-width: 300px;
+}
 .min-w-\[30px\] {
   min-width: 30px;
 }
@@ -1585,6 +1594,9 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow {
+  flex-grow: 1;
+}
 .grow {
   flex-grow: 1;
 }
@@ -1598,6 +1610,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-y-2 {
+  --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-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));
@@ -1779,6 +1795,11 @@ video {
   margin-right: calc(1rem * var(--tw-space-x-reverse));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1831,6 +1852,9 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-\[16px\] {
+  border-radius: 16px;
+}
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -1932,6 +1956,9 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-black\/40 {
+  background-color: rgb(0 0 0 / 0.4);
+}
 .bg-green-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
@@ -1984,6 +2011,10 @@ video {
 .p-\[2px\] {
   padding: 2px;
 }
+.\!px-0 {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+}
 .\!px-1 {
   padding-left: 0.25rem !important;
   padding-right: 0.25rem !important;
@@ -3113,6 +3144,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     display: block;
   }
 
+  .md\:w-\[384px\] {
+    width: 384px;
+  }
+
   .md\:w-\[60vw\] {
     width: 60vw;
   }

package/dist/index.es.d.ts

@@ -13,6 +13,7 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Portal } from 'vaul';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
@@ -323,7 +324,7 @@ export declare const DrawerHeader: {
 
 export declare const DrawerOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DrawerPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DrawerPortal: Portal;
 
 export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
 
@@ -368,6 +369,23 @@ export declare interface DynamicDrawerProps {
     dismissible?: boolean;
 }
 
+export declare const DynamicDrawerV2: ({ title, open, onOpenChange, content, className, headerClassName, contentClassName, side, noOverlay, overlayClasses, rounded, dismissible, }: DynamicDrawerV2Props) => JSX_2.Element;
+
+export declare interface DynamicDrawerV2Props {
+    title?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: default_2.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    noOverlay?: boolean;
+    overlayClasses?: string;
+    side?: "top" | "right" | "bottom" | "left";
+    rounded?: boolean;
+    dismissible?: boolean;
+}
+
 export declare const DynamicDropdown: ({ content, anchorTrigger, ...props }: DynamicDropdownProps) => JSX_2.Element;
 
 export declare interface DynamicDropdownProps {