@flamingo-stack/openframe-frontend-core 0.0.543 → 0.0.544-1804.4776.1

package/dist/{chunk-ERUCYF54.js → chunk-J6AT6PCW.js}

@@ -10,7 +10,7 @@ import {
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS,
   getStatusColorScheme
-} from "./chunk-SNFFVRXR.js";
+} from "./chunk-M4H6XBEL.js";
 import {
   init_next_navigation,
   usePathname,
@@ -262,4 +262,4 @@ export {
   DevCardRowSkeletonList,
   DeliveryRow
 };
-//# sourceMappingURL=chunk-ERUCYF54.js.map
+//# sourceMappingURL=chunk-J6AT6PCW.js.map

package/dist/{chunk-6J7TWGNV.js → chunk-K3GU3GXP.js}

@@ -4,7 +4,7 @@ import {
   formatFileSize,
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-SNFFVRXR.js";
+} from "./chunk-M4H6XBEL.js";
 import {
   AdobePdfIcon,
   GoogleSheetsIcon
@@ -134,4 +134,4 @@ export {
   GoogleSheetsViewer,
   FileDownloadCard
 };
-//# sourceMappingURL=chunk-6J7TWGNV.js.map
+//# sourceMappingURL=chunk-K3GU3GXP.js.map

package/dist/{chunk-SNFFVRXR.js → chunk-M4H6XBEL.js}

@@ -10822,12 +10822,17 @@ init_cn();
 import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
 var ANIMATION_DURATION = 200;
 var ModalContext = React26.createContext({});
+var MODAL_V2_SIZE_CLASSES = {
+  default: "max-w-[min(28rem,calc(100vw-2rem))]",
+  medium: "max-w-[min(42rem,calc(100vw-2rem))]",
+  wide: "max-w-[min(1400px,calc(100vw-2rem))]"
+};
 var modalStack = [];
 var isInPortaledLayer = (node) => node instanceof Element && node.closest(
   '[data-radix-popper-content-wrapper], [role="listbox"], [role="menu"]'
 ) !== null;
 var Modal = React26.forwardRef(
-  ({ isOpen, onClose, children, className }, ref) => {
+  ({ isOpen, onClose, children, className, size: size2 = "default" }, ref) => {
     const [isMounted, setIsMounted] = useState21(isOpen);
     const panelRef = React26.useRef(null);
     const restoreFocusRef = React26.useRef(null);
@@ -10963,11 +10968,17 @@ var Modal = React26.forwardRef(
                 tabIndex: -1,
                 "data-state": state,
                 className: cn(
-                  // min() keeps the desktop cap at 28rem while never letting content
-                  // stretch the panel past the viewport (minus the mx-4 margins) on
-                  // narrow screens. A single base utility (not md:max-w-md) so consumer
+                  // A single base utility per size (not md:max-w-*) so consumer
                   // max-w-* overrides via className still win at every breakpoint.
-                  "relative z-10 w-full min-w-0 max-w-[min(28rem,calc(100vw-2rem))] flex flex-col",
+                  "relative z-10 w-full min-w-0 flex flex-col",
+                  // The panel is a focus TARGET (tabIndex -1), not a control: focus
+                  // moves here on open so the dialog owns the keyboard, and the UA
+                  // then paints its default ring around the whole modal. Opening by
+                  // click hides it via :focus-visible heuristics, but a modal opened
+                  // from a URL on page load has no preceding pointer event, so the
+                  // ring showed on every refresh. Fields inside keep their own rings.
+                  "outline-none",
+                  MODAL_V2_SIZE_CLASSES[size2],
                   "mx-4 mb-4 md:mb-0",
                   // dvh, not vh: vh ignores a mobile browser's retracting URL bar, so
                   // 90vh already overflowed behind Safari's toolbar. The `100%-2rem`
@@ -10977,6 +10988,11 @@ var Modal = React26.forwardRef(
                   // stay pinned, ModalV2Content scrolls. min() picks 90dvh on any
                   // viewport over 320px tall, so desktop is untouched.
                   "max-h-[min(90dvh,100%-2rem)]",
+                  // `wide` also FIXES the desktop height rather than only capping it:
+                  // its columns scroll independently, and a height that tracks
+                  // content makes the panel jump as an entity hydrates in. Mobile
+                  // keeps the bottom-sheet's content-sized height.
+                  size2 === "wide" && "md:h-[min(90dvh,100%-2rem)]",
                   "bg-ods-bg md:bg-ods-card",
                   "border border-ods-border rounded-md shadow-xl",
                   "p-[var(--spacing-system-xl)] gap-[var(--spacing-system-l)]",
@@ -11006,6 +11022,20 @@ var ModalContent = React26.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ jsx59("div", { ref, className: cn("flex-1 min-h-0 overflow-y-auto", className), children })
 );
 ModalContent.displayName = "ModalV2Content";
+var ModalTwoColumn = React26.forwardRef(
+  ({ left, right, className }, ref) => /* @__PURE__ */ jsx59(
+    "div",
+    {
+      ref,
+      className: cn("flex-1 min-h-0 overflow-y-auto lg:overflow-hidden", className),
+      children: /* @__PURE__ */ jsxs46("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-xl)] lg:h-full lg:min-h-0 lg:grid-cols-2 lg:grid-rows-[minmax(0,1fr)]", children: [
+        /* @__PURE__ */ jsx59("div", { className: "min-h-0 space-y-[var(--spacing-system-lf)] lg:overflow-y-auto lg:pr-[var(--spacing-system-sf)]", children: left }),
+        /* @__PURE__ */ jsx59("div", { className: "min-h-0 space-y-[var(--spacing-system-lf)] lg:overflow-y-auto lg:pr-[var(--spacing-system-sf)]", children: right })
+      ] })
+    }
+  )
+);
+ModalTwoColumn.displayName = "ModalV2TwoColumn";
 var ModalHeader = React26.forwardRef(
   ({ children, className }, ref) => {
     const { onClose } = React26.useContext(ModalContext);
@@ -21607,15 +21637,8 @@ import * as React69 from "react";
 import { useEffect as useEffect35 } from "react";
 import { usePreventScroll } from "@react-aria/overlays";
 import { jsx as jsx144, jsxs as jsxs111 } from "react/jsx-runtime";
-var MODAL_SIZE_CLASSES = {
-  default: "max-w-md",
-  wide: "max-w-[1400px]"
-};
-var TWO_COLUMN_MODAL_BODY_CLASS = "px-6 py-4 flex-1 min-h-0 flex flex-col max-h-[70vh]";
-var TWO_COLUMN_MODAL_GRID_CLASS = "grid grid-cols-1 lg:grid-cols-2 gap-8 flex-1 min-h-0";
-var TWO_COLUMN_MODAL_COLUMN_CLASS = "space-y-6 overflow-y-auto pr-4";
 var Modal2 = React69.forwardRef(
-  ({ isOpen, onClose, children, className, size: size2 = "default" }, ref) => {
+  ({ isOpen, onClose, children, className }, ref) => {
     usePreventScroll({ isDisabled: !isOpen });
     useEffect35(() => {
       const handleKeyDown = (event) => {
@@ -21643,8 +21666,7 @@ var Modal2 = React69.forwardRef(
         {
           ref,
           className: cn(
-            "relative z-10 w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden bg-ods-card border border-ods-border rounded-lg shadow-xl",
-            MODAL_SIZE_CLASSES[size2],
+            "relative z-10 w-full mx-4 max-w-md max-h-[90vh] flex flex-col overflow-hidden bg-ods-card border border-ods-border rounded-lg shadow-xl",
             className
           ),
           role: "dialog",
@@ -35976,6 +35998,7 @@ var AIEnrichSection = ({
           showClearButton && onClear && /* @__PURE__ */ jsx266(
             Button,
             {
+              type: "button",
               variant: "outline",
               size: "small-legacy",
               onClick: onClear,
@@ -61719,10 +61742,6 @@ export {
   DialogTitle,
   DialogDescription,
   ImageGalleryModal,
-  MODAL_SIZE_CLASSES,
-  TWO_COLUMN_MODAL_BODY_CLASS,
-  TWO_COLUMN_MODAL_GRID_CLASS,
-  TWO_COLUMN_MODAL_COLUMN_CLASS,
   Modal2 as Modal,
   ModalContent2 as ModalContent,
   ModalHeader2 as ModalHeader,
@@ -61730,6 +61749,7 @@ export {
   ModalFooter2 as ModalFooter,
   Modal as Modal2,
   ModalContent as ModalContent2,
+  ModalTwoColumn,
   ModalHeader as ModalHeader2,
   ModalTitle as ModalTitle2,
   ModalFooter as ModalFooter2,
@@ -62667,4 +62687,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-SNFFVRXR.js.map
+//# sourceMappingURL=chunk-M4H6XBEL.js.map