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

package/dist/components/ui/leader-row.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function LeaderRow({ label, value, status, as: Row = "div", className }) {
+  return /* @__PURE__ */ jsxs(Row, { className: cn("flex min-w-0 items-center gap-[var(--spacing-system-xsf)] text-h4", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 whitespace-nowrap text-ods-text-secondary", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "h-px min-w-4 flex-1 bg-ods-border", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-ods-text-primary", children: value }),
+    status && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: status })
+  ] });
+}
+export {
+  LeaderRow
+};

package/dist/components/ui/strip-card.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface StripCardProps {
+    /** Before the title, at 24px (an icon, a step's number). */
+    lead?: ReactNode;
+    title: ReactNode;
+    /** One quieter line under the title. */
+    caption?: ReactNode;
+    /** The title's element. Default `h3`. */
+    titleAs?: 'h3' | 'h4' | 'p';
+    /** `roomy` gives the head and the body the larger inset (a card whose head carries a caption). */
+    density?: 'default' | 'roomy';
+    children?: ReactNode;
+    className?: string;
+    bodyClassName?: string;
+}
+/**
+ * THE card with a head strip (Figma "Info-card" with a `tag` head): a head on
+ * the card surface holding a mark, a title and an optional caption, a hairline,
+ * then the body on the page surface. One frame for every such card, so a row
+ * of them shares its radius, hairlines and insets.
+ */
+export declare function StripCard({ lead, title, caption, titleAs: Title, density, children, className, bodyClassName, }: StripCardProps): import("react").JSX.Element;
+//# sourceMappingURL=strip-card.d.ts.map

package/dist/components/ui/strip-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strip-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/strip-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IAC5B,kGAAkG;IAClG,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EAAE,KAAY,EACrB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,cAAc,+BAkChB"}

package/dist/components/ui/strip-card.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function StripCard({
+  lead,
+  title,
+  caption,
+  titleAs: Title = "h3",
+  density = "default",
+  children,
+  className,
+  bodyClassName
+}) {
+  const roomy = density === "roomy";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex h-full min-w-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-[var(--spacing-system-mf)] border-b border-ods-border",
+              roomy ? "p-[var(--spacing-system-l)]" : "p-[var(--spacing-system-m)]"
+            ),
+            children: [
+              lead && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: lead }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ jsx(Title, { className: "m-0 text-ods-text-primary text-h3", children: title }),
+                caption && /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: caption })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-1 flex-col bg-ods-bg",
+              roomy ? "gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)]" : "gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] pb-[var(--spacing-system-l)] pt-[var(--spacing-system-m)]",
+              bodyClassName
+            ),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  StripCard
+};

package/dist/{devices-OUHGWA6Y.cjs → devices-C7XLWJFC.cjs}

@@ -11,10 +11,10 @@ require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunkE2JCZU36cjs = require('./chunk-E2JCZU36.cjs');
-require('./chunk-ZJNYWNCB.cjs');
+var _chunkSB4VWA5Vcjs = require('./chunk-SB4VWA5V.cjs');
+require('./chunk-O67V3HJR.cjs');
 require('./chunk-3HPB4H4C.cjs');
-require('./chunk-L4ZNR5V7.cjs');
+require('./chunk-DSVNFRY5.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-VA7OMDZO.cjs');
@@ -22,14 +22,14 @@ require('./chunk-AAFW4STC.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-MGW5DO6P.cjs');
+require('./chunk-KLI4OSRA.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-4FJZ7RJD.cjs');
-require('./chunk-VL4JKXU2.cjs');
-require('./chunk-ZRYKDN2J.cjs');
-require('./chunk-HZJRERJW.cjs');
-require('./chunk-DUXLZPMJ.cjs');
-require('./chunk-MJGX357L.cjs');
+require('./chunk-S2CA5WE4.cjs');
+require('./chunk-BV5WZVOP.cjs');
+require('./chunk-GABDE3FM.cjs');
+require('./chunk-3RFQPQ7Z.cjs');
+require('./chunk-PQ2M7P2U.cjs');
+require('./chunk-B27QEHYR.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1826,12 +1826,12 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-EX2GYIGW.cjs');
-require('./chunk-EJOXXJJB.cjs');
-require('./chunk-FCGLSWKR.cjs');
-require('./chunk-YADG5Q7C.cjs');
-require('./chunk-MYBTNOS6.cjs');
-require('./chunk-FTTLBMHU.cjs');
+require('./chunk-YRE3O65E.cjs');
+require('./chunk-YXKB5WRE.cjs');
+require('./chunk-IFS4AH77.cjs');
+require('./chunk-63N4FN5V.cjs');
+require('./chunk-GSWQZX23.cjs');
+require('./chunk-7ZFCR7UY.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1840,20 +1840,20 @@ require('./chunk-6VOOPMP5.cjs');
 require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
-require('./chunk-EAY6ZUES.cjs');
+require('./chunk-I5MSCD57.cjs');
 require('./chunk-PX7FY655.cjs');
 require('./chunk-CW3ML76U.cjs');
 require('./chunk-GVTDVS5U.cjs');
 require('./chunk-FICJS5OA.cjs');
 require('./chunk-VOX4E6AX.cjs');
-require('./chunk-UR4K2NSL.cjs');
+require('./chunk-HOTM4UM6.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 require('./chunk-HTRILBJD.cjs');
 require('./chunk-K6VWTUCH.cjs');
 require('./chunk-L2RMTGOK.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
-require('./chunk-AZL332TK.cjs');
+require('./chunk-2QMBXGMQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 require('./chunk-G7SBHMRR.cjs');
 require('./chunk-AKTPO2DN.cjs');
@@ -1865,14 +1865,14 @@ require('./chunk-3ATAYP36.cjs');
 // src/components/product-demo/screens/devices.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var TOOLBAR = { ..._chunkE2JCZU36cjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunkWFPCCBOMcjs.DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkSB4VWA5Vcjs.IDLE_DEVICES_TOOLBAR, searchValue: _chunkWFPCCBOMcjs.DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function DevicesScreen({ compact = false }) {
   const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => _chunkWFPCCBOMcjs.buildWindowsDevicesFixture.call(void 0, cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkE2JCZU36cjs.DevicesPanelView,
+    _chunkSB4VWA5Vcjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,

package/dist/embed-shims/index.cjs

@@ -21,7 +21,7 @@ var _chunk7DNL734Scjs = require('../chunk-7DNL734S.cjs');
 
 
 
-var _chunkUR4K2NSLcjs = require('../chunk-UR4K2NSL.cjs');
+var _chunkHOTM4UM6cjs = require('../chunk-HOTM4UM6.cjs');
 
 
 
@@ -45,4 +45,4 @@ var _chunkV45KLJQPcjs = require('../chunk-V45KLJQP.cjs');
 
 
 
-exports.Image = _chunkUR4K2NSLcjs.next_image_default; exports.Link = _chunkV45KLJQPcjs.next_link_default; exports.RedirectType = _chunk7DNL734Scjs.RedirectType; exports.ServerInsertedHTMLContext = _chunk7DNL734Scjs.ServerInsertedHTMLContext; exports.dynamic = _chunkDEY6XXGOcjs.dynamic; exports.notFound = _chunk7DNL734Scjs.notFound; exports.permanentRedirect = _chunk7DNL734Scjs.permanentRedirect; exports.redirect = _chunk7DNL734Scjs.redirect; exports.registerDynamic = _chunkDEY6XXGOcjs.registerDynamic; exports.registerImage = _chunkUR4K2NSLcjs.registerImage; exports.registerImageResizer = _chunkUR4K2NSLcjs.registerImageResizer; exports.registerLink = _chunkV45KLJQPcjs.registerLink; exports.registerNavigation = _chunk7DNL734Scjs.registerNavigation; exports.resizedImageUrl = _chunkUR4K2NSLcjs.resizedImageUrl; exports.useParams = _chunk7DNL734Scjs.useParams; exports.usePathname = _chunk7DNL734Scjs.usePathname; exports.useRouter = _chunk7DNL734Scjs.useRouter; exports.useSearchParams = _chunk7DNL734Scjs.useSearchParams;
+exports.Image = _chunkHOTM4UM6cjs.next_image_default; exports.Link = _chunkV45KLJQPcjs.next_link_default; exports.RedirectType = _chunk7DNL734Scjs.RedirectType; exports.ServerInsertedHTMLContext = _chunk7DNL734Scjs.ServerInsertedHTMLContext; exports.dynamic = _chunkDEY6XXGOcjs.dynamic; exports.notFound = _chunk7DNL734Scjs.notFound; exports.permanentRedirect = _chunk7DNL734Scjs.permanentRedirect; exports.redirect = _chunk7DNL734Scjs.redirect; exports.registerDynamic = _chunkDEY6XXGOcjs.registerDynamic; exports.registerImage = _chunkHOTM4UM6cjs.registerImage; exports.registerImageResizer = _chunkHOTM4UM6cjs.registerImageResizer; exports.registerLink = _chunkV45KLJQPcjs.registerLink; exports.registerNavigation = _chunk7DNL734Scjs.registerNavigation; exports.resizedImageUrl = _chunkHOTM4UM6cjs.resizedImageUrl; exports.useParams = _chunk7DNL734Scjs.useParams; exports.usePathname = _chunk7DNL734Scjs.usePathname; exports.useRouter = _chunk7DNL734Scjs.useRouter; exports.useSearchParams = _chunk7DNL734Scjs.useSearchParams;

package/dist/embed-shims/next-image.cjs

@@ -5,10 +5,10 @@
 
 
 
-var _chunkUR4K2NSLcjs = require('../chunk-UR4K2NSL.cjs');
+var _chunkHOTM4UM6cjs = require('../chunk-HOTM4UM6.cjs');
 
 
 
 
 
-exports.default = _chunkUR4K2NSLcjs.next_image_default; exports.registerImage = _chunkUR4K2NSLcjs.registerImage; exports.registerImageResizer = _chunkUR4K2NSLcjs.registerImageResizer; exports.resizedImageUrl = _chunkUR4K2NSLcjs.resizedImageUrl;
+exports.default = _chunkHOTM4UM6cjs.next_image_default; exports.registerImage = _chunkHOTM4UM6cjs.registerImage; exports.registerImageResizer = _chunkHOTM4UM6cjs.registerImageResizer; exports.resizedImageUrl = _chunkHOTM4UM6cjs.resizedImageUrl;

package/dist/embed-shims/next-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next-image.d.ts","sourceRoot":"","sources":["../../src/embed-shims/next-image.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA+BzF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAMlE;AAED,+GAA+G;AAC/G,KAAK,YAAY,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;AAI7D;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,YAAY,GAAG,IAAI,CAE3D;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,QAAA,MAAM,KAAK;UA9DH,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;UACxB,MAAM;YACJ,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;WACjB,OAAO;YACN,MAAM;cACJ,MAAM;eACL,OAAO;cACR,OAAO,GAAG,MAAM;kBACZ,MAAM,GAAG,OAAO,GAAG,cAAc,MAAM,EAAE;kBACzC,MAAM;kBACN,OAAO;IACrB;;;;;OAKG;qBACc,MAAM;wBACH,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI;aAC1C,OAAO;oDA0GhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"next-image.d.ts","sourceRoot":"","sources":["../../src/embed-shims/next-image.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAiCzF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAMlE;AAED,+GAA+G;AAC/G,KAAK,YAAY,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;AAI7D;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,YAAY,GAAG,IAAI,CAE3D;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,QAAA,MAAM,KAAK;UA9DH,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;UACxB,MAAM;YACJ,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;WACjB,OAAO;YACN,MAAM;cACJ,MAAM;eACL,OAAO;cACR,OAAO,GAAG,MAAM;kBACZ,MAAM,GAAG,OAAO,GAAG,cAAc,MAAM,EAAE;kBACzC,MAAM;kBACN,OAAO;IACrB;;;;;OAKG;qBACc,MAAM;wBACH,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI;aAC1C,OAAO;oDAmHhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/embed-shims/next-image.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { fetchPriorityProp } from "../utils/fetch-priority.js";
 let impl = null;
 function registerImage(component) {
   impl = component;
@@ -14,9 +15,10 @@ function resizedImageUrl(src, widthPx) {
 }
 const Image = forwardRef(function NextImageShim({ optimizedWidth, ...given }, ref) {
   const props = optimizedWidth && resizer && typeof given.src === "string" ? { ...given, src: resizer(given.src, optimizedWidth), unoptimized: true } : given;
+  const fetchPriority = props.fetchPriority ?? (props.priority ? "high" : void 0);
   if (impl) {
     const Real = impl;
-    return /* @__PURE__ */ jsx(Real, { ref, ...props });
+    return /* @__PURE__ */ jsx(Real, { ref, ...props, fetchPriority });
   }
   const {
     src,
@@ -32,6 +34,7 @@ const Image = forwardRef(function NextImageShim({ optimizedWidth, ...given }, re
     unoptimized: _unoptimized,
     onLoadingComplete,
     loader: _loader,
+    fetchPriority: _fetchPriority,
     style,
     ...rest
   } = props;
@@ -53,7 +56,8 @@ const Image = forwardRef(function NextImageShim({ optimizedWidth, ...given }, re
       height: fill ? void 0 : height,
       style: finalStyle,
       onLoad: onLoadingComplete ? (e) => onLoadingComplete(e.currentTarget) : void 0,
-      ...rest
+      ...rest,
+      ...fetchPriority ? fetchPriorityProp(fetchPriority) : {}
     }
   );
 });