@flamingo-stack/openframe-frontend-core 0.0.737 → 0.0.739

package/dist/{chunk-AZL332TK.cjs → chunk-2QMBXGMQ.cjs}

@@ -133,9 +133,20 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
       noPaddingX: {
         true: "px-0",
         false: ""
+      },
+      // Two buttons drawn as ONE surface with a seam between them (a main action
+      // and a chevron that opens its alternatives: `DropdownButton` with an
+      // `action`). `start` is the leading half, `end` the trailing one: each
+      // gives up the corners and the border on its inner edge.
+      attach: {
+        none: "",
+        start: "rounded-r-none",
+        end: "rounded-l-none border-l-0"
       }
     },
     compoundVariants: [
+      // The trailing half as an icon button is the design's 40px chevron cell, at every breakpoint.
+      { attach: "end", size: "icon", class: "w-10 px-0 md:w-10" },
       { size: "small", class: "[&_svg]:h-4 [&_svg]:w-4" },
       // Comes after the size classes, so cn()'s tailwind-merge resolves the
       // ods-typography group in favour of text-h4.
@@ -146,7 +157,8 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
       size: "default",
       font: "bold",
       fullWidth: false,
-      noPaddingX: false
+      noPaddingX: false,
+      attach: "none"
     }
   }
 );
@@ -258,6 +270,7 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
   font,
   fullWidth,
   noPaddingX,
+  attach,
   asChild,
   href,
   openInNewTab,
@@ -345,7 +358,7 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { ref, className: shellClasses, disabled: isDisabled, onClick, ...props, children: splitContent });
   }
-  const classes = _chunk3ATAYP36cjs.cn.call(void 0, buttonVariants({ variant, size, font, fullWidth, noPaddingX }), className);
+  const classes = _chunk3ATAYP36cjs.cn.call(void 0, buttonVariants({ variant, size, font, fullWidth, noPaddingX, attach }), className);
   if (asChild) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactslot.Slot, { ref, className: classes, ...props, children });
   }

package/dist/{chunk-HZJRERJW.cjs → chunk-3RFQPQ7Z.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkYADG5Q7Ccjs = require('./chunk-YADG5Q7C.cjs');
+var _chunk63N4FN5Vcjs = require('./chunk-63N4FN5V.cjs');
 
 
 var _chunkCW3ML76Ucjs = require('./chunk-CW3ML76U.cjs');
@@ -22,8 +22,8 @@ function useVideoOriginPreconnect({ supabaseStorageOrigin } = {}) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const resolvedOrigin = _nullishCoalesce(supabaseStorageOrigin, () => ( _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.supabaseStorageOrigin])));
   try {
-    _reactdom2.default.preconnect(_chunkYADG5Q7Ccjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
-    _reactdom2.default.preconnect(_chunkYADG5Q7Ccjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunk63N4FN5Vcjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunk63N4FN5Vcjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
     if (resolvedOrigin) {
       _reactdom2.default.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
     }

package/dist/{chunk-YADG5Q7C.cjs → chunk-63N4FN5V.cjs}

@@ -7,7 +7,7 @@ var _chunkS5C3OZCOcjs = require('./chunk-S5C3OZCO.cjs');
 var _chunk4IYNDV3Gcjs = require('./chunk-4IYNDV3G.cjs');
 
 
-var _chunkAZL332TKcjs = require('./chunk-AZL332TK.cjs');
+var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -111,9 +111,9 @@ function VideoErrorOverlay({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-[var(--spacing-system-sf)] bg-ods-overlay p-[var(--spacing-system-lf)] text-center", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "This video failed to play." }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAZL332TKcjs.Button, { variant: "outline", size: "small", onClick: onRetry, children: "Try again" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", size: "small", onClick: onRetry, children: "Try again" }),
       watchOnYouTubeId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAZL332TKcjs.Button,
+        _chunk2QMBXGMQcjs.Button,
         {
           variant: "transparent",
           size: "small",

package/dist/{chunk-FTTLBMHU.cjs → chunk-7ZFCR7UY.cjs}

@@ -8,7 +8,7 @@ var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 var _chunkFICJS5OAcjs = require('./chunk-FICJS5OA.cjs');
 
 
-var _chunkUR4K2NSLcjs = require('./chunk-UR4K2NSL.cjs');
+var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -847,7 +847,7 @@ var SquareAvatar = _react3.memo.call(void 0,
               }
             ),
             resolvedSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkUR4K2NSLcjs.next_image_default,
+              _chunkHOTM4UM6cjs.next_image_default,
               {
                 className: _chunk3ATAYP36cjs.cn.call(void 0, 
                   "absolute max-w-none",

package/dist/{chunk-MJGX357L.cjs → chunk-B27QEHYR.cjs}

@@ -12,7 +12,7 @@ var _chunk4TUSPDNScjs = require('./chunk-4TUSPDNS.cjs');
 var _chunkL2RMTGOKcjs = require('./chunk-L2RMTGOK.cjs');
 
 
-var _chunkAZL332TKcjs = require('./chunk-AZL332TK.cjs');
+var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
@@ -342,7 +342,7 @@ var ActionsMenuDropdown = ({
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAZL332TKcjs.Button,
+      _chunk2QMBXGMQcjs.Button,
       {
         variant: "outline",
         size: "icon",

package/dist/{chunk-VRNNIV5Y.cjs → chunk-B3XBJCOD.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkL4ZNR5V7cjs = require('./chunk-L4ZNR5V7.cjs');
+var _chunkDSVNFRY5cjs = require('./chunk-DSVNFRY5.cjs');
 
 
-var _chunkEJOXXJJBcjs = require('./chunk-EJOXXJJB.cjs');
+var _chunkYXKB5WREcjs = require('./chunk-YXKB5WRE.cjs');
 
 
 
-var _chunkFTTLBMHUcjs = require('./chunk-FTTLBMHU.cjs');
+var _chunk7ZFCR7UYcjs = require('./chunk-7ZFCR7UY.cjs');
 
 
-var _chunkUR4K2NSLcjs = require('./chunk-UR4K2NSL.cjs');
+var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -66,7 +66,7 @@ function DetailPageSkeleton({
   ] });
   if (bare) return content;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4ZNR5V7cjs.PageLayout,
+    _chunkDSVNFRY5cjs.PageLayout,
     {
       showHeader: false,
       className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
@@ -79,7 +79,7 @@ function DetailPageSkeleton({
 var _lucidereact = require('lucide-react');
 
 function formatDate(value) {
-  return _chunkFTTLBMHUcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -95,7 +95,7 @@ function ArticleAuthorByline({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!author) return null;
-  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkEJOXXJJBcjs.getProxiedImageUrl.call(void 0, avatar, {
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkYXKB5WREcjs.getProxiedImageUrl.call(void 0, avatar, {
     proxyPrefix: _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.imageProxyUrlPrefix]),
     skipDomains: _optionalChain([runtime, 'optionalAccess', _4 => _4.endpoints, 'access', _5 => _5.imageProxySkipDomains]),
     directHttps: true
@@ -103,7 +103,7 @@ function ArticleAuthorByline({
   const avatarSizeClass = size === "lg" ? "w-16 h-16" : "w-14 h-14";
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
   const avatarDim = size === "lg" ? 64 : 56;
-  const formattedBio = _chunkFTTLBMHUcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const formattedBio = _chunk7ZFCR7UYcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -115,7 +115,7 @@ function ArticleAuthorByline({
       ),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUR4K2NSLcjs.next_image_default,
+          _chunkHOTM4UM6cjs.next_image_default,
           {
             src: proxiedAvatar || avatar,
             alt: author,