@fileverse/ui 4.0.5 → 4.0.7

package/dist/index.css

@@ -1131,6 +1131,9 @@ video {
   margin-top: auto;
   margin-bottom: auto;
 }
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
 .mb-14 {
   margin-bottom: 3.5rem;
 }
@@ -1360,9 +1363,6 @@ video {
 .w-9 {
   width: 2.25rem;
 }
-.w-\[151px\] {
-  width: 151px;
-}
 .w-\[16px\] {
   width: 16px;
 }
@@ -1454,14 +1454,14 @@ video {
 .min-w-\[40px\] {
   min-width: 40px;
 }
-.min-w-\[418px\] {
-  min-width: 418px;
-}
 .min-w-\[60\%\] {
   min-width: 60%;
 }
-.min-w-\[calc\(100vw-32px\)\] {
-  min-width: calc(100vw - 32px);
+.min-w-\[92vw\] {
+  min-width: 92vw;
+}
+.min-w-\[calc\(100vw-66px\)\] {
+  min-width: calc(100vw - 66px);
 }
 .min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
@@ -1479,6 +1479,9 @@ video {
 .max-w-\[440px\] {
   max-width: 440px;
 }
+.max-w-\[70vw\] {
+  max-width: 70vw;
+}
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -2009,6 +2012,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.underline {
+  text-decoration-line: underline;
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -2123,6 +2129,29 @@ video {
   display: none;
 }
 
+#storybook-root {
+  padding: 0 !important;
+}
+
+input:is(:-webkit-autofill, :-webkit-autofill), textarea:is(:-webkit-autofill, :-webkit-autofill) {
+  -webkit-transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+  transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+}
+
+input:is(:-webkit-autofill, :autofill),
+textarea:is(:-webkit-autofill, :autofill) {
+  -webkit-transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+  transition:
+    background-color 0s 600000s,
+    color 0s 600000s !important;
+}
+
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;
@@ -2294,6 +2323,14 @@ video {
   }
 }
 
+.\[\&\>svg\]\:color-text-default>svg {
+    color: hsl(var(--color-text-default));
+  }
+
+.\[\&\>svg\]\:color-text-danger>svg {
+    color: hsl(var(--color-text-danger));
+  }
+
 .\[\&_\[cmdk-group-heading\]\]\:text-helper-text-sm [cmdk-group-heading] {
     font-family: system-ui;
     font-size: 12px;
@@ -2669,6 +2706,11 @@ video {
 
 @media (min-width: 640px) {
 
+  .sm\:max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
+
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -2757,6 +2799,10 @@ video {
     width: 75%;
   }
 
+  .lg\:w-\[180px\] {
+    width: 180px;
+  }
+
   .lg\:w-\[452px\] {
     width: 452px;
   }
@@ -2766,6 +2812,10 @@ video {
     width: fit-content;
   }
 
+  .lg\:min-w-\[418px\] {
+    min-width: 418px;
+  }
+
   .lg\:min-w-\[420px\] {
     min-width: 420px;
   }
@@ -2869,6 +2919,10 @@ video {
   width: 1.25rem;
 }
 
+.\[\&_p\]\:leading-relaxed p {
+  line-height: 1.625;
+}
+
 .\[\&_svg\]\:invisible svg {
   visibility: hidden;
 }

package/dist/index.es.d.ts

@@ -36,9 +36,16 @@ export declare type AccordionTriggerProps = React_2.ComponentPropsWithoutRef<typ
     disabled?: boolean;
 };
 
-export declare const AnimatedLoader: ({ text, className, }: {
+export declare const Alert: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "danger" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const AnimatedLoader: ({ text }: {
     text?: string;
-    className?: string;
 }) => JSX_2.Element;
 
 export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLImageElement>>;
@@ -194,7 +201,17 @@ export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const DynamicContentController: ({ label, description, checked, onChange, size, }: DynamicContentControllerProps) => JSX_2.Element;
+export declare const DynamicAlert: ({ title, description, variant, icon, className, ...props }: DynamicAlertProps) => JSX_2.Element;
+
+export declare interface DynamicAlertProps {
+    title?: string;
+    description: React.ReactNode;
+    variant: "default" | "danger";
+    icon?: LucideIconProps["name"];
+    className?: string;
+}
+
+export declare const DynamicContentController: ForwardRefExoticComponent<DynamicContentControllerProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface DynamicContentControllerProps {
     label: string;
@@ -233,7 +250,7 @@ export declare const DynamicModal: ({ open, onOpenChange, title, description, co
 export declare interface DynamicModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title: string;
+    title: string | default_2.ReactNode;
     description?: string;
     content?: default_2.ReactNode;
     primaryAction?: {
@@ -263,6 +280,25 @@ export declare interface DynamicRadioProps {
     className?: string;
     size?: "sm" | "lg";
     content?: (selectedValue: string) => React.ReactNode;
+    selectedValue: string;
+    setSelectedValue: (value: string) => void;
+}
+
+export declare const DynamicSelect: ({ id, label, triggerClassName, contentClassName, className, placeholder, defaultValue, onValueChange, disabled, items, sideOffset, alignOffset, }: DynamicSelectProps) => JSX_2.Element | null;
+
+export declare interface DynamicSelectProps {
+    id?: string;
+    label?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    className?: string;
+    placeholder?: string;
+    defaultValue?: string | undefined;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    items: any[];
+    sideOffset?: number;
+    alignOffset?: number;
 }
 
 export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";