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

package/src/utils/identity-tint.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties } from 'react';
+
+/**
+ * A surface tinted by an identity colour (an agent's): its border mixed from
+ * the colour, a faint wash of it over the page surface and a glow of it in the
+ * far corner. THE tint of every card and window that belongs to one agent, so
+ * they read as that agent's at a glance and all read alike.
+ *
+ * `accent` is a CSS colour (the hex an agent's identity stores). The surface
+ * under it should be the page surface (`bg-ods-bg`). Undefined gives no style,
+ * so a surface with no agent keeps its own border and background.
+ */
+export function identityTint(accent: string | null | undefined): CSSProperties | undefined {
+  if (!accent) return undefined;
+  const wash = `color-mix(in srgb, ${accent} 2%, transparent)`;
+  return {
+    borderColor: `color-mix(in srgb, ${accent} 30%, transparent)`,
+    backgroundImage: [
+      `radial-gradient(120% 120% at 100% 100%, color-mix(in srgb, ${accent} 4%, transparent), transparent 70%)`,
+      `linear-gradient(${wash}, ${wash})`,
+    ].join(', '),
+  };
+}

package/src/utils/index.ts

@@ -473,3 +473,5 @@ export type { ProgramDateFields, ProgramInstant, ProgramMetaRenderers } from './
 export { copyrightLine } from './copyright-line';
 export * from './path-pattern';
 export * from './random-id';
+export * from './demo-clock';
+export * from './identity-tint';

package/dist/chunk-UR4K2NSL.cjs

@@ -1,69 +0,0 @@
-"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";
-
-// src/embed-shims/next-image.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var impl = null;
-function registerImage(component) {
-  impl = component;
-}
-var resizer = null;
-function registerImageResizer(fn) {
-  resizer = fn;
-}
-function resizedImageUrl(src, widthPx) {
-  return resizer ? resizer(src, widthPx) : src;
-}
-var Image = _react.forwardRef.call(void 0, function NextImageShim({ optimizedWidth, ...given }, ref) {
-  const props = optimizedWidth && resizer && typeof given.src === "string" ? { ...given, src: resizer(given.src, optimizedWidth), unoptimized: true } : given;
-  if (impl) {
-    const Real = impl;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Real, { ref, ...props });
-  }
-  const {
-    src,
-    alt,
-    width,
-    height,
-    fill,
-    sizes: _sizes,
-    quality: _quality,
-    priority: _priority,
-    placeholder: _placeholder,
-    blurDataURL: _blurDataURL,
-    unoptimized: _unoptimized,
-    onLoadingComplete,
-    loader: _loader,
-    style,
-    ...rest
-  } = props;
-  const srcStr = typeof src === "string" ? src : _optionalChain([src, 'optionalAccess', _ => _.src]);
-  const finalStyle = fill ? {
-    position: "absolute",
-    inset: 0,
-    width: "100%",
-    height: "100%",
-    ...style
-  } : style;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "img",
-    {
-      ref,
-      src: srcStr,
-      alt: _nullishCoalesce(alt, () => ( "")),
-      width: fill ? void 0 : width,
-      height: fill ? void 0 : height,
-      style: finalStyle,
-      onLoad: onLoadingComplete ? (e) => onLoadingComplete(e.currentTarget) : void 0,
-      ...rest
-    }
-  );
-});
-var next_image_default = Image;
-
-
-
-
-
-
-exports.registerImage = registerImage; exports.registerImageResizer = registerImageResizer; exports.resizedImageUrl = resizedImageUrl; exports.next_image_default = next_image_default;