@fileverse/ui 4.1.1-patch-5 → 4.1.1-patch-7

package/dist/index.css

@@ -993,6 +993,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1091,6 +1094,9 @@ video {
 .top-1\/2 {
   top: 50%;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-3 {
   top: 0.75rem;
 }
@@ -1109,6 +1115,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[100\] {
+  z-index: 100;
+}
 .z-\[999\] {
   z-index: 999;
 }
@@ -1312,6 +1321,9 @@ video {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-screen {
+  max-height: 100vh;
+}
 .\!min-h-12 {
   min-height: 3rem !important;
 }
@@ -1366,6 +1378,9 @@ video {
 .w-6 {
   width: 1.5rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-72 {
   width: 18rem;
 }
@@ -1744,6 +1759,11 @@ video {
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-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)));
@@ -2124,6 +2144,9 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-90 {
+  opacity: 0.9;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2134,6 +2157,11 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -2159,6 +2187,9 @@ video {
 .ring-offset-2 {
   --tw-ring-offset-width: 2px;
 }
+.ring-offset-transparent {
+  --tw-ring-offset-color: transparent;
+}
 .ring-offset-white {
   --tw-ring-offset-color: #fff;
 }
@@ -2431,6 +2462,86 @@ textarea:is(:-webkit-autofill, :autofill) {
     border-color: hsl(var(--color-border-disabled));
   }
 
+.group.secondary .group-\[\.secondary\]\:color-text-default {
+    color: hsl(var(--color-text-default));
+  }
+
+.group.danger .group-\[\.danger\]\:color-text-danger {
+    color: hsl(var(--color-text-danger));
+  }
+
+.group.success .group-\[\.success\]\:color-text-success {
+    color: hsl(var(--color-text-success));
+  }
+
+.group.default .group-\[\.default\]\:color-text-inverse {
+    color: hsl(var(--color-text-inverse));
+  }
+
+.group.secondary .group-\[\.secondary\]\:color-bg-secondary {
+    background-color: hsl(var(--color-bg-secondary));
+  }
+
+.group.danger .group-\[\.danger\]\:color-bg-danger-light {
+    background-color: hsl(var(--color-bg-danger-light));
+  }
+
+.group.success .group-\[\.success\]\:color-bg-success-light {
+    background-color: hsl(var(--color-bg-success-light));
+  }
+
+.group.default .group-\[\.default\]\:color-bg-default-inverse {
+    background-color: hsl(var(--color-bg-default-inverse));
+  }
+
+.group.default .group-\[\.default\]\:color-border-default {
+    border-color: hsl(var(--color-border-default));
+  }
+
+.group.secondary .group-\[\.secondary\]\:color-border-hover {
+    border-color: hsl(var(--color-border-hover));
+  }
+
+.group.success .group-\[\.success\]\:color-border-hover {
+    border-color: hsl(var(--color-border-hover));
+  }
+
+.group.danger .group-\[\.danger\]\:color-border-danger {
+    border-color: hsl(var(--color-border-danger));
+  }
+
+.group.secondary .group-\[\.secondary\]\:hover\:color-text-default:hover {
+    color: hsl(var(--color-text-default));
+  }
+
+.group.danger .group-\[\.danger\]\:hover\:color-text-danger:hover {
+    color: hsl(var(--color-text-danger));
+  }
+
+.group.success .group-\[\.success\]\:hover\:color-text-success:hover {
+    color: hsl(var(--color-text-success));
+  }
+
+.group.default .group-\[\.default\]\:hover\:color-text-inverse:hover {
+    color: hsl(var(--color-text-inverse));
+  }
+
+.group.secondary .group-\[\.secondary\]\:hover\:color-bg-secondary:hover {
+    background-color: hsl(var(--color-bg-secondary));
+  }
+
+.group.danger .group-\[\.danger\]\:hover\:color-bg-danger-light:hover {
+    background-color: hsl(var(--color-bg-danger-light));
+  }
+
+.group.success .group-\[\.success\]\:hover\:color-bg-success-light:hover {
+    background-color: hsl(var(--color-bg-success-light));
+  }
+
+.group.default .group-\[\.default\]\:hover\:color-bg-default-inverse:hover {
+    background-color: hsl(var(--color-bg-default-inverse));
+  }
+
 .aria-selected\:color-text-default[aria-selected="true"] {
     color: hsl(var(--color-text-default));
   }
@@ -2557,6 +2668,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -2637,6 +2752,11 @@ textarea:is(:-webkit-autofill, :autofill) {
   opacity: 1;
 }
 
+.group:hover .group-hover\:brightness-95 {
+  --tw-brightness: brightness(.95);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .peer:checked ~ .peer-checked\:block {
   display: block;
 }
@@ -2683,6 +2803,36 @@ textarea:is(:-webkit-autofill, :autofill) {
   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));
 }
 
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
+  --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));
+}
+
+.data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
+  --tw-translate-y: 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));
+}
+
+.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
+  --tw-translate-x: var(--radix-toast-swipe-end-x);
+  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));
+}
+
+.data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe=end] {
+  --tw-translate-y: var(--radix-toast-swipe-end-y);
+  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));
+}
+
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+  --tw-translate-x: var(--radix-toast-swipe-move-x);
+  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));
+}
+
+.data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe=move] {
+  --tw-translate-y: var(--radix-toast-swipe-move-y);
+  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));
+}
+
 @keyframes accordion-up {
 
   from {
@@ -2729,6 +2879,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   opacity: 0.5;
 }
 
+.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
+  transition-property: none;
+}
+
 .data-\[state\=closed\]\:duration-300[data-state=closed] {
   transition-duration: 300ms;
 }
@@ -2757,10 +2911,24 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: initial;
 }
 
+.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+
 .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
   --tw-exit-opacity: 0;
 }
 
+.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
+  --tw-exit-opacity: 0.8;
+}
+
 .data-\[state\=open\]\:fade-in-0[data-state=open] {
   --tw-enter-opacity: 0;
 }
@@ -2793,6 +2961,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: 100%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-bottom-full[data-state=closed] {
+  --tw-exit-translate-y: 100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
   --tw-exit-translate-x: -100%;
 }
@@ -2801,10 +2973,18 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-x: -50%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-left-full[data-state=closed] {
+  --tw-exit-translate-x: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
   --tw-exit-translate-x: 100%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
+  --tw-exit-translate-x: 100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
   --tw-exit-translate-y: -100%;
 }
@@ -2813,10 +2993,18 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: -48%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed] {
+  --tw-exit-translate-y: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
   --tw-enter-translate-y: 100%;
 }
 
+.data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
+  --tw-enter-translate-y: 100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
   --tw-enter-translate-x: -100%;
 }
@@ -2837,6 +3025,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-enter-translate-y: -48%;
 }
 
+.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
+  --tw-enter-translate-y: -100%;
+}
+
 .data-\[state\=closed\]\:duration-300[data-state=closed] {
   animation-duration: 300ms;
 }
@@ -2864,6 +3056,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     flex-direction: row;
   }
 
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -2897,6 +3093,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     width: auto;
   }
 
+  .md\:max-w-\[420px\] {
+    max-width: 420px;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

package/dist/index.es.d.ts

@@ -9,6 +9,7 @@ import { Drawer as Drawer_2 } from 'vaul';
 import { EmojiClickData } 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';
 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';
@@ -20,6 +21,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { SetStateAction } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: React_2.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & React_2.RefAttributes<HTMLDivElement>>;
@@ -448,6 +450,12 @@ export declare const GridLayout: (props: GridProps) => JSX_2.Element;
 
 export declare type GridProps = GridProps_2;
 
+export declare const HoverCard: React_2.FC<HoverCardPrimitive.HoverCardProps>;
+
+export declare const HoverCardContent: React_2.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const HoverCardTrigger: React_2.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React_2.RefAttributes<HTMLAnchorElement>>;
+
 export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
 
 export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
@@ -771,6 +779,53 @@ export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTML
     onChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
 }
 
+export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "danger" | "secondary" | "success" | null | undefined;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+} & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare function toast({ ...props }: Toast_2): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+
+declare type Toast_2 = Omit<ToasterToast, "id">;
+
+export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;
+
+export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const Toaster: ({ position, icon }: ToasterProps) => JSX_2.Element;
+
+export declare interface ToasterProps {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+    icon?: keyof typeof UltimateIcons | string;
+}
+
+declare type ToasterToast = ToastProps & {
+    id: string;
+    title?: React_2.ReactNode;
+    description?: React_2.ReactNode;
+    action?: ToastActionElement;
+};
+
+export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
+
+export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
+
+export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+} & React_2.RefAttributes<HTMLOListElement>>;
+
 export declare const Toggle: React_2.ForwardRefExoticComponent<ToggleProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ToggleProps extends React_2.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof toggleVariants> {
@@ -795,7 +850,7 @@ declare const tooltipVariants: (props?: ({
     defaultVariants?: "variant" | "beakPosition" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const UltimateIcons: any;
+export declare const UltimateIcons: any;
 
 export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {
     onMouseEnter: () => void;
@@ -815,4 +870,10 @@ export declare function useSortableData(initialData: TableDataProps[], defaultSo
     sortData: (keyName: string) => void;
 };
 
+export declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
 export { }