@la-batcave/ui 3.5.1 → 4.0.0

package/dist/Tabs.js

@@ -1,72 +1,72 @@
 "use client";
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import * as f from "react";
-import { u as k, c as T, a as E, P as F } from "./_shared/index-CXeb1OMI.js";
-import { u as w, R as V, I as D, c as y } from "./_shared/index-C0gNQvxa.js";
-import { P as p } from "./_shared/index-V-Ajw7Ac.js";
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import * as b from "react";
+import { u as S, c as x, a as E, P as F } from "./_shared/index-CXeb1OMI.js";
+import { u as w, R as V, I as D, c as T } from "./_shared/index-C0gNQvxa.js";
+import { P as v } from "./_shared/index-V-Ajw7Ac.js";
 import { u as G } from "./_shared/index-BC7vfx-u.js";
-import { c as m } from "./_shared/utils-eGXXUFl7.js";
-var g = "Tabs", [$] = E(g, [
-  y
-]), C = y(), [L, h] = $(g), I = f.forwardRef(
-  (t, o) => {
+import { c as f } from "./_shared/utils-eGXXUFl7.js";
+var m = "Tabs", [$] = E(m, [
+  T
+]), C = T(), [L, h] = $(m), I = b.forwardRef(
+  (o, n) => {
     const {
-      __scopeTabs: n,
-      value: r,
-      onValueChange: e,
-      defaultValue: l,
-      orientation: a = "horizontal",
+      __scopeTabs: i,
+      value: e,
+      onValueChange: r,
+      defaultValue: a,
+      orientation: t = "horizontal",
       dir: u,
-      activationMode: v = "automatic",
-      ...b
-    } = t, c = w(u), [s, d] = k({
-      prop: r,
-      onChange: e,
-      defaultProp: l ?? "",
-      caller: g
+      activationMode: p = "automatic",
+      ...g
+    } = o, l = w(u), [c, d] = S({
+      prop: e,
+      onChange: r,
+      defaultProp: a ?? "",
+      caller: m
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ s(
       L,
       {
-        scope: n,
+        scope: i,
         baseId: G(),
-        value: s,
+        value: c,
         onValueChange: d,
-        orientation: a,
-        dir: c,
-        activationMode: v,
-        children: /* @__PURE__ */ i(
-          p.div,
+        orientation: t,
+        dir: l,
+        activationMode: p,
+        children: /* @__PURE__ */ s(
+          v.div,
           {
-            dir: c,
-            "data-orientation": a,
-            ...b,
-            ref: o
+            dir: l,
+            "data-orientation": t,
+            ...g,
+            ref: n
           }
         )
       }
     );
   }
 );
-I.displayName = g;
-var N = "TabsList", R = f.forwardRef(
-  (t, o) => {
-    const { __scopeTabs: n, loop: r = !0, ...e } = t, l = h(N, n), a = C(n);
-    return /* @__PURE__ */ i(
+I.displayName = m;
+var N = "TabsList", R = b.forwardRef(
+  (o, n) => {
+    const { __scopeTabs: i, loop: e = !0, ...r } = o, a = h(N, i), t = C(i);
+    return /* @__PURE__ */ s(
       V,
       {
         asChild: !0,
-        ...a,
-        orientation: l.orientation,
-        dir: l.dir,
-        loop: r,
-        children: /* @__PURE__ */ i(
-          p.div,
+        ...t,
+        orientation: a.orientation,
+        dir: a.dir,
+        loop: e,
+        children: /* @__PURE__ */ s(
+          v.div,
           {
             role: "tablist",
-            "aria-orientation": l.orientation,
-            ...e,
-            ref: o
+            "aria-orientation": a.orientation,
+            ...r,
+            ref: n
           }
         )
       }
@@ -74,38 +74,38 @@ var N = "TabsList", R = f.forwardRef(
   }
 );
 R.displayName = N;
-var P = "TabsTrigger", _ = f.forwardRef(
-  (t, o) => {
-    const { __scopeTabs: n, value: r, disabled: e = !1, ...l } = t, a = h(P, n), u = C(n), v = M(a.baseId, r), b = S(a.baseId, r), c = r === a.value;
-    return /* @__PURE__ */ i(
+var A = "TabsTrigger", P = b.forwardRef(
+  (o, n) => {
+    const { __scopeTabs: i, value: e, disabled: r = !1, ...a } = o, t = h(A, i), u = C(i), p = k(t.baseId, e), g = M(t.baseId, e), l = e === t.value;
+    return /* @__PURE__ */ s(
       D,
       {
         asChild: !0,
         ...u,
-        focusable: !e,
-        active: c,
-        children: /* @__PURE__ */ i(
-          p.button,
+        focusable: !r,
+        active: l,
+        children: /* @__PURE__ */ s(
+          v.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": c,
-            "aria-controls": b,
-            "data-state": c ? "active" : "inactive",
-            "data-disabled": e ? "" : void 0,
-            disabled: e,
-            id: v,
-            ...l,
-            ref: o,
-            onMouseDown: T(t.onMouseDown, (s) => {
-              !e && s.button === 0 && s.ctrlKey === !1 ? a.onValueChange(r) : s.preventDefault();
+            "aria-selected": l,
+            "aria-controls": g,
+            "data-state": l ? "active" : "inactive",
+            "data-disabled": r ? "" : void 0,
+            disabled: r,
+            id: p,
+            ...a,
+            ref: n,
+            onMouseDown: x(o.onMouseDown, (c) => {
+              !r && c.button === 0 && c.ctrlKey === !1 ? t.onValueChange(e) : c.preventDefault();
             }),
-            onKeyDown: T(t.onKeyDown, (s) => {
-              [" ", "Enter"].includes(s.key) && a.onValueChange(r);
+            onKeyDown: x(o.onKeyDown, (c) => {
+              [" ", "Enter"].includes(c.key) && t.onValueChange(e);
             }),
-            onFocus: T(t.onFocus, () => {
-              const s = a.activationMode !== "manual";
-              !c && !e && s && a.onValueChange(r);
+            onFocus: x(o.onFocus, () => {
+              const c = t.activationMode !== "manual";
+              !l && !r && c && t.onValueChange(e);
             })
           }
         )
@@ -113,87 +113,96 @@ var P = "TabsTrigger", _ = f.forwardRef(
     );
   }
 );
-_.displayName = P;
-var A = "TabsContent", z = f.forwardRef(
-  (t, o) => {
-    const { __scopeTabs: n, value: r, forceMount: e, children: l, ...a } = t, u = h(A, n), v = M(u.baseId, r), b = S(u.baseId, r), c = r === u.value, s = f.useRef(c);
-    return f.useEffect(() => {
-      const d = requestAnimationFrame(() => s.current = !1);
+P.displayName = A;
+var _ = "TabsContent", j = b.forwardRef(
+  (o, n) => {
+    const { __scopeTabs: i, value: e, forceMount: r, children: a, ...t } = o, u = h(_, i), p = k(u.baseId, e), g = M(u.baseId, e), l = e === u.value, c = b.useRef(l);
+    return b.useEffect(() => {
+      const d = requestAnimationFrame(() => c.current = !1);
       return () => cancelAnimationFrame(d);
-    }, []), /* @__PURE__ */ i(F, { present: e || c, children: ({ present: d }) => /* @__PURE__ */ i(
-      p.div,
+    }, []), /* @__PURE__ */ s(F, { present: r || l, children: ({ present: d }) => /* @__PURE__ */ s(
+      v.div,
       {
-        "data-state": c ? "active" : "inactive",
+        "data-state": l ? "active" : "inactive",
         "data-orientation": u.orientation,
         role: "tabpanel",
-        "aria-labelledby": v,
+        "aria-labelledby": p,
         hidden: !d,
-        id: b,
+        id: g,
         tabIndex: 0,
-        ...a,
-        ref: o,
+        ...t,
+        ref: n,
         style: {
-          ...t.style,
-          animationDuration: s.current ? "0s" : void 0
+          ...o.style,
+          animationDuration: c.current ? "0s" : void 0
         },
-        children: d && l
+        children: d && a
       }
     ) });
   }
 );
-z.displayName = A;
-function M(t, o) {
-  return `${t}-trigger-${o}`;
+j.displayName = _;
+function k(o, n) {
+  return `${o}-trigger-${n}`;
 }
-function S(t, o) {
-  return `${t}-content-${o}`;
+function M(o, n) {
+  return `${o}-content-${n}`;
 }
-var K = I, j = R, B = _;
-function W({ tabs: t, active: o, onChange: n, className: r }) {
-  return /* @__PURE__ */ i(K, { value: o, onValueChange: n, children: /* @__PURE__ */ i(
-    j,
+var z = I, K = R, B = P;
+function W({ tabs: o, active: n, onChange: i, variant: e = "line", className: r }) {
+  return /* @__PURE__ */ s(z, { value: n, onValueChange: i, children: /* @__PURE__ */ s(
+    K,
     {
-      className: m(
-        "inline-flex items-center gap-1 border-b border-border",
+      className: f(
+        "inline-flex items-center",
+        e === "line" && "gap-1 border-b border-border",
+        e === "pill" && "h-9 gap-0 rounded-full bg-secondary p-1",
         r
       ),
-      children: t.map((e) => /* @__PURE__ */ x(
-        B,
-        {
-          value: e.key,
-          className: m(
-            "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium transition-all outline-none cursor-pointer",
-            "text-muted-foreground border-b-2 border-transparent -mb-px",
-            "hover:text-foreground",
-            "data-[state=active]:text-primary data-[state=active]:border-b-primary",
-            "focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm"
-          ),
-          children: [
-            e.icon && /* @__PURE__ */ i(e.icon, { size: 15 }),
-            e.label
-          ]
-        },
-        e.key
-      ))
+      children: o.map((a) => {
+        const t = a.key === n;
+        return /* @__PURE__ */ y(
+          B,
+          {
+            value: a.key,
+            className: f(
+              "inline-flex items-center justify-center gap-2 text-sm font-medium transition-all outline-none cursor-pointer focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30",
+              e === "line" && f(
+                "px-3 py-2 border-b-2 -mb-px hover:text-foreground focus-visible:rounded-sm",
+                t ? "text-primary border-b-primary" : "text-muted-foreground border-transparent"
+              ),
+              e === "pill" && f(
+                "h-full flex-1 px-3 py-1 rounded-full border hover:text-foreground",
+                t ? "bg-background text-foreground border-transparent dark:bg-foreground/15" : "text-muted-foreground border-transparent"
+              )
+            ),
+            children: [
+              a.icon && /* @__PURE__ */ s(a.icon, { size: 15 }),
+              a.label
+            ]
+          },
+          a.key
+        );
+      })
     }
   ) });
 }
-function X({ items: t, active: o, onChange: n, className: r }) {
-  return /* @__PURE__ */ i("nav", { className: m("flex items-center gap-2", r), children: t.map((e) => /* @__PURE__ */ x(
+function X({ items: o, active: n, onChange: i, className: e }) {
+  return /* @__PURE__ */ s("nav", { className: f("flex items-center gap-2", e), children: o.map((r) => /* @__PURE__ */ y(
     "button",
     {
-      onClick: () => n(e.key),
-      className: m(
+      onClick: () => i(r.key),
+      className: f(
         "flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-full border border-transparent transition-all outline-none cursor-pointer",
-        o === e.key ? "bg-accent text-accent-foreground border-primary/40" : "text-muted-foreground hover:bg-muted hover:text-foreground",
-        "focus-visible:ring-2 focus-visible:ring-ring"
+        n === r.key ? "bg-accent text-accent-foreground border-primary/40" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+        "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30"
       ),
       children: [
-        e.icon && /* @__PURE__ */ i(e.icon, { size: 15 }),
-        e.label
+        r.icon && /* @__PURE__ */ s(r.icon, { size: 15 }),
+        r.label
       ]
     },
-    e.key
+    r.key
   )) });
 }
 export {

package/dist/Toast.js

@@ -118,7 +118,7 @@ class me {
       ];
     }, this.create = (o) => {
       var e;
-      const { message: s, ...T } = o, d = typeof o?.id == "number" || ((e = o.id) == null ? void 0 : e.length) > 0 ? o.id : Tt++, g = this.toasts.find((h) => h.id === d), N = o.dismissible === void 0 ? !0 : o.dismissible;
+      const { message: s, ...T } = o, d = typeof o?.id == "number" || ((e = o.id) == null ? void 0 : e.length) > 0 ? o.id : Tt++, g = this.toasts.find((h) => h.id === d), k = o.dismissible === void 0 ? !0 : o.dismissible;
       return this.dismissedToasts.has(d) && this.dismissedToasts.delete(d), g ? this.toasts = this.toasts.map((h) => h.id === d ? (this.publish({
         ...h,
         ...o,
@@ -128,12 +128,12 @@ class me {
         ...h,
         ...o,
         id: d,
-        dismissible: N,
+        dismissible: k,
         title: s
       }) : h) : this.addToast({
         title: s,
         ...T,
-        dismissible: N,
+        dismissible: k,
         id: d
       }), d;
     }, this.dismiss = (o) => (o ? (this.dismissedToasts.add(o), requestAnimationFrame(() => this.subscribers.forEach((e) => e({
@@ -180,7 +180,7 @@ class me {
       }));
       const T = Promise.resolve(o instanceof Function ? o() : o);
       let d = s !== void 0, g;
-      const N = T.then(async (i) => {
+      const k = T.then(async (i) => {
         if (g = [
           "resolve",
           i
@@ -230,8 +230,8 @@ class me {
           i
         ], e.error !== void 0) {
           d = !1;
-          const k = typeof e.error == "function" ? await e.error(i) : e.error, t = typeof e.description == "function" ? await e.description(i) : e.description, j = typeof k == "object" && !a.isValidElement(k) ? k : {
-            message: k
+          const N = typeof e.error == "function" ? await e.error(i) : e.error, t = typeof e.description == "function" ? await e.description(i) : e.description, j = typeof N == "object" && !a.isValidElement(N) ? N : {
+            message: N
           };
           this.create({
             id: s,
@@ -242,7 +242,7 @@ class me {
         }
       }).finally(() => {
         d && (this.dismiss(s), s = void 0), e.finally == null || e.finally.call(e);
-      }), h = () => new Promise((i, k) => N.then(() => g[0] === "reject" ? k(g[1]) : i(g[1])).catch(k));
+      }), h = () => new Promise((i, N) => k.then(() => g[0] === "reject" ? N(g[1]) : i(g[1])).catch(N));
       return typeof s != "string" && typeof s != "number" ? {
         unwrap: h
       } : Object.assign(s, {
@@ -283,7 +283,7 @@ oe("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;
 function pt(n) {
   return n.label !== void 0;
 }
-const ye = 3, xe = "24px", we = "16px", At = 4e3, Ee = 356, Te = 14, Ne = 45, ke = 200;
+const ye = 3, xe = "24px", we = "16px", At = 4e3, Ee = 356, Te = 14, ke = 45, Ne = 200;
 function z(...n) {
   return n.filter(Boolean).join(" ");
 }
@@ -292,8 +292,8 @@ function Se(n) {
   return o && s.push(o), e && s.push(e), s;
 }
 const _e = (n) => {
-  var o, e, s, T, d, g, N, h, i;
-  const { invert: k, toast: t, unstyled: w, interacting: j, setHeights: E, visibleToasts: ht, heights: U, index: c, toasts: st, expanded: W, removeToast: nt, defaultRichColors: bt, closeButton: P, style: tt, cancelButtonStyle: $, actionButtonStyle: vt, className: rt = "", descriptionClassName: yt = "", duration: et, position: A, gap: it, expandByDefault: at, classNames: u, icons: v, closeButtonAriaLabel: O = "Close toast" } = n, [F, M] = a.useState(null), [V, lt] = a.useState(null), [l, p] = a.useState(!1), [m, R] = a.useState(!1), [K, f] = a.useState(!1), [q, dt] = a.useState(!1), [ct, G] = a.useState(!1), [Pt, xt] = a.useState(0), [Lt, Nt] = a.useState(0), ot = a.useRef(t.duration || et || At), kt = a.useRef(null), L = a.useRef(null), Ot = c === 0, Yt = c + 1 <= ht, _ = t.type, Q = t.dismissible !== !1, $t = t.className || "", Ft = t.descriptionClassName || "", ut = a.useMemo(() => U.findIndex((r) => r.toastId === t.id) || 0, [
+  var o, e, s, T, d, g, k, h, i;
+  const { invert: N, toast: t, unstyled: w, interacting: j, setHeights: E, visibleToasts: ht, heights: U, index: c, toasts: st, expanded: W, removeToast: nt, defaultRichColors: bt, closeButton: P, style: tt, cancelButtonStyle: $, actionButtonStyle: vt, className: rt = "", descriptionClassName: yt = "", duration: et, position: A, gap: it, expandByDefault: at, classNames: u, icons: v, closeButtonAriaLabel: O = "Close toast" } = n, [F, M] = a.useState(null), [V, lt] = a.useState(null), [l, p] = a.useState(!1), [m, R] = a.useState(!1), [K, f] = a.useState(!1), [q, dt] = a.useState(!1), [ct, G] = a.useState(!1), [Pt, xt] = a.useState(0), [Lt, kt] = a.useState(0), ot = a.useRef(t.duration || et || At), Nt = a.useRef(null), L = a.useRef(null), Ot = c === 0, Yt = c + 1 <= ht, _ = t.type, Q = t.dismissible !== !1, $t = t.className || "", Ft = t.descriptionClassName || "", ut = a.useMemo(() => U.findIndex((r) => r.toastId === t.id) || 0, [
     U,
     t.id
   ]), Vt = a.useMemo(() => {
@@ -308,7 +308,7 @@ const _e = (n) => {
   ]), wt = a.useRef(0), J = a.useRef(0), _t = a.useRef(0), Z = a.useRef(null), [Xt, Ut] = A.split("-"), Dt = a.useMemo(() => U.reduce((r, b, x) => x >= ut ? r : r + b.height, 0), [
     U,
     ut
-  ]), Rt = fe(), Wt = t.invert || k, Et = _ === "loading";
+  ]), Rt = fe(), Wt = t.invert || N, Et = _ === "loading";
   J.current = a.useMemo(() => ut * it + Dt, [
     ut,
     Dt
@@ -322,7 +322,7 @@ const _e = (n) => {
     const r = L.current;
     if (r) {
       const b = r.getBoundingClientRect().height;
-      return Nt(b), E((x) => [
+      return kt(b), E((x) => [
         {
           toastId: t.id,
           height: b,
@@ -339,7 +339,7 @@ const _e = (n) => {
     const r = L.current, b = r.style.height;
     r.style.height = "auto";
     const x = r.getBoundingClientRect().height;
-    r.style.height = b, Nt(x), E((D) => D.find((y) => y.toastId === t.id) ? D.map((y) => y.toastId === t.id ? {
+    r.style.height = b, kt(x), E((D) => D.find((y) => y.toastId === t.id) ? D.map((y) => y.toastId === t.id ? {
       ...y,
       height: x
     } : y) : [
@@ -363,7 +363,7 @@ const _e = (n) => {
   const Y = a.useCallback(() => {
     R(!0), xt(J.current), E((r) => r.filter((b) => b.toastId !== t.id)), setTimeout(() => {
       nt(t);
-    }, ke);
+    }, Ne);
   }, [
     t,
     nt,
@@ -448,7 +448,7 @@ const _e = (n) => {
       f(!1), M(null), Z.current = null;
     },
     onPointerDown: (r) => {
-      r.button !== 2 && (Et || !Q || (kt.current = /* @__PURE__ */ new Date(), xt(J.current), r.target.setPointerCapture(r.pointerId), r.target.tagName !== "BUTTON" && (f(!0), Z.current = {
+      r.button !== 2 && (Et || !Q || (Nt.current = /* @__PURE__ */ new Date(), xt(J.current), r.target.setPointerCapture(r.pointerId), r.target.tagName !== "BUTTON" && (f(!0), Z.current = {
         x: r.clientX,
         y: r.clientY
       })));
@@ -457,8 +457,8 @@ const _e = (n) => {
       var r, b, x;
       if (q || !Q) return;
       Z.current = null;
-      const D = Number(((r = L.current) == null ? void 0 : r.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), ft = Number(((b = L.current) == null ? void 0 : b.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), y = (/* @__PURE__ */ new Date()).getTime() - ((x = kt.current) == null ? void 0 : x.getTime()), B = F === "x" ? D : ft, mt = Math.abs(B) / y;
-      if (Math.abs(B) >= Ne || mt > 0.11) {
+      const D = Number(((r = L.current) == null ? void 0 : r.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), ft = Number(((b = L.current) == null ? void 0 : b.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), y = (/* @__PURE__ */ new Date()).getTime() - ((x = Nt.current) == null ? void 0 : x.getTime()), B = F === "x" ? D : ft, mt = Math.abs(B) / y;
+      if (Math.abs(B) >= ke || mt > 0.11) {
         xt(J.current), t.onDismiss == null || t.onDismiss.call(t, t), lt(F === "x" ? D > 0 ? "right" : "left" : ft > 0 ? "down" : "up"), Y(), dt(!0);
         return;
       } else {
@@ -516,7 +516,7 @@ const _e = (n) => {
     className: z(u?.title, t == null || (g = t.classNames) == null ? void 0 : g.title)
   }, t.jsx ? t.jsx : typeof t.title == "function" ? t.title() : t.title), t.description ? /* @__PURE__ */ a.createElement("div", {
     "data-description": "",
-    className: z(yt, Ft, u?.description, t == null || (N = t.classNames) == null ? void 0 : N.description)
+    className: z(yt, Ft, u?.description, t == null || (k = t.classNames) == null ? void 0 : k.description)
   }, typeof t.description == "function" ? t.description() : t.description) : null), /* @__PURE__ */ a.isValidElement(t.cancel) ? t.cancel : t.cancel && pt(t.cancel) ? /* @__PURE__ */ a.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -546,15 +546,15 @@ function De(n, o) {
     n,
     o
   ].forEach((s, T) => {
-    const d = T === 1, g = d ? "--mobile-offset" : "--offset", N = d ? we : xe;
+    const d = T === 1, g = d ? "--mobile-offset" : "--offset", k = d ? we : xe;
     function h(i) {
       [
         "top",
         "right",
         "bottom",
         "left"
-      ].forEach((k) => {
-        e[`${g}-${k}`] = typeof i == "number" ? `${i}px` : i;
+      ].forEach((N) => {
+        e[`${g}-${N}`] = typeof i == "number" ? `${i}px` : i;
       });
     }
     typeof s == "number" || typeof s == "string" ? h(s) : typeof s == "object" ? [
@@ -563,15 +563,15 @@ function De(n, o) {
       "bottom",
       "left"
     ].forEach((i) => {
-      s[i] === void 0 ? e[`${g}-${i}`] = N : e[`${g}-${i}`] = typeof s[i] == "number" ? `${s[i]}px` : s[i];
-    }) : h(N);
+      s[i] === void 0 ? e[`${g}-${i}`] = k : e[`${g}-${i}`] = typeof s[i] == "number" ? `${s[i]}px` : s[i];
+    }) : h(k);
   }), e;
 }
 const Re = /* @__PURE__ */ a.forwardRef(function(o, e) {
   const { id: s, invert: T, position: d = "bottom-right", hotkey: g = [
     "altKey",
     "KeyT"
-  ], expand: N, closeButton: h, className: i, offset: k, mobileOffset: t, theme: w = "light", richColors: j, duration: E, style: ht, visibleToasts: U = ye, toastOptions: c, dir: st = zt(), gap: W = Te, icons: nt, containerAriaLabel: bt = "Notifications" } = o, [P, tt] = a.useState([]), $ = a.useMemo(() => s ? P.filter((l) => l.toasterId === s) : P.filter((l) => !l.toasterId), [
+  ], expand: k, closeButton: h, className: i, offset: N, mobileOffset: t, theme: w = "light", richColors: j, duration: E, style: ht, visibleToasts: U = ye, toastOptions: c, dir: st = zt(), gap: W = Te, icons: nt, containerAriaLabel: bt = "Notifications" } = o, [P, tt] = a.useState([]), $ = a.useMemo(() => s ? P.filter((l) => l.toasterId === s) : P.filter((l) => !l.toasterId), [
     P,
     s
   ]), vt = a.useMemo(() => Array.from(new Set([
@@ -689,7 +689,7 @@ const Re = /* @__PURE__ */ a.forwardRef(function(o, e) {
         "--width": `${Ee}px`,
         "--gap": `${W}px`,
         ...ht,
-        ...De(k, t)
+        ...De(N, t)
       },
       onBlur: (f) => {
         V.current && !f.currentTarget.contains(f.relatedTarget) && (V.current = !1, M.current && (M.current.focus({
@@ -735,7 +735,7 @@ const Re = /* @__PURE__ */ a.forwardRef(function(o, e) {
         toasts: $.filter((G) => G.position == f.position),
         heights: rt.filter((G) => G.position == f.position),
         setHeights: yt,
-        expandByDefault: N,
+        expandByDefault: k,
         gap: W,
         expanded: et,
         swipeDirections: o.swipeDirections
@@ -749,6 +749,7 @@ function Pe({ position: n = "bottom-right", className: o, ...e }) {
     {
       position: n,
       className: Ht("toaster group", o),
+      toastOptions: { style: { opacity: 1, background: "transparent", border: "none", padding: 0, boxShadow: "none" } },
       ...e
     }
   );
@@ -756,19 +757,19 @@ function Pe({ position: n = "bottom-right", className: o, ...e }) {
 const Be = {
   success: {
     icon: /* @__PURE__ */ H(ae, { size: 18, className: "text-success shrink-0" }),
-    border: "border-l-success"
+    bg: "bg-success/15 border-success/20 dark:bg-success/10 dark:border-success/15"
   },
   error: {
     icon: /* @__PURE__ */ H(ee, { size: 18, className: "text-destructive shrink-0" }),
-    border: "border-l-destructive"
+    bg: "bg-destructive/15 border-destructive/20 dark:bg-destructive/10 dark:border-destructive/15"
   },
   warning: {
     icon: /* @__PURE__ */ H(te, { size: 18, className: "text-warning shrink-0" }),
-    border: "border-l-warning"
+    bg: "bg-warning/15 border-warning/20 dark:bg-warning/10 dark:border-warning/15"
   },
   info: {
     icon: /* @__PURE__ */ H(Zt, { size: 18, className: "text-info shrink-0" }),
-    border: "border-l-info"
+    bg: "bg-info/15 border-info/20 dark:bg-info/10 dark:border-info/15"
   }
 };
 function Me({ id: n, variant: o, title: e, message: s, icon: T }) {
@@ -777,8 +778,8 @@ function Me({ id: n, variant: o, title: e, message: s, icon: T }) {
     "div",
     {
       className: Ht(
-        "flex items-center gap-3 blurred-bg border border-border rounded-lg shadow-lg text-sm px-4 py-3 w-[356px] border-l-3",
-        d.border
+        "flex items-center gap-3 border rounded-3xl shadow-lg text-sm px-4 py-3 w-[356px] bg-card/80 backdrop-blur-md",
+        d.bg
       ),
       children: [
         T || d.icon,
@@ -799,7 +800,7 @@ function Me({ id: n, variant: o, title: e, message: s, icon: T }) {
   );
 }
 function gt(n, o) {
-  const s = typeof o == "object" && o !== null && !Gt.isValidElement(o) ? o : void 0, T = s?.title, d = s ? s.message : o, g = s?.icon, N = s?.duration;
+  const s = typeof o == "object" && o !== null && !Gt.isValidElement(o) ? o : void 0, T = s?.title, d = s ? s.message : o, g = s?.icon, k = s?.duration;
   return jt.custom(
     (h) => /* @__PURE__ */ H(
       Me,
@@ -811,7 +812,7 @@ function gt(n, o) {
         icon: g
       }
     ),
-    { duration: N }
+    { duration: k }
   );
 }
 const Le = {

package/dist/Tooltip.js

@@ -331,7 +331,7 @@ const je = Ee, $e = Re, Be = _e, Le = s.forwardRef(({ className: t, sideOffset:
     ref: r,
     sideOffset: o,
     className: ae(
-      "z-50 overflow-hidden rounded-md border border-border bg-card px-3 py-1.5 text-sm text-foreground shadow-lg",
+      "z-50 overflow-hidden rounded-xl border border-border bg-card px-3 py-1.5 text-sm text-foreground shadow-md",
       "animate-in fade-in-0 zoom-in-95",
       "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
       "data-[side=bottom]:slide-in-from-top-2",

package/dist/Typography.js

@@ -11,13 +11,13 @@ function f({ children: t, icon: e, className: r, ...s }) {
       ),
       ...s,
       children: [
-        e && /* @__PURE__ */ n("span", { className: "w-9 h-9 rounded-md bg-primary/15 text-primary flex items-center justify-center shrink-0", children: /* @__PURE__ */ n(e, { size: 18 }) }),
+        e && /* @__PURE__ */ n("span", { className: "w-9 h-9 rounded-xl bg-primary/15 text-primary flex items-center justify-center shrink-0", children: /* @__PURE__ */ n(e, { size: 18 }) }),
         t
       ]
     }
   );
 }
-function m({ children: t, className: e, ...r }) {
+function u({ children: t, className: e, ...r }) {
   return /* @__PURE__ */ n(
     "p",
     {
@@ -30,7 +30,7 @@ function m({ children: t, className: e, ...r }) {
     }
   );
 }
-function u({ children: t, className: e, ...r }) {
+function m({ children: t, className: e, ...r }) {
   return /* @__PURE__ */ n(
     "h3",
     {
@@ -43,7 +43,7 @@ function u({ children: t, className: e, ...r }) {
     }
   );
 }
-function d({ children: t, className: e, ...r }) {
+function x({ children: t, className: e, ...r }) {
   return /* @__PURE__ */ n(
     "h1",
     {
@@ -53,7 +53,7 @@ function d({ children: t, className: e, ...r }) {
     }
   );
 }
-function x({ children: t, className: e, ...r }) {
+function d({ children: t, className: e, ...r }) {
   return /* @__PURE__ */ n(
     "h2",
     {
@@ -113,11 +113,11 @@ function b({ name: t, suffix: e, className: r, ...s }) {
 export {
   b as AppName,
   p as Caption,
-  d as H1,
-  x as H2,
+  x as H1,
+  d as H2,
   l as H3,
   g as InlineCode,
-  m as PageDescription,
+  u as PageDescription,
   f as PageTitle,
-  u as SectionTitle
+  m as SectionTitle
 };