@flamingo-stack/openframe-frontend-core 0.0.710 → 0.0.712

package/dist/{chunk-I3ST4PLM.js → chunk-NQWJAOHO.js}

@@ -1,12 +1,14 @@
 "use client";
 import {
   PageLayout
-} from "./chunk-4L6XCMOU.js";
+} from "./chunk-NPAQSMRY.js";
 import {
-  formatBioText,
-  formatDateWithTimezone,
   getProxiedImageUrl
-} from "./chunk-FI6GMDO7.js";
+} from "./chunk-TTVOLEUS.js";
+import {
+  formatBioText,
+  formatDateWithTimezone
+} from "./chunk-IYVFSLWJ.js";
 import {
   next_image_default
 } from "./chunk-FBZMAPWO.js";

package/dist/{chunk-QAOFMK2A.cjs → chunk-OBZJICEA.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkP42V6N34cjs = require('./chunk-P42V6N34.cjs');
+var _chunkL6ZQGWCXcjs = require('./chunk-L6ZQGWCX.cjs');
 
 
 
-var _chunkWCVZCGK5cjs = require('./chunk-WCVZCGK5.cjs');
+var _chunkGQ7JJUITcjs = require('./chunk-GQ7JJUIT.cjs');
 
 
-var _chunk6NTPY5QAcjs = require('./chunk-6NTPY5QA.cjs');
+var _chunkF5BPGWGTcjs = require('./chunk-F5BPGWGT.cjs');
 
 
 
@@ -27,7 +27,7 @@ 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: _chunk6NTPY5QAcjs.formatFileSize.call(void 0, fileSize) })
+        typeof fileSize === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkF5BPGWGTcjs.formatFileSize.call(void 0, fileSize) })
       ] })
     ] }),
     fileUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", href: fileUrl, openInNewTab: true, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "h-4 w-4" }), children: "Download File" })
@@ -46,7 +46,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkP42V6N34cjs.EmbedViewerFrame,
+    _chunkL6ZQGWCXcjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.GoogleSheetsIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
@@ -55,7 +55,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
         {
           variant: "outline",
           size: "small-legacy",
-          href: _chunkWCVZCGK5cjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
+          href: _chunkGQ7JJUITcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
           openInNewTab: true,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.GoogleSheetsIcon, { className: "h-4 w-4" }),
           rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }),
@@ -63,7 +63,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
           children: "Open in Google Sheets"
         }
       ),
-      src: _chunkWCVZCGK5cjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
+      src: _chunkGQ7JJUITcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
       height
     }
   );
@@ -81,7 +81,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkP42V6N34cjs.EmbedViewerFrame,
+    _chunkL6ZQGWCXcjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.AdobePdfIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,

package/dist/{chunk-6IW7TWPV.js → chunk-OPYODNV2.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   EmbedViewerFrame
-} from "./chunk-4L6XCMOU.js";
+} from "./chunk-FCAVAEHF.js";
 import {
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-KUC673HM.js";
+} from "./chunk-CMZ3QTFQ.js";
 import {
   formatFileSize
-} from "./chunk-FI6GMDO7.js";
+} from "./chunk-IYVFSLWJ.js";
 import {
   AdobePdfIcon,
   GoogleSheetsIcon

package/dist/chunk-P3JMAMHP.js

@@ -0,0 +1,401 @@
+"use client";
+import {
+  Chevron02RightIcon,
+  Ellipsis01Icon
+} from "./chunk-NCPTID44.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger
+} from "./chunk-WI6FHKD7.js";
+import {
+  Button
+} from "./chunk-YDPKUAP4.js";
+import {
+  next_link_default
+} from "./chunk-DAAVMYUT.js";
+import {
+  COLLISION_PADDING_PX,
+  useCollisionBoundary,
+  usePortalContainer
+} from "./chunk-FYEJTF5Y.js";
+import {
+  cn
+} from "./chunk-7RXWKTAP.js";
+
+// src/components/ui/actions-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Check } from "lucide-react";
+import React, { useCallback } from "react";
+
+// src/components/ui/actions-menu-header-context.ts
+import { createContext, useContext } from "react";
+var ActionsMenuHeaderContext = createContext(false);
+function useIsInActionsMenuHeader() {
+  return useContext(ActionsMenuHeaderContext);
+}
+
+// src/components/ui/overlay-open-registry.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var OverlayOpenRegistryContext = createContext2(null);
+function useOverlayOpenRegistry() {
+  return useContext2(OverlayOpenRegistryContext);
+}
+function useReportOverlayOpen(open) {
+  const registry = useOverlayOpenRegistry();
+  useEffect(() => {
+    if (!open || !registry) return void 0;
+    return registry.acquire();
+  }, [open, registry]);
+}
+function OverlayOpenRegistryProvider({ onOpenChange, children }) {
+  const countRef = useRef(0);
+  const onOpenChangeRef = useRef(onOpenChange);
+  useEffect(() => {
+    onOpenChangeRef.current = onOpenChange;
+  });
+  const registry = useMemo(
+    () => ({
+      acquire: () => {
+        countRef.current += 1;
+        if (countRef.current === 1) onOpenChangeRef.current?.(true);
+        let released = false;
+        return () => {
+          if (released) return;
+          released = true;
+          countRef.current -= 1;
+          if (countRef.current === 0) onOpenChangeRef.current?.(false);
+        };
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(OverlayOpenRegistryContext.Provider, { value: registry, children });
+}
+
+// src/components/ui/actions-menu.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+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 = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (action.disabled) {
+        e.preventDefault();
+        return;
+      }
+      action.onClick?.();
+    },
+    [action]
+  );
+  const classes = cn(
+    SECONDARY_ACTION_CLASSES,
+    action.openInNewTab && "max-md:hidden",
+    action.disabled && "pointer-events-none cursor-not-allowed opacity-60"
+  );
+  if (action.href) {
+    return /* @__PURE__ */ jsx2(
+      next_link_default,
+      {
+        href: action.href,
+        prefetch: false,
+        target: action.openInNewTab ? "_blank" : void 0,
+        rel: action.openInNewTab ? "noopener noreferrer" : void 0,
+        "aria-label": action["aria-label"],
+        "aria-disabled": action.disabled || void 0,
+        tabIndex: action.disabled ? -1 : void 0,
+        className: classes,
+        onClick: handleClick,
+        children: action.icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      "aria-label": action["aria-label"],
+      disabled: action.disabled,
+      className: classes,
+      onClick: handleClick,
+      children: action.icon
+    }
+  );
+};
+var MenuItem = ({ item, onItemClick }) => {
+  const portalContainer = usePortalContainer();
+  const collisionBoundary = useCollisionBoundary();
+  const activate = useCallback(() => {
+    if (item.disabled) return;
+    if (item.type === "checkbox") {
+      item.onClick?.();
+      onItemClick?.(item);
+      return;
+    }
+    if (item.type === "submenu") return;
+    item.onClick?.();
+    onItemClick?.(item);
+  }, [item, onItemClick]);
+  const handleClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      activate();
+    },
+    [activate]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      e.stopPropagation();
+      activate();
+    },
+    [activate]
+  );
+  const handleLinkClick = useCallback(
+    (e) => {
+      if (item.disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      item.onClick?.();
+      onItemClick?.(item);
+    },
+    [item, onItemClick]
+  );
+  if (item.type === "separator") {
+    return /* @__PURE__ */ jsx2("div", { className: "h-1 w-full bg-ods-divider" });
+  }
+  const itemClasses = cn(
+    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 = cn(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__ */ jsxs(Fragment, { children: [
+    item.icon && /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: cn(
+          "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"
+        ),
+        children: item.icon
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: cn(
+          "flex-1 font-medium leading-6 text-h4",
+          item.disabled ? "text-ods-text-secondary" : item.danger ? "text-ods-error" : "text-ods-text-primary"
+        ),
+        children: item.label
+      }
+    ),
+    item.type === "checkbox" && /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: cn(
+          "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"
+        ),
+        children: item.checked && /* @__PURE__ */ jsx2(Check, { className: "h-3 w-3 text-ods-text-on-accent md:h-4 md:w-4", strokeWidth: 3 })
+      }
+    ),
+    item.type === "submenu" && /* @__PURE__ */ jsx2(Chevron02RightIcon, { className: "h-4 w-4 text-ods-text-secondary md:h-6 md:w-6" })
+  ] });
+  if (renderAsLink && item.href) {
+    return /* @__PURE__ */ jsxs("div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ jsx2(
+        next_link_default,
+        {
+          href: item.href,
+          prefetch: false,
+          target: item.openInNewTab ? "_blank" : void 0,
+          rel: item.openInNewTab ? "noopener noreferrer" : void 0,
+          className: itemClasses,
+          onClick: handleLinkClick,
+          "aria-disabled": item.disabled,
+          tabIndex: item.disabled ? -1 : void 0,
+          children: rowContent
+        }
+      ),
+      item.iconAction && /* @__PURE__ */ jsx2(SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  if (item.type === "submenu" && item.submenu) {
+    return /* @__PURE__ */ jsxs("div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Sub, { children: [
+        /* @__PURE__ */ jsx2(DropdownMenuPrimitive.SubTrigger, { disabled: item.disabled, className: subTriggerClasses, children: rowContent }),
+        /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsx2(
+          DropdownMenuPrimitive.SubContent,
+          {
+            sideOffset: 4,
+            collisionBoundary: collisionBoundary ?? void 0,
+            collisionPadding: collisionBoundary ? 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__ */ jsx2(MenuItem, { item: subItem, onItemClick }, subItem.id || index))
+          }
+        ) })
+      ] }),
+      item.iconAction && /* @__PURE__ */ jsx2(SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: WRAPPER_CLASSES, children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        role: "menuitem",
+        tabIndex: item.disabled ? -1 : 0,
+        "aria-disabled": item.disabled,
+        className: itemClasses,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: rowContent
+      }
+    ),
+    item.iconAction && /* @__PURE__ */ jsx2(SecondaryAction, { action: item.iconAction })
+  ] });
+};
+var GroupSeparator = () => /* @__PURE__ */ jsx2("div", { className: "h-[3px] w-full bg-ods-bg-surface" });
+var ActionsMenu = ({ groups, className = "", onItemClick, header }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `relative max-h-[var(--radix-popper-available-height)] min-w-[256px] overflow-y-auto rounded-md border border-ods-border bg-ods-bg shadow-lg ${className}`,
+      children: [
+        header && // The context strips the frame off controls that carry one (the view
+        // TabSelector): inside the menu, the row border and the menu's own
+        // rounding ARE the frame — see `actions-menu-header-context.ts`.
+        /* @__PURE__ */ jsx2(ActionsMenuHeaderContext.Provider, { value: true, children: /* @__PURE__ */ jsx2("div", { className: "border-b border-ods-border", children: header }) }),
+        groups.map((group, groupIndex) => {
+          const groupKey = group.id || group.items.map((i) => i.id).join("|");
+          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            group.items.map((item, itemIndex) => /* @__PURE__ */ jsx2(MenuItem, { item, onItemClick }, item.id || `${groupKey}-${itemIndex}`)),
+            group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ jsx2(GroupSeparator, {})
+          ] }, groupKey);
+        })
+      ]
+    }
+  );
+};
+var ActionsMenuDropdown = ({
+  groups,
+  onItemClick,
+  className,
+  header,
+  trigger,
+  customTrigger,
+  triggerAriaLabel = "More actions",
+  triggerClassName,
+  contentClassName,
+  align = "end",
+  side = "bottom",
+  sideOffset = 6,
+  open: openProp,
+  onOpenChange,
+  onCloseAutoFocus
+}) => {
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: false,
+    onChange: onOpenChange
+  });
+  useReportOverlayOpen(open);
+  const triggerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return void 0;
+    if (typeof document === "undefined") return void 0;
+    const triggerEl = triggerRef.current;
+    if (!triggerEl) return void 0;
+    const anchorTop = triggerEl.getBoundingClientRect().top;
+    const onScroll = (event) => {
+      const target = event.target;
+      const scrolledTheTrigger = target === document || target instanceof Node && target.contains(triggerEl);
+      if (!scrolledTheTrigger) return;
+      const moved = Math.abs(triggerEl.getBoundingClientRect().top - anchorTop);
+      if (moved > SCROLL_DISMISS_THRESHOLD_PX) setOpen(false);
+    };
+    document.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    return () => document.removeEventListener("scroll", onScroll, { capture: true });
+  }, [open, setOpen]);
+  const handleItemClick = useCallback(
+    (item) => {
+      onItemClick?.(item);
+      if (item.type !== "checkbox" && item.type !== "submenu" && item.closeOnSelect !== false) {
+        setOpen(false);
+      }
+    },
+    [onItemClick, setOpen]
+  );
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx2(DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: customTrigger ?? /* @__PURE__ */ jsx2(
+      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: trigger ?? /* @__PURE__ */ jsx2(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(
+      DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset,
+        onCloseAutoFocus,
+        className: cn("overflow-visible border-0 bg-transparent p-0 shadow-none", contentClassName),
+        children: /* @__PURE__ */ jsx2(ActionsMenu, { groups, onItemClick: handleItemClick, className, header })
+      }
+    )
+  ] });
+};
+
+// src/components/ui/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { forwardRef } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx3(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        // `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",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export {
+  useIsInActionsMenuHeader,
+  OverlayOpenRegistryProvider,
+  ActionsMenu,
+  ActionsMenuDropdown,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};