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

package/dist/chunk-FFT56TYB.cjs

@@ -0,0 +1,401 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+
+var _chunkVX4E6YSBcjs = require('./chunk-VX4E6YSB.cjs');
+
+
+
+
+var _chunk2Y7QZAB2cjs = require('./chunk-2Y7QZAB2.cjs');
+
+
+var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
+
+
+var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
+
+
+
+
+var _chunkCPA2CKRZcjs = require('./chunk-CPA2CKRZ.cjs');
+
+
+var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+
+// src/components/ui/actions-menu.tsx
+var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
+var _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');
+var _lucidereact = require('lucide-react');
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/ui/actions-menu-header-context.ts
+
+var ActionsMenuHeaderContext = _react.createContext.call(void 0, false);
+function useIsInActionsMenuHeader() {
+  return _react.useContext.call(void 0, ActionsMenuHeaderContext);
+}
+
+// src/components/ui/overlay-open-registry.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+var OverlayOpenRegistryContext = _react.createContext.call(void 0, null);
+function useOverlayOpenRegistry() {
+  return _react.useContext.call(void 0, OverlayOpenRegistryContext);
+}
+function useReportOverlayOpen(open) {
+  const registry = useOverlayOpenRegistry();
+  _react.useEffect.call(void 0, () => {
+    if (!open || !registry) return void 0;
+    return registry.acquire();
+  }, [open, registry]);
+}
+function OverlayOpenRegistryProvider({ onOpenChange, children }) {
+  const countRef = _react.useRef.call(void 0, 0);
+  const onOpenChangeRef = _react.useRef.call(void 0, onOpenChange);
+  _react.useEffect.call(void 0, () => {
+    onOpenChangeRef.current = onOpenChange;
+  });
+  const registry = _react.useMemo.call(void 0, 
+    () => ({
+      acquire: () => {
+        countRef.current += 1;
+        if (countRef.current === 1) _optionalChain([onOpenChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(true)]);
+        let released = false;
+        return () => {
+          if (released) return;
+          released = true;
+          countRef.current -= 1;
+          if (countRef.current === 0) _optionalChain([onOpenChangeRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(false)]);
+        };
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OverlayOpenRegistryContext.Provider, { value: registry, children });
+}
+
+// src/components/ui/actions-menu.tsx
+
+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) => {
+      e.stopPropagation();
+      if (action.disabled) {
+        e.preventDefault();
+        return;
+      }
+      _optionalChain([action, 'access', _5 => _5.onClick, 'optionalCall', _6 => _6()]);
+    },
+    [action]
+  );
+  const classes = _chunk3ATAYP36cjs.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, 
+      _chunkLLRGR4I5cjs.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__ */ _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 = _chunkCPA2CKRZcjs.usePortalContainer.call(void 0, );
+  const collisionBoundary = _chunkCPA2CKRZcjs.useCollisionBoundary.call(void 0, );
+  const activate = _react.useCallback.call(void 0, () => {
+    if (item.disabled) return;
+    if (item.type === "checkbox") {
+      _optionalChain([item, 'access', _7 => _7.onClick, 'optionalCall', _8 => _8()]);
+      _optionalChain([onItemClick, 'optionalCall', _9 => _9(item)]);
+      return;
+    }
+    if (item.type === "submenu") return;
+    _optionalChain([item, 'access', _10 => _10.onClick, 'optionalCall', _11 => _11()]);
+    _optionalChain([onItemClick, 'optionalCall', _12 => _12(item)]);
+  }, [item, onItemClick]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      activate();
+    },
+    [activate]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      e.preventDefault();
+      e.stopPropagation();
+      activate();
+    },
+    [activate]
+  );
+  const handleLinkClick = _react.useCallback.call(void 0, 
+    (e) => {
+      if (item.disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      _optionalChain([item, 'access', _13 => _13.onClick, 'optionalCall', _14 => _14()]);
+      _optionalChain([onItemClick, 'optionalCall', _15 => _15(item)]);
+    },
+    [item, onItemClick]
+  );
+  if (item.type === "separator") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-full bg-ods-divider" });
+  }
+  const itemClasses = _chunk3ATAYP36cjs.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 = _chunk3ATAYP36cjs.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: _chunk3ATAYP36cjs.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"
+        ),
+        children: item.icon
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: _chunk3ATAYP36cjs.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"
+        ),
+        children: item.label
+      }
+    ),
+    item.type === "checkbox" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunk3ATAYP36cjs.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"
+        ),
+        children: item.checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-3 w-3 text-ods-text-on-accent md:h-4 md:w-4", strokeWidth: 3 })
+      }
+    ),
+    item.type === "submenu" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Chevron02RightIcon, { className: "h-4 w-4 text-ods-text-secondary md:h-6 md:w-6" })
+  ] });
+  if (renderAsLink && item.href) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkLLRGR4I5cjs.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__ */ _jsxruntime.jsx.call(void 0, SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  if (item.type === "submenu" && item.submenu) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownMenuPrimitive.Sub, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.SubTrigger, { disabled: item.disabled, className: subTriggerClasses, children: rowContent }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: _nullishCoalesce(portalContainer, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          DropdownMenuPrimitive.SubContent,
+          {
+            sideOffset: 4,
+            collisionBoundary: _nullishCoalesce(collisionBoundary, () => ( void 0)),
+            collisionPadding: collisionBoundary ? _chunkCPA2CKRZcjs.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))
+          }
+        ) })
+      ] }),
+      item.iconAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: WRAPPER_CLASSES, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        role: "menuitem",
+        tabIndex: item.disabled ? -1 : 0,
+        "aria-disabled": item.disabled,
+        className: itemClasses,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: rowContent
+      }
+    ),
+    item.iconAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SecondaryAction, { action: item.iconAction })
+  ] });
+};
+var GroupSeparator = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[3px] w-full bg-ods-bg-surface" });
+var ActionsMenu = ({ groups, className = "", onItemClick, header }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "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__ */ _jsxruntime.jsx.call(void 0, ActionsMenuHeaderContext.Provider, { value: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+            group.items.map((item, itemIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItem, { item, onItemClick }, item.id || `${groupKey}-${itemIndex}`)),
+            group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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] = _reactusecontrollablestate.useControllableState.call(void 0, {
+    prop: openProp,
+    defaultProp: false,
+    onChange: onOpenChange
+  });
+  useReportOverlayOpen(open);
+  const triggerRef = _react2.default.useRef(null);
+  _react2.default.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 = _react.useCallback.call(void 0, 
+    (item) => {
+      _optionalChain([onItemClick, 'optionalCall', _16 => _16(item)]);
+      if (item.type !== "checkbox" && item.type !== "submenu" && item.closeOnSelect !== false) {
+        setOpen(false);
+      }
+    },
+    [onItemClick, setOpen]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2Y7QZAB2cjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2Y7QZAB2cjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkDFQYAYBHcjs.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, _chunkVX4E6YSBcjs.Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })))
+      }
+    ))) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2Y7QZAB2cjs.DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset,
+        onCloseAutoFocus,
+        className: _chunk3ATAYP36cjs.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 })
+      }
+    )
+  ] });
+};
+
+// src/components/ui/tooltip.tsx
+var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _interopRequireWildcard(_reacttooltip);
+
+
+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 = _chunkCPA2CKRZcjs.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: _chunk3ATAYP36cjs.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",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+
+
+
+
+
+
+
+
+
+exports.useIsInActionsMenuHeader = useIsInActionsMenuHeader; exports.OverlayOpenRegistryProvider = OverlayOpenRegistryProvider; exports.ActionsMenu = ActionsMenu; exports.ActionsMenuDropdown = ActionsMenuDropdown; exports.TooltipProvider = TooltipProvider; exports.Tooltip = Tooltip; exports.TooltipTrigger = TooltipTrigger; exports.TooltipContent = TooltipContent;

package/dist/chunk-FYEJTF5Y.js

@@ -0,0 +1,125 @@
+"use client";
+import {
+  cn
+} from "./chunk-7RXWKTAP.js";
+
+// src/components/ui/skeleton.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Skeleton = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("animate-pulse rounded-md bg-ods-border", className), ...props });
+});
+Skeleton.displayName = "Skeleton";
+var SkeletonText = forwardRef(({ lines = 1, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      className: cn(
+        "h-4",
+        i === lines - 1 && lines > 1 && "w-3/4"
+        // Last line shorter for multi-line
+      )
+    },
+    i
+  )) });
+});
+SkeletonText.displayName = "SkeletonText";
+var SkeletonCard = forwardRef(
+  ({ showImage = false, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("overflow-hidden rounded-lg border border-ods-border", className), ...props, children: [
+      showImage && /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "mb-4 h-6 w-3/4" }),
+        /* @__PURE__ */ jsx(SkeletonText, { lines: 3 })
+      ] })
+    ] });
+  }
+);
+SkeletonCard.displayName = "SkeletonCard";
+var SkeletonGrid = forwardRef(
+  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          `grid grid-cols-1 gap-6`,
+          columns === 2 && "content-md:grid-cols-2",
+          columns === 3 && "content-md:grid-cols-3",
+          columns === 4 && "content-md:grid-cols-4",
+          className
+        ),
+        ...props,
+        children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx(SkeletonCard, { showImage: showImages }, i))
+      }
+    );
+  }
+);
+SkeletonGrid.displayName = "SkeletonGrid";
+var SkeletonButton = forwardRef(
+  ({ size = "default", className, ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-8 w-20",
+      default: "h-10 w-32",
+      lg: "h-12 w-40"
+    };
+    return /* @__PURE__ */ jsx(Skeleton, { ref, className: cn("rounded-lg", sizeClasses[size], className), ...props });
+  }
+);
+SkeletonButton.displayName = "SkeletonButton";
+var SkeletonHeading = forwardRef(({ level = 1, className, ...props }, ref) => {
+  const heightClasses = {
+    1: "h-12",
+    2: "h-10",
+    3: "h-8",
+    4: "h-7",
+    5: "h-6",
+    6: "h-5"
+  };
+  return /* @__PURE__ */ jsx(Skeleton, { ref, className: cn(heightClasses[level], "w-3/4", className), ...props });
+});
+SkeletonHeading.displayName = "SkeletonHeading";
+var SkeletonList = forwardRef(({ items = 5, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 flex-shrink-0 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "mb-1 h-4 w-1/3" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+    ] })
+  ] }, i)) });
+});
+SkeletonList.displayName = "SkeletonList";
+var SkeletonNavigation = forwardRef(
+  ({ items = 6, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-6", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" }, i)) });
+  }
+);
+SkeletonNavigation.displayName = "SkeletonNavigation";
+
+// src/components/ui/portal-container.tsx
+import { createContext, useContext } from "react";
+var PortalContainerContext = createContext(null);
+function usePortalContainer() {
+  return useContext(PortalContainerContext);
+}
+var CollisionBoundaryContext = createContext(null);
+function useCollisionBoundary() {
+  return useContext(CollisionBoundaryContext);
+}
+var COLLISION_PADDING_PX = 8;
+
+export {
+  PortalContainerContext,
+  usePortalContainer,
+  CollisionBoundaryContext,
+  useCollisionBoundary,
+  COLLISION_PADDING_PX,
+  Skeleton,
+  SkeletonText,
+  SkeletonCard,
+  SkeletonGrid,
+  SkeletonButton,
+  SkeletonHeading,
+  SkeletonList,
+  SkeletonNavigation
+};

package/dist/chunk-G3GRYDMS.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  embedAuthedFetch,
+  hasEmbedAuthAdapter
+} from "./chunk-ADBE7QF3.js";
+
+// src/utils/embed-content-fetch.ts
+var contentFetch = (input, init) => {
+  if (!hasEmbedAuthAdapter()) return fetch(input, init);
+  const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+  return embedAuthedFetch(url, init);
+};
+
+export {
+  contentFetch
+};

package/dist/{chunk-VWFZRMQR.js → chunk-G3OMVCID.js}

@@ -1,26 +1,32 @@
 "use client";
 import {
   EmptyState
-} from "./chunk-F57ECE2I.js";
+} from "./chunk-6YPTUHM7.js";
 import {
-  OPENFRAME_DEV_SECTIONS,
-  PageLayout,
   PageShell,
   SearchInput,
-  StatusFilterComponent,
+  StatusFilterComponent
+} from "./chunk-FCAVAEHF.js";
+import {
+  PageLayout
+} from "./chunk-NPAQSMRY.js";
+import {
+  OPENFRAME_DEV_SECTIONS,
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS
-} from "./chunk-5HB7FLCV.js";
+} from "./chunk-ROBQ5TR7.js";
 import {
   usePathname,
   useRouter,
   useSearchParams
 } from "./chunk-GY4IZG22.js";
 import {
-  AvatarStack,
   StatusBadge,
   getStatusColorScheme
-} from "./chunk-FI6GMDO7.js";
+} from "./chunk-TTVOLEUS.js";
+import {
+  AvatarStack
+} from "./chunk-JHQ334WS.js";
 import {
   next_link_default
 } from "./chunk-DAAVMYUT.js";

package/dist/chunk-G6OHIX5C.cjs

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
+
+
+
+var _chunkCPA2CKRZcjs = require('./chunk-CPA2CKRZ.cjs');
+
+
+var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+
+// src/components/ui/product-screen-frame.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var PRODUCT_SCREEN_DESIGN_WIDTH = _chunk3LU4UFPScjs.LAYOUT_STEPS["2xl"].content;
+var PRODUCT_SCREEN_READABLE_WIDTH = _chunk3LU4UFPScjs.LAYOUT_STEPS.lg.content;
+var PRODUCT_SCREEN_SCALE_FROM = _chunk3LU4UFPScjs.LAYOUT_STEPS.md.content;
+var SCALE_VAR = "--product-screen-scale";
+function ProductScreenFrame({
+  children,
+  label,
+  height,
+  appType = "openframe",
+  designWidth = PRODUCT_SCREEN_DESIGN_WIDTH,
+  scaleFrom = PRODUCT_SCREEN_SCALE_FROM,
+  fade = true,
+  className
+}) {
+  const frameRef = _react.useRef.call(void 0, null);
+  const [frame, setFrame] = _react.useState.call(void 0, null);
+  const [portalHost, setPortalHost] = _react.useState.call(void 0, null);
+  const [mode, setMode] = _react.useState.call(void 0, "pending");
+  _react.useLayoutEffect.call(void 0, () => {
+    const element = frameRef.current;
+    if (!element) return void 0;
+    setFrame(element);
+    const measure = () => {
+      const width = element.clientWidth;
+      const scaled = width >= scaleFrom && width < designWidth;
+      element.style.setProperty(SCALE_VAR, String(scaled ? width / designWidth : 1));
+      setMode(scaled ? "scaled" : "native");
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [designWidth, scaleFrom]);
+  const screenStyle = mode === "scaled" ? {
+    width: designWidth,
+    // The crop is in frame pixels, so the unscaled box is taller by the same factor.
+    height: `calc(100% / var(${SCALE_VAR}))`,
+    transform: `scale(var(${SCALE_VAR}))`,
+    transformOrigin: "top left"
+  } : (
+    // Unscaled, the screen still needs to be the containing block of anything the
+    // product pins with `position: fixed` (a form's action bar), or it escapes to the window.
+    { width: "100%", height: "100%", transform: "translateZ(0)" }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: frameRef,
+      role: "img",
+      "aria-label": label,
+      "data-app-type": appType,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, "relative overflow-hidden", className),
+      style: { height },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.CollisionBoundaryContext.Provider, { value: frame, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            inert: true,
+            "aria-hidden": true,
+            className: _chunk3ATAYP36cjs.cn.call(void 0, "ods-content-area", mode === "pending" && "invisible"),
+            style: screenStyle,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, style: { display: "contents" } })
+            ]
+          }
+        ) }) }),
+        fade && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-ods-bg to-transparent"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+exports.PRODUCT_SCREEN_DESIGN_WIDTH = PRODUCT_SCREEN_DESIGN_WIDTH; exports.PRODUCT_SCREEN_READABLE_WIDTH = PRODUCT_SCREEN_READABLE_WIDTH; exports.PRODUCT_SCREEN_SCALE_FROM = PRODUCT_SCREEN_SCALE_FROM; exports.ProductScreenFrame = ProductScreenFrame;