@fileverse/ui 4.1.2-patch-8 → 4.1.2-patch-10

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)));
@@ -1816,6 +1837,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1831,6 +1855,9 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-\[16px\] {
+  border-radius: 16px;
+}
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -1932,6 +1959,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 +2014,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 +3147,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 {
@@ -774,6 +792,35 @@ export declare interface TextAreaFieldProps extends React_2.TextareaHTMLAttribut
     isValid?: boolean;
 }
 
+export declare const TextAreaFieldV2: React_2.ForwardRefExoticComponent<TextAreaFieldV2Props & React_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextAreaFieldV2Props extends React_2.InputHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * The label for the text field.
+     */
+    label?: string;
+    /**
+     * The left icon for the text field.
+     */
+    leftIcon?: React_2.ReactNode;
+    /**
+     * The right icon for the text field.
+     */
+    rightIcon?: React_2.ReactNode;
+    /**
+     * Whether the text field is valid.
+     */
+    isValid?: boolean;
+    /**
+     * The helper text for the text field.
+     */
+    message?: string;
+    /**
+     * Event handler for the onChange event.
+     */
+    onChange?: (e: React_2.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+
 export declare const TextField: React_2.ForwardRefExoticComponent<TextFieldProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTMLInputElement> {