flysoft-react-ui 1.2.9 → 1.2.10

package/AI_CONTEXT.md

@@ -744,6 +744,7 @@ interface DialogProps {
   onClose?: () => void;
   closeOnOverlayClick?: boolean; // default: false
   compact?: boolean;             // default: false
+  bodyWidth?: string | number;   // Custom dialog width (e.g. "800px", "80vw", 600). Default: max-w-lg
 }
 ```
 

package/AI_INTEGRATION_GUIDE.md

@@ -90,7 +90,7 @@ This project uses `flysoft-react-ui` as the default UI library.
 - `Badge` — Props: variant, size, rounded, icon, iconPosition, bg, textColor, onClick
 - `Avatar` — Props: text (for initials), image, bgColor, textColor, size
 - `RoadMap` — Stage visualization. Props: stages ({name, description?, icon?, variant?, bg?, disabled?}[])
-- `Dialog` — Modal. Props: isOpen, title, children, footer, onClose, closeOnOverlayClick, compact
+- `Dialog` — Modal. Props: isOpen, title, children, footer, onClose, closeOnOverlayClick, compact, bodyWidth
 - `Loader` — Loading indicator. Props: isLoading, text, keepContentWhileLoading, contentLoadingNode, overlayClassName
 - `FiltersDialog` — Groups multiple filters in dialog. Props: filters (FilterConfig[])
 - `Snackbar` — (Used internally) Toast notification

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

@@ -7,6 +7,7 @@ export interface DialogProps {
     onClose?: () => void;
     closeOnOverlayClick?: boolean;
     compact?: boolean;
+    bodyWidth?: string | number;
 }
 export declare const Dialog: React.FC<DialogProps>;
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/utils/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgHxC,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0HxC,CAAC"}

package/dist/index.js

@@ -2991,15 +2991,16 @@ const dn = ({
   footer: n,
   onClose: s,
   closeOnOverlayClick: o = !1,
-  compact: a = !1
+  compact: a = !1,
+  bodyWidth: i
 }) => (me(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
   document.body.style.overflow = "";
 }), [e]), me(() => {
-  const c = (u) => {
-    u.key === "Escape" && e && s && s();
+  const u = (d) => {
+    d.key === "Escape" && e && s && s();
   };
-  return e && document.addEventListener("keydown", c), () => {
-    document.removeEventListener("keydown", c);
+  return e && document.addEventListener("keydown", u), () => {
+    document.removeEventListener("keydown", u);
   };
 }, [e, s]), e ? /* @__PURE__ */ $(
   "div",
@@ -3021,9 +3022,13 @@ const dn = ({
       /* @__PURE__ */ $(
         "div",
         {
-          className: "relative w-auto max-w-lg min-w-[400px] bg-[var(--color-bg-default)] rounded-lg shadow-[var(--shadow-xl)] border border-[var(--color-border-default)] font-[var(--font-default)] max-h-[90vh] flex flex-col",
-          onClick: (c) => c.stopPropagation(),
-          style: { overflow: "visible" },
+          className: `relative bg-[var(--color-bg-default)] rounded-lg shadow-[var(--shadow-xl)] border border-[var(--color-border-default)] font-[var(--font-default)] max-h-[90vh] flex flex-col${i ? "" : " w-auto max-w-lg min-w-[400px]"}`,
+          onClick: (u) => u.stopPropagation(),
+          style: {
+            overflow: "visible",
+            width: i !== void 0 ? typeof i == "number" ? `${i}px` : i : void 0,
+            maxWidth: i !== void 0 ? "calc(100vw - 2rem)" : void 0
+          },
           children: [
             /* @__PURE__ */ $(
               "div",