@fileverse/ui 4.1.6-patch-6 → 4.1.6-patch-7

package/dist/index.css

@@ -1450,10 +1450,6 @@ video {
 .\!w-\[95\%\] {
   width: 95% !important;
 }
-.\!w-fit {
-  width: -moz-fit-content !important;
-  width: fit-content !important;
-}
 .\!w-full {
   width: 100% !important;
 }
@@ -1873,9 +1869,6 @@ video {
 .\!gap-1 {
   gap: 0.25rem !important;
 }
-.\!gap-2 {
-  gap: 0.5rem !important;
-}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1903,11 +1896,6 @@ video {
 .gap-8 {
   gap: 2rem;
 }
-.\!space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0 !important;
-  margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
-}
 .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
@@ -1997,9 +1985,6 @@ video {
 .\!rounded {
   border-radius: 0.25rem !important;
 }
-.\!rounded-\[8px\] {
-  border-radius: 8px !important;
-}
 .\!rounded-lg {
   border-radius: var(--radius) !important;
 }
@@ -2142,9 +2127,6 @@ video {
   -o-object-fit: cover;
      object-fit: cover;
 }
-.\!p-3 {
-  padding: 0.75rem !important;
-}
 .p-0 {
   padding: 0px;
 }
@@ -2607,6 +2589,19 @@ textarea:is(:-webkit-autofill, :autofill) {
   margin: 0 0.5rem !important;
 }
 
+.toast-mini {
+  padding: 12px !important;
+  gap: 8px !important;
+  width: -moz-fit-content !important;
+  width: fit-content !important;
+  border-radius: 8px !important;
+  place-self: end !important;
+}
+
+.toast-mini > * + * {
+  margin-left: 0;
+}
+
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;

package/dist/index.es.d.ts

@@ -872,7 +872,7 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const Toaster: ({ position, duration, customIcon, }: ToasterProps) => JSX_2.Element;
+export declare const Toaster: ({ position, duration, }: ToasterProps) => JSX_2.Element;
 
 export declare interface ToasterProps {
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";

package/dist/index.es.js

@@ -63459,7 +63459,7 @@ const xwe = ({ duration: e, variant: t }) => {
         "bottom-0 right-0": t === "bottom-right",
         "bottom-0 left-0": t === "bottom-left",
         "top-0 left-1/2 -translate-x-1/2": t === "center-top",
-        "bottom-0 left-1/2 -translate-x-1/2 items-center": t === "center-bottom"
+        "bottom-0 left-1/2 -translate-x-1/2": t === "center-bottom"
       },
       e
     ),
@@ -63468,15 +63468,15 @@ const xwe = ({ duration: e, variant: t }) => {
 ));
 d6.displayName = R3.displayName;
 const bwe = Lt(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80",
+  "group pointer-events-auto relative flex w-full items-center justify-between overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80",
   {
     variants: {
       variant: {
-        default: "default group color-bg-default-inverse color-text-inverse dark:text-[#363B3F]",
-        secondary: "secondary group color-bg-secondary color-text-default color-border-default",
-        danger: "danger group color-bg-danger-light color-text-danger color-border-danger",
-        success: "success group color-bg-success-light color-text-success color-border-default",
-        mini: "default group color-bg-default-inverse color-text-inverse dark:text-[#363B3F] !p-3 !gap-2 !w-fit !space-x-0 !rounded-[8px]"
+        default: "default group color-bg-default-inverse color-text-inverse dark:text-[#363B3F] space-x-4",
+        secondary: "secondary group color-bg-secondary color-text-default color-border-default space-x-4",
+        danger: "danger group color-bg-danger-light color-text-danger color-border-danger space-x-4",
+        success: "success group color-bg-success-light color-text-success color-border-default space-x-4",
+        mini: "toast-mini group color-bg-default-inverse color-text-inverse dark:text-[#363B3F] space-x-0"
       },
       position: {
         "top-right": "data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
@@ -63672,10 +63672,9 @@ function Twe() {
 }
 const Nxe = ({
   position: e = "top-right",
-  duration: t = 5e3,
-  customIcon: a
+  duration: t = 5e3
 }) => {
-  const { toasts: n } = Twe(), o = Ke(() => {
+  const { toasts: a } = Twe(), n = Ke(() => {
     switch (e) {
       case "top-right":
         return "right";
@@ -63693,36 +63692,39 @@ const Nxe = ({
         return "right";
     }
   }, [e]);
-  return /* @__PURE__ */ l.jsxs(Cwe, { swipeDirection: o, duration: t, children: [
-    n.map(function({
-      id: i,
-      title: s,
-      description: c,
-      action: f,
-      variant: d,
-      hasIcon: u,
-      ...h
+  return /* @__PURE__ */ l.jsxs(Cwe, { swipeDirection: n, duration: t, children: [
+    a.map(function({
+      id: o,
+      title: i,
+      description: s,
+      action: c,
+      variant: f,
+      hasIcon: d,
+      customIcon: u,
+      position: h,
+      duration: y,
+      ...m
     }) {
       return /* @__PURE__ */ l.jsxs(
         l6,
         {
-          ...h,
-          variant: d,
-          position: e,
+          ...m,
+          variant: f,
+          position: h,
           className: "justify-start relative",
-          duration: t,
-          hasIcon: u,
-          customIcon: a,
+          duration: y,
+          hasIcon: d,
+          customIcon: u,
           children: [
             /* @__PURE__ */ l.jsxs("div", { className: "grid gap-1 ", children: [
-              s && /* @__PURE__ */ l.jsx(h6, { children: s }),
-              c && /* @__PURE__ */ l.jsx(p6, { children: c })
+              i && /* @__PURE__ */ l.jsx(h6, { children: i }),
+              s && /* @__PURE__ */ l.jsx(p6, { children: s })
             ] }),
-            f,
-            d !== "mini" && /* @__PURE__ */ l.jsx(u6, {})
+            c,
+            f !== "mini" && /* @__PURE__ */ l.jsx(u6, {})
           ]
         },
-        i
+        o
       );
     }),
     /* @__PURE__ */ l.jsx(d6, { position: e })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.1.6-patch-6",
+  "version": "4.1.6-patch-7",
   "files": [
     "/dist"
   ],