@fileverse/ui 4.1.2 → 4.1.3

package/dist/index.css

@@ -1088,9 +1088,6 @@ video {
 .right-5 {
   right: 1.25rem;
 }
-.right-6 {
-  right: 1.5rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -1103,11 +1100,8 @@ video {
 .top-3 {
   top: 0.75rem;
 }
-.top-5 {
-  top: 1.25rem;
-}
-.top-6 {
-  top: 1.5rem;
+.top-\[14px\] {
+  top: 14px;
 }
 .top-\[50\%\] {
   top: 50%;
@@ -1164,6 +1158,9 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-4 {
+  margin-bottom: 1rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1233,8 +1230,8 @@ video {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
-.\!h-8 {
-  height: 2rem !important;
+.\!h-6 {
+  height: 1.5rem !important;
 }
 .\!h-\[4rem\] {
   height: 4rem !important;
@@ -1471,6 +1468,9 @@ video {
 .w-\[8px\] {
   width: 8px;
 }
+.w-\[calc\(100vw-24px\)\] {
+  width: calc(100vw - 24px);
+}
 .w-auto {
   width: auto;
 }
@@ -1517,6 +1517,9 @@ video {
 .min-w-\[280px\] {
   min-width: 280px;
 }
+.min-w-\[300px\] {
+  min-width: 300px;
+}
 .min-w-\[30px\] {
   min-width: 30px;
 }
@@ -1551,6 +1554,9 @@ video {
 .max-w-\[440px\] {
   max-width: 440px;
 }
+.max-w-\[500px\] {
+  max-width: 500px;
+}
 .max-w-\[70vw\] {
   max-width: 70vw;
 }
@@ -1588,6 +1594,9 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow {
+  flex-grow: 1;
+}
 .grow {
   flex-grow: 1;
 }
@@ -1601,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));
@@ -1782,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)));
@@ -1819,6 +1837,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1834,6 +1855,9 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
+.rounded-\[16px\] {
+  border-radius: 16px;
+}
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -1987,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;
@@ -2158,6 +2186,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -3112,6 +3144,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     display: block;
   }
 
+  .md\:w-\[384px\] {
+    width: 384px;
+  }
+
   .md\:w-\[60vw\] {
     width: 60vw;
   }
@@ -3155,6 +3191,10 @@ textarea:is(:-webkit-autofill, :autofill) {
 
 @media (min-width: 1024px) {
 
+  .lg\:\!mt-0 {
+    margin-top: 0px !important;
+  }
+
   .lg\:mb-1 {
     margin-bottom: 0.25rem;
   }

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';
@@ -306,6 +307,7 @@ export declare const DrawerContent: React_2.ForwardRefExoticComponent<DrawerCont
 declare interface DrawerContentProps extends React_2.ComponentPropsWithoutRef<typeof Drawer_2.Content> {
     hasCloseIcon?: boolean;
     overlayClasses?: string;
+    onClose?: (open: boolean) => void;
 }
 
 export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -322,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>>;
 
@@ -367,6 +369,21 @@ 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 interface DynamicDrawerV2Props {
+    title?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: default_2.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: 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 {
@@ -383,7 +400,7 @@ export declare const DynamicModal: ({ open, onOpenChange, title, description, co
 export declare interface DynamicModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title: string | default_2.ReactNode;
+    title?: string | default_2.ReactNode;
     description?: string;
     content?: default_2.ReactNode;
     primaryAction?: {
@@ -530,6 +547,8 @@ declare const iconVariants_2: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const isDarkColor: (color: string) => boolean;
+
 export declare const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLLabelElement>>;
 
 export declare interface LabelProps extends React_2.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
@@ -559,6 +578,7 @@ export declare const PopoverContent: React_2.ForwardRefExoticComponent<PopoverCo
 
 export declare interface PopoverContentProps extends React_2.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     elevation?: number;
+    container?: HTMLDivElement | null;
 }
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -741,6 +761,7 @@ export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>
     isRemovable?: boolean;
     onRemove?: (event?: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     icon?: any;
+    color?: string;
 }
 
 export declare interface TagType {
@@ -769,6 +790,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> {