vxui-react 1.3.2 → 1.3.3

package/dist/index.js

@@ -2029,36 +2029,38 @@ function tl({
   placement: d = "center",
   scrollable: c = !0,
   closable: u = !0,
-  ...v
+  fullscreen: v = !1,
+  ...x
 }) {
-  const x = B(null);
-  return /* @__PURE__ */ N(At, { ...v, children: [
+  const k = B(null);
+  return /* @__PURE__ */ N(At, { ...x, children: [
     /* @__PURE__ */ a(Pt, { asChild: !0, children: e }),
     /* @__PURE__ */ N(Rt, { children: [
       /* @__PURE__ */ a(Dt, { className: "vx-dialog__overlay" }),
       /* @__PURE__ */ N(
         Lt,
         {
-          ref: x,
+          ref: k,
           className: T(
             "vx-dialog__content",
+            v && "vx-dialog__content--fullscreen",
             l !== "md" && `vx-dialog__content--${l}`,
             d !== "center" && `vx-dialog__content--${d}`,
             i && `vx-dialog__content--pad-${i}`,
             c && "vx-dialog__content--scrollable",
             s
           ),
-          onEscapeKeyDown: (k) => {
-            const S = x.current;
-            if (!S) return;
-            const g = !!S.querySelector(
+          onEscapeKeyDown: (S) => {
+            const g = k.current;
+            if (!g) return;
+            const h = !!g.querySelector(
               ".vx-select__dropdown, .vx-multiselect__dropdown, .vx-datepicker__popover, .vx-timepicker__popover, .vx-colorpicker__panel"
-            ), h = S.dataset.hasOpenPortal === "1";
-            (g || h) && k.preventDefault();
+            ), _ = g.dataset.hasOpenPortal === "1";
+            (h || _) && S.preventDefault();
           },
-          onPointerDownOutside: (k) => {
-            const S = x.current;
-            (S == null ? void 0 : S.dataset.hasOpenPortal) === "1" && k.preventDefault();
+          onPointerDownOutside: (S) => {
+            const g = k.current;
+            (g == null ? void 0 : g.dataset.hasOpenPortal) === "1" && S.preventDefault();
           },
           children: [
             /* @__PURE__ */ N("div", { className: "vx-dialog__header", children: [
@@ -3461,40 +3463,40 @@ const pi = {
   warning: /* @__PURE__ */ a(ba, { size: 15 }),
   danger: /* @__PURE__ */ a(aa, { size: 15 })
 };
-function pl({ children: e, placement: t = "bottom-right" }) {
-  const [n, r] = I([]), o = Se(
+function pl({ children: e }) {
+  const [t, n] = I([]), r = Se(
     () => ({
-      push: (s) => {
-        r((l) => [...l, { id: ui += 1, tone: "info", ...s }]);
+      push: (o) => {
+        n((s) => [...s, { id: ui += 1, tone: "info", ...o }]);
       }
     }),
     []
   );
-  return /* @__PURE__ */ a(zr.Provider, { value: o, children: /* @__PURE__ */ N(oi, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ a(zr.Provider, { value: r, children: /* @__PURE__ */ N(oi, { swipeDirection: "right", children: [
     e,
-    n.map((s) => /* @__PURE__ */ N(
+    t.map((o) => /* @__PURE__ */ N(
       ii,
       {
-        className: T("vx-toast", `vx-toast--${s.tone ?? "info"}`, !s.description && "vx-toast--no-desc"),
-        duration: s.duration ?? 4500,
+        className: T("vx-toast", `vx-toast--${o.tone ?? "info"}`),
+        duration: 4500,
         open: !0,
-        onOpenChange: (l) => {
-          l || r((i) => i.filter((d) => d.id !== s.id));
+        onOpenChange: (s) => {
+          s || n((l) => l.filter((i) => i.id !== o.id));
         },
         children: [
           /* @__PURE__ */ N("div", { className: "vx-toast__content", children: [
             /* @__PURE__ */ N("div", { className: "vx-toast__header", children: [
-              /* @__PURE__ */ a("span", { className: "vx-toast__icon", "aria-hidden": "true", children: pi[s.tone ?? "info"] }),
-              /* @__PURE__ */ a(li, { className: "vx-toast__title", children: s.title })
+              /* @__PURE__ */ a("span", { className: "vx-toast__icon", "aria-hidden": "true", children: pi[o.tone ?? "info"] }),
+              /* @__PURE__ */ a(li, { className: "vx-toast__title", children: o.title })
             ] }),
-            s.description ? /* @__PURE__ */ a(ci, { className: "vx-toast__description", children: s.description }) : null
+            o.description ? /* @__PURE__ */ a(ci, { className: "vx-toast__description", children: o.description }) : null
           ] }),
-          s.closable !== !1 && /* @__PURE__ */ a(di, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(le, { size: 14 }) })
+          /* @__PURE__ */ a(di, { className: "vx-toast__close", "aria-label": "Dismiss notification", children: /* @__PURE__ */ a(le, { size: 14 }) })
         ]
       },
-      s.id
+      o.id
     )),
-    /* @__PURE__ */ a(si, { className: T("vx-toast__viewport", `vx-toast__viewport--${t}`) })
+    /* @__PURE__ */ a(si, { className: "vx-toast__viewport" })
   ] }) });
 }
 function vl() {
@@ -4093,9 +4095,7 @@ function Al({
     u && S(r);
   }, [u, r]), xe(() => {
     if (!u || !x.current) return;
-    const p = x.current.getBoundingClientRect();
-    if (p.width === 0 && p.height === 0) return;
-    const m = 8;
+    const p = x.current.getBoundingClientRect(), m = 8;
     k === "left" && p.right > window.innerWidth - m ? S("right") : k === "right" && p.left < m && S("left");
   }, [u, k]);
   const g = Y((p) => {
@@ -6196,7 +6196,7 @@ function Hr({ node: e, depth: t, selected: n, expanded: r, onSelect: o, onToggle
   ] });
 }
 function xc({
-  nodes: e = [],
+  nodes: e,
   selected: t,
   defaultSelected: n,
   onSelect: r,
@@ -8636,7 +8636,7 @@ function Ec({
     ) })
   ] });
 }
-const Oi = "1.3.2", $i = {
+const Oi = "1.3.3", $i = {
   version: Oi
 }, Ve = `v${$i.version}`, Wr = {
   locale: "en",
@@ -8967,8 +8967,7 @@ const Oi = "1.3.2", $i = {
       guidance: [
         "Use success and info to confirm background actions.",
         "Escalate blocking or destructive states to dialogs instead of stacking toasts.",
-        "Avoid repeating the same message on every page transition.",
-        "Provide only a title when possible for a clean, compact layout."
+        "Avoid repeating the same message on every page transition."
       ]
     },
     feedback: {
@@ -9452,8 +9451,7 @@ const Oi = "1.3.2", $i = {
       guidance: [
         "使用 success 和 info 确认后台操作。",
         "将阻塞性或破坏性状态升级为对话框，而非堆叠 Toast。",
-        "避免在每次页面切换时重复相同消息。",
-        "在可用的情况下尽量只提供标题，享受更为紧凑、极简的纯标题排版。"
+        "避免在每次页面切换时重复相同消息。"
       ]
     },
     feedback: {

package/dist/src/components/Dialog.d.ts

@@ -20,8 +20,10 @@ export interface DialogProps extends Pick<DialogPrimitive.DialogProps, 'defaultO
     scrollable?: boolean;
     /** Show the close (×) button. Default: true */
     closable?: boolean;
+    /** When true, the dialog will be displayed in fullscreen mode. Default: false */
+    fullscreen?: boolean;
 }
-export declare function Dialog({ trigger, title, description, children, footer, className, size, padding, placement, scrollable, closable, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog({ trigger, title, description, children, footer, className, size, padding, placement, scrollable, closable, fullscreen, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Wraps any child element so that clicking it closes the parent Dialog.
  * Usage: <DialogClose asChild><Button>Cancel</Button></DialogClose>

package/dist/src/components/Toast.d.ts

@@ -1,20 +1,15 @@
 import { ReactNode } from 'react';
 type ToastTone = 'info' | 'success' | 'warning' | 'danger';
-export type ToastPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
 interface ToastInput {
     title: string;
     description?: string;
     tone?: ToastTone;
-    duration?: number;
-    closable?: boolean;
 }
 interface ToastContextValue {
     push: (toast: ToastInput) => void;
 }
-export interface ToastProviderProps {
+export declare function ToastProvider({ children }: {
     children: ReactNode;
-    placement?: ToastPlacement;
-}
-export declare function ToastProvider({ children, placement }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function useToast(): ToastContextValue;
 export {};