@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{chunk-BDDOC425.cjs → chunk-VDTLVFCV.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkHXLOCZMGcjs = require('./chunk-HXLOCZMG.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 
 var _chunkCKR42OBKcjs = require('./chunk-CKR42OBK.cjs');
@@ -11,13 +11,13 @@ var _chunkM7ZSKWT3cjs = require('./chunk-M7ZSKWT3.cjs');
 
 
 
-var _chunkJB2SEF6Qcjs = require('./chunk-JB2SEF6Q.cjs');
+var _chunk3IHGS44Wcjs = require('./chunk-3IHGS44W.cjs');
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 // src/components/embeds/file-download-card.tsx
 var _lucidereact = require('lucide-react');
@@ -29,10 +29,10 @@ function FileDownloadCard({ fileName, mimeType, fileSize, fileUrl }) {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h3", children: fileName || "File" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-2 flex items-center justify-center gap-3 text-ods-text-secondary text-h6", children: [
         mimeType && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: mimeType }),
-        typeof fileSize === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkBNUZKBNVcjs.formatFileSize.call(void 0, fileSize) })
+        typeof fileSize === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkAFJEUBDScjs.formatFileSize.call(void 0, fileSize) })
       ] })
     ] }),
-    fileUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", href: fileUrl, openInNewTab: true, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "h-4 w-4" }), children: "Download File" })
+    fileUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", href: fileUrl, openInNewTab: true, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "h-4 w-4" }), children: "Download File" })
   ] }) });
 }
 
@@ -48,16 +48,16 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHXLOCZMGcjs.EmbedViewerFrame,
+    _chunkODZ5XGWAcjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKR42OBKcjs.GoogleSheetsIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
       actions: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "outline",
           size: "small-legacy",
-          href: _chunkJB2SEF6Qcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
+          href: _chunk3IHGS44Wcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
           openInNewTab: true,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKR42OBKcjs.GoogleSheetsIcon, { className: "h-4 w-4" }),
           rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }),
@@ -65,7 +65,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
           children: "Open in Google Sheets"
         }
       ),
-      src: _chunkJB2SEF6Qcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
+      src: _chunk3IHGS44Wcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
       height
     }
   );
@@ -83,13 +83,13 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHXLOCZMGcjs.EmbedViewerFrame,
+    _chunkODZ5XGWAcjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM7ZSKWT3cjs.AdobePdfIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
       actions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             size: "small-legacy",
@@ -102,7 +102,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             size: "small-legacy",

package/dist/{chunk-LELS4XMX.cjs → chunk-VZKAAXU3.cjs}

@@ -12,16 +12,18 @@ var _chunk4TUSPDNScjs = require('./chunk-4TUSPDNS.cjs');
 
 
 
-var _chunkXIFEZ2JTcjs = require('./chunk-XIFEZ2JT.cjs');
+var _chunkL4XOCV7Scjs = require('./chunk-L4XOCV7S.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/ui/actions-menu.tsx
 var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
@@ -80,7 +82,6 @@ function OverlayOpenRegistryProvider({ onOpenChange, children }) {
 var SCROLL_DISMISS_THRESHOLD_PX = 12;
 var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer transition-colors bg-ods-bg outline-none";
 var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
-var SECONDARY_ACTION_CLASSES = "flex p-[var(--spacing-system-s)] shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus [&_svg]:w-4 [&_svg]:h-4 md:[&_svg]:w-6 md:[&_svg]:h-6";
 var SecondaryAction = ({ action }) => {
   const handleClick = _react.useCallback.call(void 0, 
     (e) => {
@@ -93,43 +94,34 @@ var SecondaryAction = ({ action }) => {
     },
     [action]
   );
-  const classes = _chunk65VVJSQZcjs.cn.call(void 0, 
-    SECONDARY_ACTION_CLASSES,
-    action.openInNewTab && "max-md:hidden",
-    action.disabled && "pointer-events-none cursor-not-allowed opacity-60"
-  );
-  if (action.href) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkV45KLJQPcjs.next_link_default,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        "aria-hidden": "true",
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-px shrink-0 self-stretch bg-ods-border", action.openInNewTab && "max-md:hidden")
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkCDBFQVPAcjs.Button,
       {
+        variant: "cell",
+        type: "button",
         href: action.href,
-        prefetch: false,
-        target: action.openInNewTab ? "_blank" : void 0,
-        rel: action.openInNewTab ? "noopener noreferrer" : void 0,
+        prefetch: action.href ? false : void 0,
+        openInNewTab: action.openInNewTab,
         "aria-label": action["aria-label"],
-        "aria-disabled": action.disabled || void 0,
-        tabIndex: action.disabled ? -1 : void 0,
-        className: classes,
+        disabled: action.disabled,
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-auto self-stretch", action.openInNewTab && "max-md:hidden"),
         onClick: handleClick,
         children: action.icon
       }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      type: "button",
-      "aria-label": action["aria-label"],
-      disabled: action.disabled,
-      className: classes,
-      onClick: handleClick,
-      children: action.icon
-    }
-  );
+    )
+  ] });
 };
 var MenuItem = ({ item, onItemClick }) => {
-  const portalContainer = _chunkXIFEZ2JTcjs.usePortalContainer.call(void 0, );
-  const collisionBoundary = _chunkXIFEZ2JTcjs.useCollisionBoundary.call(void 0, );
+  const portalContainer = _chunkL4XOCV7Scjs.usePortalContainer.call(void 0, );
+  const collisionBoundary = _chunkL4XOCV7Scjs.useCollisionBoundary.call(void 0, );
   const activate = _react.useCallback.call(void 0, () => {
     if (item.disabled) return;
     if (item.type === "checkbox") {
@@ -173,17 +165,17 @@ var MenuItem = ({ item, onItemClick }) => {
   if (item.type === "separator") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-full bg-ods-divider" });
   }
-  const itemClasses = _chunk65VVJSQZcjs.cn.call(void 0, 
+  const itemClasses = _chunkN6YCOBLKcjs.cn.call(void 0, 
     ROW_CLASSES,
     item.disabled ? "pointer-events-none cursor-not-allowed text-ods-text-secondary opacity-60" : "text-ods-text-primary hover:bg-ods-bg-hover"
   );
-  const subTriggerClasses = _chunk65VVJSQZcjs.cn.call(void 0, itemClasses, "focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-active");
+  const subTriggerClasses = _chunkN6YCOBLKcjs.cn.call(void 0, itemClasses, "focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-active");
   const renderAsLink = !!item.href && item.type !== "submenu" && item.type !== "checkbox";
   const rowContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     item.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex h-4 w-4 flex-shrink-0 items-center justify-center md:h-6 md:w-6",
           item.danger && "text-ods-error",
           item.disabled && "opacity-50"
@@ -194,7 +186,7 @@ var MenuItem = ({ item, onItemClick }) => {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex-1 font-medium leading-6 text-h4",
           item.disabled ? "text-ods-text-secondary" : item.danger ? "text-ods-error" : "text-ods-text-primary"
         ),
@@ -204,7 +196,7 @@ var MenuItem = ({ item, onItemClick }) => {
     item.type === "checkbox" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex h-4 w-4 items-center justify-center rounded-md transition-colors md:h-6 md:w-6",
           item.checked ? "bg-ods-accent" : "border-2 border-ods-border bg-transparent"
         ),
@@ -241,7 +233,7 @@ var MenuItem = ({ item, onItemClick }) => {
           {
             sideOffset: 4,
             collisionBoundary: _nullishCoalesce(collisionBoundary, () => ( void 0)),
-            collisionPadding: collisionBoundary ? _chunkXIFEZ2JTcjs.COLLISION_PADDING_PX : void 0,
+            collisionPadding: collisionBoundary ? _chunkL4XOCV7Scjs.COLLISION_PADDING_PX : void 0,
             hideWhenDetached: true,
             className: "z-[1500] max-h-[var(--radix-popper-available-height)] min-w-[256px] overflow-y-auto rounded-md border border-ods-border bg-ods-bg p-0 shadow-xl",
             children: item.submenu.map((subItem, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItem, { item: subItem, onItemClick }, subItem.id || index))
@@ -304,8 +296,10 @@ var ActionsMenuDropdown = ({
   sideOffset = 6,
   open: openProp,
   onOpenChange,
-  onCloseAutoFocus
+  onCloseAutoFocus,
+  loading: loadingProp = false
 }) => {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const [open = false, setOpen] = _reactusecontrollablestate.useControllableState.call(void 0, {
     prop: openProp,
     defaultProp: false,
@@ -338,25 +332,29 @@ var ActionsMenuDropdown = ({
     },
     [onItemClick, setOpen]
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTF5D5MNOcjs.Button,
-      {
-        variant: "outline",
-        size: "icon",
-        "aria-label": triggerAriaLabel,
-        className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
-        leftIcon: _nullishCoalesce(trigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })))
-      }
-    ))) }),
+  const triggerNode = _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCDBFQVPAcjs.Button,
+    {
+      variant: "outline",
+      size: "icon",
+      "aria-label": triggerAriaLabel,
+      className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
+      leftIcon: _nullishCoalesce(trigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })))
+    }
+  )));
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.InertWhileLoading, { children: triggerNode });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: triggerNode }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXIFEZ2JTcjs.DropdownMenuContent,
+      _chunkL4XOCV7Scjs.DropdownMenuContent,
       {
         align,
         side,
         sideOffset,
         onCloseAutoFocus,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "overflow-visible border-0 bg-transparent p-0 shadow-none", contentClassName),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "overflow-visible border-0 bg-transparent p-0 shadow-none", contentClassName),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionsMenu, { groups, onItemClick: handleItemClick, className, header })
       }
     )
@@ -371,13 +369,13 @@ var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = _react.forwardRef.call(void 0, ({ className, sideOffset = 4, ...props }, ref) => {
-  const container = _chunkXIFEZ2JTcjs.usePortalContainer.call(void 0, );
+  const container = _chunkL4XOCV7Scjs.usePortalContainer.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TooltipPrimitive.Content,
     {
       ref,
       sideOffset,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         // `max-h` uses Radix's available-height var so tall content scrolls inside
         // the tooltip instead of overflowing off-screen (only engages on overflow).
         "z-[1400] max-h-[var(--radix-popper-available-height)] overflow-y-auto rounded-md border border-ods-border bg-ods-card px-3 py-2 text-ods-text-primary shadow-lg animate-in fade-in-0 zoom-in-95 text-h6 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 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",