efficient-web-builder 0.9.0 → 1.0.0

package/dist/lib/editor-page-rows.d.ts

@@ -0,0 +1,16 @@
+export declare const MAIN_PAGES_GROUP = "Main Pages";
+export declare const DYNAMIC_PAGES_GROUP = "Dynamic Pages";
+export declare const DYNAMIC_PAGES_GROUP_KEY = "dynamic";
+export declare const DYNAMIC_PAGE_KIND = "dynamic";
+export interface EditorPageRowLike {
+    kind?: string | null;
+    group?: string | null;
+    groupKey?: string;
+}
+export declare function isDynamicPageRow(row: EditorPageRowLike): boolean;
+export interface EditorPageBucket<T> {
+    key: string;
+    label: string;
+    rows: T[];
+}
+export declare function bucketEditorPageRows<T extends EditorPageRowLike>(rows: readonly T[]): EditorPageBucket<T>[];

package/dist/lib/editor-page-rows.js

@@ -0,0 +1 @@
+const c="Main Pages",i="Dynamic Pages",a="dynamic",p="dynamic";function u(n){return n.kind===p}function l(n){const t=[],s=[];for(const o of n){if(u(o)){s.push(o);continue}const e=o.groupKey??(o.group?`folder:${o.group}`:"top"),r=t[t.length-1];r&&r.key===e?r.rows.push(o):t.push({key:e,label:o.group??c,rows:[o]})}if(s.length){const o=t.findIndex(e=>e.key.startsWith("system:"));t.splice(o===-1?t.length:o,0,{key:a,label:i,rows:s})}return t}export{i as DYNAMIC_PAGES_GROUP,a as DYNAMIC_PAGES_GROUP_KEY,p as DYNAMIC_PAGE_KIND,c as MAIN_PAGES_GROUP,l as bucketEditorPageRows,u as isDynamicPageRow};

package/dist/lib/editor-section-templates.d.ts

@@ -0,0 +1,2 @@
+import type { SectionTemplateStore } from "./section-template-types.js";
+export declare const sectionTemplates: SectionTemplateStore;

package/dist/lib/editor-section-templates.js

@@ -0,0 +1 @@
+import{backendOf as n}from"./editor-session.js";import{WebsiteBackendError as a}from"./web-backend.js";const o=()=>Promise.reject(new a("unavailable","This editor's backend keeps no section templates.")),m={list:()=>Promise.resolve([]),get:()=>Promise.resolve(null),ensure:o,save:o,update:o,rename:o,remove:o},t=()=>n().sectionTemplates??m,c={list:()=>t().list(),get:e=>t().get(e),ensure:(e,s,r)=>t().ensure(e,s,r),save:(e,s)=>t().save(e,s),update:(e,s)=>t().update(e,s),rename:(e,s)=>t().rename(e,s),remove:e=>t().remove(e)};export{c as sectionTemplates};

package/dist/lib/editor-session-context.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type EditorSession } from "./editor-session.js";
+export declare function EditorSessionProvider({ session, children }: {
+    session: EditorSession;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useEditorSession(): EditorSession;

package/dist/lib/editor-session-context.js

@@ -0,0 +1 @@
+"use client";import{jsx as i}from"react/jsx-runtime";import{createContext as n,useContext as u,useEffect as c}from"react";import{activateEditorSession as r,currentEditorSession as d,deactivateEditorSession as s}from"./editor-session.js";const e=n(null);function E({session:t,children:o}){return r(t),c(()=>(r(t),()=>s(t)),[t]),i(e.Provider,{value:t,children:o})}function m(){return u(e)??d()}export{E as EditorSessionProvider,m as useEditorSession};

package/dist/lib/editor-session-loader.d.ts

@@ -0,0 +1,4 @@
+export declare function makeSessionLoader<T>({ fetch, keyBy, }: {
+    fetch: (token: string, key: string | null) => Promise<T[]>;
+    keyBy?: () => string | null;
+}): (force?: boolean) => Promise<T[]>;

package/dist/lib/editor-session-loader.js

@@ -0,0 +1 @@
+import{getEditorToken as u}from"./editor-auth.js";import{currentEditorSession as m}from"./editor-session.js";function d({fetch:s,keyBy:n}){let o=null,l=null,t=null;return(i=!1)=>{const e=u(),r=n?n():null;return(i||!o||l===null&&e!==null||t!==r)&&(l=e,t=r,o=e||!m().usesBridgedToken?s(e??"",r).catch(()=>[]):Promise.resolve([])),o}}export{d as makeSessionLoader};

package/dist/lib/editor-session.d.ts

@@ -0,0 +1,45 @@
+import type { Config } from "efficient-easel/blocks";
+import type { EditorBlocks } from "./editor-blocks.js";
+import type { EditorChrome } from "./editor-chrome.js";
+import type { EditorDocumentHooks } from "./editor-document-hooks.js";
+import type { WebsiteBackend } from "./web-backend.js";
+export declare const EFFICIENT_BACKEND: unique symbol;
+export declare function isEfficientBackend(backend: WebsiteBackend | null | undefined): boolean;
+export interface EditorSession {
+    readonly hostBackend: WebsiteBackend | null;
+    readonly usesBridgedToken: boolean;
+    readonly blocks: EditorBlocks | null;
+    readonly registry: Config | null;
+    readonly chrome: EditorChrome | null;
+    readonly documentHooks: EditorDocumentHooks | null;
+    readonly auth: {
+        token: string | null;
+        brandId: string | null;
+    };
+    readonly site: {
+        documentId: string | null;
+        bridgedId: string | null;
+    };
+    siteId(): string | null;
+    cache<T>(key: string, make: () => T): T;
+    forget(key?: string): void;
+}
+type DefaultBackend = (session: EditorSession) => WebsiteBackend;
+export declare function provideDefaultBackend(make: DefaultBackend): void;
+export declare function backendOf(session?: EditorSession): WebsiteBackend;
+export declare function sessionRegistry(session: EditorSession): Config;
+export declare function createEditorSession(options?: {
+    backend?: WebsiteBackend | null;
+    blocks?: EditorBlocks | null;
+    registry?: Config | null;
+    chrome?: EditorChrome | null;
+    documentHooks?: EditorDocumentHooks | null;
+}): EditorSession;
+export declare function setSessionDocumentSite(session: EditorSession, siteId: string | null | undefined): void;
+export declare function setSessionBridgedSite(session: EditorSession, siteId: string | null | undefined): void;
+export declare function currentEditorSession(): EditorSession;
+export declare function activateEditorSession(session: EditorSession): void;
+export declare function deactivateEditorSession(session: EditorSession): void;
+export declare function efficientClientOpen(): boolean;
+export declare function resetAmbientEditorSession(): void;
+export {};

package/dist/lib/editor-session.js

@@ -0,0 +1 @@
+const g=Symbol.for("efficient-web.efficient-backend");function h(e){return!!e&&e[g]===!0}function u(e){return e?.trim()||null}let d=null;const l=new WeakMap;function m(e){d=e}function p(e=a()){if(e.hostBackend)return e.hostBackend;let t=l.get(e);if(!t){if(!d)throw new Error("efficient-web-builder: this editor was given no backend, and its host named no default one. Pass `backend`, or load the host's default backend first (the storefront's is lib/efficient-backend).");t=d(e),l.set(e,t)}return t}function w(e){if(!e.registry)throw new Error("efficient-web-builder: this editor was mounted with no block registry. Pass `registry` to createEditorSession (the storefront's is lib/puck/config).");return e.registry}function s(e={}){const t=e.backend??null,r=new Map,b={token:null,brandId:null},o={documentId:null,bridgedId:null};return{hostBackend:t,usesBridgedToken:t===null||h(t),blocks:e.blocks??null,registry:e.registry??null,chrome:e.chrome??null,documentHooks:e.documentHooks??null,auth:b,site:o,siteId:()=>o.documentId??o.bridgedId,cache(n,k){return r.has(n)||r.set(n,k()),r.get(n)},forget(n){n===void 0?r.clear():r.delete(n)}}}function x(e,t){e.site.documentId=u(t)}function E(e,t){e.site.bridgedId=u(t)}let f=s(),i=null;const c=new Set;function a(){return i??f}function S(e){c.delete(e),i=e}function B(e){c.add(e),queueMicrotask(()=>{c.delete(e)&&i===e&&(i=null)})}function I(){return a().usesBridgedToken}function v(){f=s()}export{g as EFFICIENT_BACKEND,S as activateEditorSession,p as backendOf,s as createEditorSession,a as currentEditorSession,B as deactivateEditorSession,I as efficientClientOpen,h as isEfficientBackend,m as provideDefaultBackend,v as resetAmbientEditorSession,w as sessionRegistry,E as setSessionBridgedSite,x as setSessionDocumentSite};

package/dist/lib/editor-site-slug.d.ts

@@ -0,0 +1,2 @@
+export declare function loadEditorSiteSlug(token: string, siteId: string): Promise<string | null>;
+export declare function clearEditorSiteSlugCache(siteId?: string | null): void;

package/dist/lib/editor-site-slug.js

@@ -0,0 +1 @@
+import{backendOf as o}from"./editor-session.js";const r=new Map;async function n(l,t){try{return(await o().site.get({siteId:t})).slug?.trim()||null}catch(e){return console.warn("[editor-site-slug] could not resolve the site slug",e),null}}function c(l,t){let e=r.get(t);return e||(e=n(l,t),r.set(t,e),e.catch(()=>{r.get(t)===e&&r.delete(t)})),e}function u(l){l?r.delete(l):r.clear()}export{u as clearEditorSiteSlugCache,c as loadEditorSiteSlug};

package/dist/lib/editor-site.d.ts

@@ -0,0 +1,3 @@
+export declare function setEditorSiteId(siteId: string | null): void;
+export declare function setBridgedEditorSiteId(siteId: string | null | undefined): void;
+export declare function getEditorSiteId(): string | null;

package/dist/lib/editor-site.js

@@ -0,0 +1 @@
+import{currentEditorSession as e,setSessionBridgedSite as i,setSessionDocumentSite as o}from"./editor-session.js";function d(t){o(e(),t)}function n(t){i(e(),t)}function s(){return e().siteId()}export{s as getEditorSiteId,n as setBridgedEditorSiteId,d as setEditorSiteId};

package/dist/lib/editor-theme.d.ts

@@ -0,0 +1 @@
+export declare function applyEditorChromeTheme(theme: string | null | undefined): void;

package/dist/lib/editor-theme.js

@@ -0,0 +1 @@
+const e="data-editor-theme";function n(t){typeof document>"u"||document.documentElement.setAttribute(e,"light")}export{n as applyEditorChromeTheme};

package/dist/lib/fit-words.d.ts

@@ -0,0 +1,3 @@
+export declare const FIT_WORDS_BOOT: string;
+export declare const FIT_WORDS_SCRIPT_ID = "storefront-fit-words";
+export declare function runFitWordsIn(doc: Document): () => void;

package/dist/lib/fit-words.js

@@ -0,0 +1,220 @@
+const i=String.raw`(function (doc) {
+  if (doc.__sfFitWords) return;
+  var win = doc.defaultView;
+  var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
+  var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
+
+  function measure(el) {
+    var widest = 0, current = 0, last = null, split = false, lastBlock = null;
+    function blockOf(n) {
+      for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
+        var d = win.getComputedStyle(p).display;
+        if (d.indexOf("inline") !== 0 && d !== "contents") return p;
+      }
+      return el;
+    }
+    function close() { if (current > widest) widest = current; current = 0; last = null; }
+    var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
+    while ((node = walker.nextNode())) {
+      if (node.nodeType === 1) {
+        if (node.tagName === "BR" || node.tagName === "WBR") close();
+        continue;
+      }
+      var block = blockOf(node);
+      if (block !== lastBlock) close();
+      lastBlock = block;
+      var re = /(\S+)|(\s+)/g, m;
+      while ((m = re.exec(node.data))) {
+        if (m[2]) { close(); continue; }
+        range.setStart(node, m.index);
+        range.setEnd(node, m.index + m[0].length);
+        var rects = range.getClientRects();
+        for (var i = 0; i < rects.length; i++) {
+          var r = rects[i];
+          if (r.width <= 0) continue;
+          current += r.width;
+          if (last && r.top > last.top + last.height / 2) split = true;
+          last = r;
+        }
+      }
+    }
+    close();
+    return { widest: widest, split: split };
+  }
+
+  function lineWidth(el) {
+    var cs = win.getComputedStyle(el);
+    return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
+      - parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
+  }
+
+  // ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
+  // runs before React hydrates, and React 19 in development reports ANY
+  // attribute that differs from what it rendered ("a tree hydrated but some
+  // attributes didn't match"): first our inline font-size on the hero (which
+  // React owns via --heading-size), then, when that moved to a data-sf-fit
+  // attribute, the attribute itself. So the fitted size lives only in this
+  // script's own stylesheet, in <head>, addressed to each heading by its
+  // POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
+  // structure changes, so the rules are rewritten in the MutationObserver
+  // callback, which runs before the next paint. !important so the size also
+  // beats a part's own inline size.
+  var head = doc.head || doc.documentElement;
+  var fitEl = doc.createElement("style");
+  fitEl.id = "storefront-fit-words-sizes";
+  head.appendChild(fitEl);
+  var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
+
+  function pathOf(el) {
+    var parts = [];
+    for (var e = el; e && e.parentElement; e = e.parentElement) {
+      var i = 1, s = e;
+      while ((s = s.previousElementSibling)) i++;
+      parts.unshift("*:nth-child(" + i + ")");
+    }
+    return ":root>" + parts.join(">");
+  }
+  function writeRules() {
+    var css = "";
+    fitted.forEach(function (size, el) {
+      if (!el.isConnected) { fitted.delete(el); return; }
+      css += pathOf(el) + "{font-size:" + size + " !important}";
+    });
+    if (fitEl.textContent !== css) fitEl.textContent = css;
+  }
+
+  function unfit(el) {
+    if (fitted.delete(el)) writeRules();
+  }
+
+  function fits(el) {
+    var m = measure(el);
+    return !m.split && m.widest <= lineWidth(el) + SLACK;
+  }
+
+  function fit(el) {
+    unfit(el);
+    if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
+    if (fits(el)) return;
+    var set = parseFloat(win.getComputedStyle(el).fontSize);
+    if (!set) return;
+    var floor = Math.max(set * MIN_SCALE, MIN_PX);
+    if (floor >= set) return;
+    function size(px) { return Math.floor(px * 10) / 10 + "px"; }
+    // The SEARCH tries sizes on the element's own style and then puts that
+    // attribute back byte for byte (or removes it, if it had none), so nothing
+    // is left for React to see. A trial in a stylesheet instead restyles the
+    // whole page per step: a full pass on the Hartes home took 75–160ms at 4x
+    // CPU that way.
+    var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
+    function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
+    function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
+    attempt(floor);
+    if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
+    var lo = floor, hi = set;
+    for (var i = 0; i < 8; i++) {
+      var mid = (lo + hi) / 2;
+      attempt(mid);
+      if (fits(el)) lo = mid; else hi = mid;
+    }
+    done();
+    fitted.set(el, size(lo));
+    writeRules();
+  }
+
+  // What each heading measured right after we last fitted it, so the
+  // ResizeObserver below can tell a real change (a font swap, a rotate, a
+  // container that moved) from the size change our own write just caused.
+  var seen = new WeakMap();
+  function remember(el) {
+    var b = el.getBoundingClientRect();
+    seen.set(el, b.width + "x" + b.height);
+  }
+  function fitAndRemember(el) { fit(el); remember(el); }
+
+  // ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
+  // WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
+  // fitted heading, and fonts.ready resolves only after that frame is painted —
+  // measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
+  // reported here is fitted in the same frame, so the broken state is never
+  // drawn. It also covers a container that resizes.
+  var ro = new win.ResizeObserver(function (entries) {
+    for (var i = 0; i < entries.length; i++) {
+      var el = entries[i].target;
+      var b = el.getBoundingClientRect();
+      if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
+      fitAndRemember(el);
+    }
+  });
+  function watch(el) { if (!seen.has(el)) { remember(el); ro.observe(el); } }
+
+  function fitAll() {
+    var els = doc.querySelectorAll(SELECTOR);
+    for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
+  }
+
+  var queued = 0, all = false, touched = new Set();
+  function run() {
+    queued = 0;
+    if (all) { all = false; touched.clear(); fitAll(); return; }
+    var els = Array.from(touched);
+    touched.clear();
+    for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
+  }
+  function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
+  function scheduleAll() { all = true; schedule(); }
+
+  fitAll();
+  // A backstop only: a font that changes widths without changing any
+  // heading's box is not seen by the ResizeObserver.
+  if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
+
+  // …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
+  // heading sized to its own text (fit-content, a flex item) keeps the SAME box
+  // when the phone turns to 844, so nothing reports a change and it would stay
+  // shrunk. The probe's rotate check caught exactly that.
+  var lastWidth = win.innerWidth;
+  function onResize() {
+    if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
+    lastWidth = win.innerWidth;
+    scheduleAll();
+  }
+  win.addEventListener("resize", onResize);
+
+  var mo = new win.MutationObserver(function (records) {
+    // Positions first: a node added or removed anywhere can shift the
+    // nth-child path of a fitted heading, and this callback runs before paint.
+    if (fitted.size) {
+      for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
+    }
+    for (var i = 0; i < records.length; i++) {
+      var r = records[i];
+      var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
+      var own = target && target.closest(SELECTOR);
+      if (own) touched.add(own);
+      for (var j = 0; j < r.addedNodes.length; j++) {
+        var n = r.addedNodes[j];
+        if (n.nodeType !== 1) continue;
+        if (n.matches(SELECTOR)) touched.add(n);
+        var inner = n.querySelectorAll(SELECTOR);
+        for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
+      }
+    }
+    if (touched.size) schedule();
+  });
+  mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
+
+  doc.__sfFitWords = function stop() {
+    win.removeEventListener("resize", onResize);
+    ro.disconnect();
+    mo.disconnect();
+    if (queued) win.cancelAnimationFrame(queued);
+    fitted.clear();
+    fitEl.remove();
+    delete doc.__sfFitWords;
+  };
+  // For the probe and for debugging: which headings are fitted, at what size,
+  // and the sheet that holds it (disable it to read a heading's set size).
+  doc.__sfFitWords.fitted = fitted;
+  doc.__sfFitWords.sheet = fitEl;
+})(document);`,n="storefront-fit-words";function r(e){const t=e.createElement("script");return t.id=n,t.textContent=i,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}export{i as FIT_WORDS_BOOT,n as FIT_WORDS_SCRIPT_ID,r as runFitWordsIn};

package/dist/lib/fonts.d.ts

@@ -0,0 +1,32 @@
+export type FontCategory = "sans" | "serif" | "mono";
+export interface FontOption {
+    key: string;
+    label: string;
+    cssVar: string;
+    category: FontCategory;
+    italic: boolean;
+    italicLoaded: boolean;
+}
+export declare const FONT_OPTIONS: FontOption[];
+export declare const FONT_CATEGORY_LABELS: Record<FontCategory, string>;
+export declare function fontsByCategory(): [FontCategory, FontOption[]][];
+export declare function fontHasItalic(key: string): boolean;
+export declare function fontItalicIsUsable(key: string): boolean;
+export declare function fontOption(key: string): FontOption | undefined;
+export declare const FONT_ROLES: readonly ["heading", "heading2", "heading3", "body", "accent", "label"];
+export type FontRole = (typeof FONT_ROLES)[number];
+export declare const FONT_ROLE_LABELS: Record<FontRole, string>;
+export declare const SIZE_STEP_OF_ROLE: Record<FontRole, string>;
+export declare function styleRoleOfClassName(className: string | null | undefined): FontRole | null;
+export declare function fontRoleOfClassName(className: string | null | undefined): FontRole | null;
+export declare const HEADING_FONT_ROLES: readonly ["heading", "heading2", "heading3"];
+export declare const HEADING_FACE_UTILITIES: readonly ["font-display", "font-heading2", "font-heading3"];
+export declare function drawsHeadingFace(className: string | null | undefined): boolean;
+export declare function isHeadingRole(role: FontRole): boolean;
+export type FontsValue = Record<FontRole, string>;
+export declare const DEFAULT_FONTS: FontsValue;
+export declare function normalizeFonts(v?: Partial<FontsValue> | null): FontsValue;
+export declare function siteFontCssVars(v?: Partial<FontsValue> | null): string[];
+export declare const ROOT_FALLBACK_CSS_VARS: string[];
+export declare const ALL_FONT_CSS_VARS: string[];
+export declare function fontRoleStyle(v?: Partial<FontsValue> | null): Record<string, string>;

package/dist/lib/fonts.js

@@ -0,0 +1 @@
+const l=[{key:"space-grotesk",label:"Space Grotesk",cssVar:"--font-display",category:"sans",italic:!1,italicLoaded:!1},{key:"inter",label:"Inter",cssVar:"--font-body",category:"sans",italic:!0,italicLoaded:!0},{key:"poppins",label:"Poppins",cssVar:"--font-poppins",category:"sans",italic:!0,italicLoaded:!0},{key:"dm-sans",label:"DM Sans",cssVar:"--font-dm-sans",category:"sans",italic:!0,italicLoaded:!0},{key:"sora",label:"Sora",cssVar:"--font-sora",category:"sans",italic:!1,italicLoaded:!1},{key:"oswald",label:"Oswald",cssVar:"--font-oswald",category:"sans",italic:!1,italicLoaded:!1},{key:"archivo",label:"Archivo",cssVar:"--font-archivo",category:"sans",italic:!0,italicLoaded:!0},{key:"outfit",label:"Outfit",cssVar:"--font-outfit",category:"sans",italic:!1,italicLoaded:!1},{key:"manrope",label:"Manrope",cssVar:"--font-manrope",category:"sans",italic:!1,italicLoaded:!1},{key:"big-shoulders",label:"Big Shoulders",cssVar:"--font-big-shoulders",category:"sans",italic:!1,italicLoaded:!1},{key:"michroma",label:"Michroma",cssVar:"--font-michroma",category:"sans",italic:!1,italicLoaded:!1},{key:"fraunces",label:"Fraunces",cssVar:"--font-serif",category:"serif",italic:!0,italicLoaded:!0},{key:"playfair-display",label:"Playfair Display",cssVar:"--font-playfair",category:"serif",italic:!0,italicLoaded:!0},{key:"cormorant",label:"Cormorant",cssVar:"--font-cormorant",category:"serif",italic:!0,italicLoaded:!0},{key:"jetbrains-mono",label:"JetBrains Mono",cssVar:"--font-mono-loaded",category:"mono",italic:!0,italicLoaded:!0}],n=new Map(l.map(e=>[e.key,e])),g={sans:"Sans",serif:"Serif",mono:"Mono"};function S(){return Object.keys(g).map(e=>[e,l.filter(t=>t.category===e)]).filter(([,e])=>e.length>0)}function O(e){return n.get(e)?.italic??!1}function _(e){return n.get(e)?.italicLoaded??!1}function x(e){return n.get(e)}const c=["heading","heading2","heading3","body","accent","label"],k={heading:"Heading 1",heading2:"Heading 2",heading3:"Heading 3",body:"Body",accent:"Accent",label:"Labels"},u=[["font-heading2","heading2"],["font-heading3","heading3"],["font-display","heading"],["font-serif","accent"],["font-mono","label"],["font-body","body"]],y=/var\(--size-(headingLarge|headingMedium|headingSmall|accent|body|label)\s*,/,V={heading:"headingLarge",heading2:"headingMedium",heading3:"headingSmall",accent:"accent",body:"body",label:"label"},p={headingLarge:"heading",headingMedium:"heading2",headingSmall:"heading3",accent:"accent",body:"body",label:"label"};function E(e){const t=e?y.exec(e):null;return t?p[t[1]]??null:h(e)}function h(e){if(!e)return null;const t=e.split(/\s+/).filter(a=>!a.slice(0,a.lastIndexOf(":")+1).includes("&")).map(a=>a.slice(a.lastIndexOf(":")+1));for(const[a,i]of u)if(t.includes(a))return i;return null}const b=["heading","heading2","heading3"],L=["font-display","font-heading2","font-heading3"];function I(e){if(!e)return!1;const t=e.split(/\s+/).filter(a=>!a.slice(0,a.lastIndexOf(":")+1).includes("&")).map(a=>a.slice(a.lastIndexOf(":")+1));return L.some(a=>t.includes(a))}function T(e){return b.includes(e)}const s={heading:"space-grotesk",heading2:"space-grotesk",heading3:"space-grotesk",body:"inter",accent:"fraunces",label:"jetbrains-mono"};function d(e){const t=a=>{const i=e?.[a];if(i&&n.has(i))return i;if(a==="heading2"||a==="heading3"){const r=e?.heading;return r&&n.has(r)?r:s.heading}return s[a]};return Object.fromEntries(c.map(a=>[a,t(a)]))}function f(e,t){return n.get(e[t])??n.get(s[t])}function o(e,t){return`var(${f(e,t).cssVar})`}function F(e){const t=d(e);return[...new Set([...m,...c.map(a=>f(t,a).cssVar)])]}const m=[...new Set(c.map(e=>n.get(s[e]).cssVar))],A=[...new Set(l.map(e=>e.cssVar))];function R(e){const t=d(e);return{"--font-role-heading":o(t,"heading"),"--font-role-heading2":o(t,"heading2"),"--font-role-heading3":o(t,"heading3"),"--font-role-body":o(t,"body"),"--font-role-accent":o(t,"accent"),"--font-role-label":o(t,"label"),fontFamily:"var(--font-role-body)"}}export{A as ALL_FONT_CSS_VARS,s as DEFAULT_FONTS,g as FONT_CATEGORY_LABELS,l as FONT_OPTIONS,c as FONT_ROLES,k as FONT_ROLE_LABELS,L as HEADING_FACE_UTILITIES,b as HEADING_FONT_ROLES,m as ROOT_FALLBACK_CSS_VARS,V as SIZE_STEP_OF_ROLE,I as drawsHeadingFace,O as fontHasItalic,_ as fontItalicIsUsable,x as fontOption,h as fontRoleOfClassName,R as fontRoleStyle,S as fontsByCategory,T as isHeadingRole,d as normalizeFonts,F as siteFontCssVars,E as styleRoleOfClassName};

package/dist/lib/geocode.d.ts

@@ -0,0 +1,6 @@
+export interface GeocodeResult {
+    lat: number;
+    lng: number;
+    label: string;
+}
+export declare function geocodeAddress(query: string): Promise<GeocodeResult | null>;

package/dist/lib/geocode.js

@@ -0,0 +1 @@
+import{efficientClientOpen as a}from"./editor-session.js";import{shopRouteBase as u}from"./web-runtime.js";const f="/geocode.json";async function b(i){const o=i.trim();if(!o)return null;if(!a())throw new Error("geocode_unavailable");const e=await fetch(`${u()}${f}?q=${encodeURIComponent(o)}`,{headers:{Accept:"application/json"}});if(!e.ok)throw new Error(`geocode_http_${e.status}`);const t=await e.json();if(!t||typeof t!="object")return null;const{lat:s,lng:c,label:l}=t,n=Number(s),r=Number(c);return!Number.isFinite(n)||!Number.isFinite(r)?null:{lat:n,lng:r,label:String(l??"")}}export{b as geocodeAddress};

package/dist/lib/hero-arrows.d.ts

@@ -0,0 +1,23 @@
+import { type HeroGroupPlacement } from "./hero-group-placement.js";
+export declare const HERO_ARROWS_PLACEMENTS: readonly ["top-left", "top-center", "top-right", "left", "center", "right", "bottom-left", "bottom-center", "bottom-right"];
+export type HeroArrowsPlacement = HeroGroupPlacement;
+export declare const HERO_ARROWS_PLACEMENT_LABELS: Readonly<Record<"left" | "right" | "top-left" | "top-center" | "top-right" | "center" | "bottom-left" | "bottom-center" | "bottom-right", string>>;
+export declare const HERO_ARROWS_PLACEMENT_DEFAULT: HeroArrowsPlacement;
+export declare const HERO_ARROW_SHAPES: readonly ["outline", "solid", "square", "bare"];
+export type HeroArrowShape = (typeof HERO_ARROW_SHAPES)[number];
+export declare const HERO_ARROW_SHAPE_DEFAULT: HeroArrowShape;
+export declare const HERO_ARROW_SHAPE_LABELS: Readonly<Record<HeroArrowShape, string>>;
+export declare const HERO_ARROWS_SHOWN_DEFAULT = false;
+export declare const HERO_ARROW_DIRECTIONS: readonly ["prev", "next"];
+export type HeroArrowDirection = (typeof HERO_ARROW_DIRECTIONS)[number];
+export declare const HERO_ARROW_LABELS: Readonly<Record<HeroArrowDirection, string>>;
+export declare const HERO_ARROW_NAV_ATTR = "data-hero-nav";
+export declare function normaliseArrowShape(value: unknown): HeroArrowShape;
+export declare function normaliseArrowsPlacement(value: unknown): HeroArrowsPlacement;
+export declare function arrowsRailClass(placement: unknown): string;
+export declare function arrowButtonClass(shape: unknown): string;
+export declare function arrowsShown(o: {
+    shown?: unknown;
+    count?: number;
+}): boolean;
+export declare function arrowStep(direction: unknown, current: number, count: number): number;

package/dist/lib/hero-arrows.js

@@ -0,0 +1 @@
+import{HERO_GROUP_PLACEMENTS as n,HERO_GROUP_PLACEMENT_LABELS as s}from"./hero-group-placement.js";import{heroOverlayRailClass as i,knownAnchor as a}from"./hero-overlay-anchor.js";const d=n,h=s,l="bottom-right",c=["outline","solid","square","bare"],R="outline",m={outline:"Outline",solid:"Solid",square:"Square",bare:"Bare"},x=!1,v=["prev","next"],S={prev:"Previous slide",next:"Next slide"},L="data-hero-nav";function E(r){return c.includes(r)?r:R}function _(r){return a(r)??l}const p="flex-row items-center gap-2";function b(r){return i(_(r),p)}const A={outline:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",solid:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome bg-overlay-chrome text-overlay-scrim transition-colors hover:bg-overlay-chrome/85",square:"grid h-10 w-10 cursor-pointer place-items-center rounded-md border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",bare:"grid h-10 w-10 cursor-pointer place-items-center text-overlay-fg transition-colors hover:text-overlay-chrome"};function f(r){return A[E(r)]}function H(r){return r.shown===!0&&(r.count??0)>1}function y(r,o,e){if(e<=1)return o;const t=Math.min(Math.max(o,0),e-1);return r==="prev"?(t-1+e)%e:(t+1)%e}export{d as HERO_ARROWS_PLACEMENTS,l as HERO_ARROWS_PLACEMENT_DEFAULT,h as HERO_ARROWS_PLACEMENT_LABELS,x as HERO_ARROWS_SHOWN_DEFAULT,v as HERO_ARROW_DIRECTIONS,S as HERO_ARROW_LABELS,L as HERO_ARROW_NAV_ATTR,c as HERO_ARROW_SHAPES,R as HERO_ARROW_SHAPE_DEFAULT,m as HERO_ARROW_SHAPE_LABELS,f as arrowButtonClass,y as arrowStep,b as arrowsRailClass,H as arrowsShown,E as normaliseArrowShape,_ as normaliseArrowsPlacement};

package/dist/lib/hero-group-placement.d.ts

@@ -0,0 +1,46 @@
+export declare const HERO_GROUP_PLACEMENTS: readonly ["top-left", "top-center", "top-right", "left", "center", "right", "bottom-left", "bottom-center", "bottom-right"];
+export type HeroGroupPlacement = (typeof HERO_GROUP_PLACEMENTS)[number];
+export declare const HERO_GROUP_PLACEMENT_DEFAULT: HeroGroupPlacement;
+export declare const HERO_GROUP_STACK_DEPTH = 4;
+export declare const HERO_GROUP_BAND_ROWS: number;
+export declare const HERO_GROUP_NUDGE_LIMIT = 40;
+export declare const HERO_GROUP_WIDTH_MIN = 30;
+export declare const HERO_GROUP_WIDTH_MAX = 100;
+export declare const HERO_GROUP_WIDTH_DEFAULT = 60;
+export declare const HERO_GROUP_WIDTH_NESTED_DEFAULT = 100;
+export declare const HERO_COPY_ALIGNMENTS: readonly ["left", "center", "right"];
+export type HeroCopyAlignment = (typeof HERO_COPY_ALIGNMENTS)[number];
+export declare function normaliseCopyAlignment(value: unknown): HeroCopyAlignment | null;
+export declare const HERO_GROUP_PLACEMENT_LABELS: Readonly<Record<HeroGroupPlacement, string>>;
+export type HeroGroupColumn = "start" | "center" | "end";
+export declare function placementParts(placement: unknown): {
+    band: number;
+    column: HeroGroupColumn;
+};
+export declare function copyRow(placement: unknown): number;
+export declare function placementRow(placement: unknown): number;
+export declare function normalisePlacement(value: unknown): HeroGroupPlacement;
+export declare function clampNudge(value: unknown): number;
+export declare function clampWidth(value: unknown, fallback?: number): number;
+export declare function countAtAnchor(groups: readonly unknown[], anchor: string): number;
+export declare function anchorFullReason(anchor: string): string;
+export declare function placementPoints(groups: readonly unknown[], currentId?: string): {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    title?: string;
+}[];
+export declare function heroGroupAddBlocked(children: readonly unknown[], incoming?: unknown): string | null;
+export declare const HERO_GROUP_TYPE = "HeroGroup";
+export declare function publishableGroups<T>(groups: readonly T[]): readonly T[];
+export declare function overCapAnchors(groups: readonly unknown[]): {
+    anchor: HeroGroupPlacement;
+    total: number;
+    hidden: number;
+}[];
+export declare function heroGroupOverCapNotice(groups: readonly unknown[]): string | null;
+export declare function duplicateBlocked(data: unknown, item: unknown): string | null;
+export declare function siblingsOf(data: unknown, id: string): unknown[] | null;
+export declare function anchorSiblingsOf(data: unknown, id: string): unknown[];
+export declare function heroGroupNestDepth(data: unknown, id: string): number;
+export declare const HERO_SLIDE_TYPE = "HeroSlide";

package/dist/lib/hero-group-placement.js

@@ -0,0 +1 @@
+const u=["top-left","top-center","top-right","left","center","right","bottom-left","bottom-center","bottom-right"],E="bottom-left",A=4,b=5,D=40,g=30,M=100,y=60,N=100,H=["left","center","right"];function S(t){return H.includes(t)?t:null}const l={"top-left":"Top left","top-center":"Top center","top-right":"Top right",left:"Left",center:"Center",right:"Right","bottom-left":"Bottom left","bottom-center":"Bottom center","bottom-right":"Bottom right"};function P(t){const e=u.indexOf(p(t));return{band:Math.floor(e/3),column:["start","center","end"][e%3]}}function m(t){return 1+P(t).band*6}function I(t){return m(t)+1}function p(t){return u.includes(t)?t:E}function C(t){const e=typeof t=="number"&&Number.isFinite(t)?t:0;return Math.max(-40,Math.min(40,Math.round(e)))}function L(t,e=60){const o=typeof t=="number"&&Number.isFinite(t)?t:e;return Math.max(30,Math.min(100,Math.round(o)))}function f(t,e){const o=p(e);return t.filter(n=>p(n?.props?.placement)===o).length}function h(t){return`${l[p(t)]} already holds 4 boxes. Move one somewhere else first.`}function w(t,e){const o=t.filter(n=>n?.props?.id!==e);return u.map(n=>{const r=f(o,n)>=4,c=l[n];return r?{value:n,label:c,disabled:!0,title:h(n)}:{value:n,label:c}})}function a(t,e){const o=e===void 0?E:p(e?.props?.placement);return f(t,o)>=4?h(o):null}const T="HeroGroup";function W(t){const e=new Map;let o=!1;const n=t.filter(r=>{const c=p(r?.props?.placement),s=(e.get(c)??0)+1;return e.set(c,s),s<=4?!0:(o=!0,!1)});return o?n:t}function d(t){return u.map(e=>{const o=f(t,e);return{anchor:e,total:o,hidden:o-4}}).filter(e=>e.hidden>0)}function B(t){const e=d(t);return e.length===0?null:e.map(({anchor:o,total:n,hidden:r})=>{const c=l[o],s=r===1?"1 is not shown":`${r} are not shown`;return`${c} holds ${n} boxes. The published page draws the first 4, so ${s}. ${r===1?"Move it":"Move them"} somewhere else.`}).join(" ")}function K(t,e){const o=e;if(o?.type!==T)return null;const n=o.props?.id===void 0?"":String(o.props.id);return n?a(x(t,n),o):null}function $(t,e){return O(t,e)?.siblings??null}function x(t,e){const o=O(t,e);return o&&o.ownerType===U?o.siblings:[]}function F(t,e){const o=O(t,e);return o?o.ancestorTypes.filter(n=>n===T).length:G}const G=1,U="HeroSlide";function O(t,e){const o=r=>Array.isArray(r)&&r.length>0&&r.every(c=>!!c&&typeof c=="object"&&typeof c.type=="string"),n=(r,c,s)=>{if(c>12||!r||typeof r!="object")return null;if(o(r)){if(r.some(i=>i?.props?.id===e))return{siblings:r,ownerType:s.at(-1)??null,ancestorTypes:s};for(const i of r){const _=i.type,R=n(i,c+1,[...s,String(_)]);if(R)return R}return null}for(const i of Object.values(r)){const _=n(i,c+1,s);if(_)return _}return null};return n(t,0,[])}export{H as HERO_COPY_ALIGNMENTS,b as HERO_GROUP_BAND_ROWS,D as HERO_GROUP_NUDGE_LIMIT,u as HERO_GROUP_PLACEMENTS,E as HERO_GROUP_PLACEMENT_DEFAULT,l as HERO_GROUP_PLACEMENT_LABELS,A as HERO_GROUP_STACK_DEPTH,T as HERO_GROUP_TYPE,y as HERO_GROUP_WIDTH_DEFAULT,M as HERO_GROUP_WIDTH_MAX,g as HERO_GROUP_WIDTH_MIN,N as HERO_GROUP_WIDTH_NESTED_DEFAULT,U as HERO_SLIDE_TYPE,h as anchorFullReason,x as anchorSiblingsOf,C as clampNudge,L as clampWidth,m as copyRow,f as countAtAnchor,K as duplicateBlocked,a as heroGroupAddBlocked,F as heroGroupNestDepth,B as heroGroupOverCapNotice,S as normaliseCopyAlignment,p as normalisePlacement,d as overCapAnchors,P as placementParts,w as placementPoints,I as placementRow,W as publishableGroups,$ as siblingsOf};

package/dist/lib/hero-overlay-anchor.d.ts

@@ -0,0 +1,6 @@
+import { type HeroGroupPlacement } from "./hero-group-placement.js";
+export declare const HERO_OVERLAY_ANCHOR_CLASS: Readonly<Record<HeroGroupPlacement, string>>;
+export declare const HERO_OVERLAY_COLUMN_CAP: string;
+export declare const HERO_OVERLAY_COLUMN_CLASS: string;
+export declare function heroOverlayRailClass(anchor: HeroGroupPlacement, flow: string): string;
+export declare function knownAnchor(value: unknown): HeroGroupPlacement | null;

package/dist/lib/hero-overlay-anchor.js

@@ -0,0 +1 @@
+import{HERO_CAP as n,HERO_CHROME_CAP_VAR as l,HERO_CHROME_INSET_VAR as a,SITE_GUTTER_CAP as o}from"./content/page-width.js";import{HERO_GROUP_PLACEMENTS as p}from"./hero-group-placement.js";const _={"top-left":"left-0 top-[120px]","top-center":"left-1/2 top-[120px] -translate-x-1/2","top-right":"right-0 top-[120px]",left:"left-0 top-1/2 -translate-y-1/2",center:"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",right:"right-0 top-1/2 -translate-y-1/2","bottom-left":"left-0 bottom-[120px]","bottom-center":"left-1/2 bottom-[120px] -translate-x-1/2","bottom-right":"right-0 bottom-[120px]"},E=`calc(${n} - ${o}*2)`,e=`var(${a},${o})`,s=`pointer-events-none absolute inset-y-0 left-[${e}] right-[${e}] z-[6] mx-auto max-w-[var(${l},${E.replace(/ /g,"_")})]`;function i(t,r){return`pointer-events-auto absolute ${_[t]} z-[6] sf-hero-overlay-rail flex ${r}`}function x(t){return p.includes(t)?t:null}export{_ as HERO_OVERLAY_ANCHOR_CLASS,E as HERO_OVERLAY_COLUMN_CAP,s as HERO_OVERLAY_COLUMN_CLASS,i as heroOverlayRailClass,x as knownAnchor};

package/dist/lib/hero-phone-stack.d.ts

@@ -0,0 +1,27 @@
+export declare const HERO_PHONE_BREAKPOINT = 800;
+export declare const HERO_PHONE_UPDOWN: readonly ["top", "middle", "bottom"];
+export declare const HERO_PHONE_SIDEWAYS: readonly ["left", "center", "right"];
+export type HeroPhoneUpDown = (typeof HERO_PHONE_UPDOWN)[number];
+export type HeroPhoneSideways = (typeof HERO_PHONE_SIDEWAYS)[number];
+export declare const HERO_PHONE_UPDOWN_DEFAULT: HeroPhoneUpDown;
+export declare const HERO_PHONE_SIDEWAYS_DEFAULT: HeroPhoneSideways;
+export declare const HERO_PHONE_UPDOWN_LABELS: Readonly<Record<HeroPhoneUpDown, string>>;
+export declare const HERO_PHONE_SIDEWAYS_LABELS: Readonly<Record<HeroPhoneSideways, string>>;
+export declare const HERO_PHONE_GROUP_LABEL = "On a phone";
+export declare const HERO_PHONE_UPDOWN_LABEL = "Up and down";
+export declare const HERO_PHONE_SIDEWAYS_LABEL = "Sideways";
+export declare const HERO_PHONE_UPDOWN_FLEX: Readonly<Record<HeroPhoneUpDown, string>>;
+export declare const HERO_PHONE_SIDEWAYS_FLEX: Readonly<Record<HeroPhoneSideways, string>>;
+export declare const HERO_PHONE_UPDOWN_VAR = "--sf-hero-phone-y";
+export declare const HERO_PHONE_SIDEWAYS_VAR = "--sf-hero-phone-x";
+export declare function normalisePhoneUpDown(value: unknown): HeroPhoneUpDown;
+export declare function normalisePhoneSideways(value: unknown): HeroPhoneSideways;
+export declare function heroPhoneStackStyle(upDown?: unknown, sideways?: unknown): Record<string, string>;
+export declare function phoneUpDownPoints(): {
+    label: string;
+    value: HeroPhoneUpDown;
+}[];
+export declare function phoneSidewaysPoints(): {
+    label: string;
+    value: HeroPhoneSideways;
+}[];

package/dist/lib/hero-phone-stack.js

@@ -0,0 +1 @@
+const S=800,r=["top","middle","bottom"],E=["left","center","right"],_="bottom",O="left",s={top:"Top",middle:"Middle",bottom:"Bottom"},c={left:"Left",center:"Center",right:"Right"},f="On a phone",l="Up and down",d="Sideways",H={top:"flex-start",middle:"center",bottom:"flex-end"},P={left:"flex-start",center:"center",right:"flex-end"},x="--sf-hero-phone-y",i="--sf-hero-phone-x";function N(t){return r.includes(t)?t:_}function R(t){return E.includes(t)?t:O}function A(t,p){const e=N(t),n=R(p),o={};return e!==_&&(o[x]=H[e]),n!==O&&(o[i]=P[n]),o}function D(){return r.map(t=>({label:s[t],value:t}))}function h(){return E.map(t=>({label:c[t],value:t}))}export{S as HERO_PHONE_BREAKPOINT,f as HERO_PHONE_GROUP_LABEL,E as HERO_PHONE_SIDEWAYS,O as HERO_PHONE_SIDEWAYS_DEFAULT,P as HERO_PHONE_SIDEWAYS_FLEX,d as HERO_PHONE_SIDEWAYS_LABEL,c as HERO_PHONE_SIDEWAYS_LABELS,i as HERO_PHONE_SIDEWAYS_VAR,r as HERO_PHONE_UPDOWN,_ as HERO_PHONE_UPDOWN_DEFAULT,H as HERO_PHONE_UPDOWN_FLEX,l as HERO_PHONE_UPDOWN_LABEL,s as HERO_PHONE_UPDOWN_LABELS,x as HERO_PHONE_UPDOWN_VAR,A as heroPhoneStackStyle,R as normalisePhoneSideways,N as normalisePhoneUpDown,h as phoneSidewaysPoints,D as phoneUpDownPoints};

package/dist/lib/hero-swipe.d.ts

@@ -0,0 +1,16 @@
+import { type HeroArrowDirection } from "./hero-arrows.js";
+export declare const HERO_SWIPE_MIN_PX = 40;
+export interface HeroTouchPoint {
+    clientX: number;
+    clientY: number;
+}
+export interface HeroTouchEvent {
+    touches: ArrayLike<HeroTouchPoint>;
+    changedTouches?: ArrayLike<HeroTouchPoint>;
+}
+export declare function swipeDirection(dx: number, dy: number): HeroArrowDirection | null;
+export declare function swipeStep(dx: number, dy: number, current: number, count: number): number;
+export declare function swipeEnabled(o: {
+    count?: number;
+    editing?: boolean;
+}): boolean;

package/dist/lib/hero-swipe.js

@@ -0,0 +1 @@
+import{arrowStep as o}from"./hero-arrows.js";const u=40;function p(t,r){return Math.abs(t)<=u||Math.abs(t)<=Math.abs(r)?null:t<0?"next":"prev"}function s(t,r,e,i){const n=p(t,r);return n?o(n,e,i):e}function c(t){return(t.count??0)>1&&t.editing!==!0}export{u as HERO_SWIPE_MIN_PX,p as swipeDirection,c as swipeEnabled,s as swipeStep};

package/dist/lib/hero-texture.d.ts

@@ -0,0 +1,4 @@
+export declare const HERO_TEXTURE_SHOWN_DEFAULT = true;
+export declare const HERO_TEXTURE_COLOUR_DEFAULT = "#0A0A0A";
+export declare function heroTextureShown(shown?: unknown): boolean;
+export declare function heroTextureGradient(colour?: string): string;

package/dist/lib/hero-texture.js

@@ -0,0 +1 @@
+const a=!0,u="#0A0A0A",l=[[0,".5"],[30,".1"],[60,".1"],[100,".85"]];function s(n){const t=n.trim().replace(/^#/,""),o=t.length===3?t.split("").map(r=>r+r).join(""):t;if(!/^[0-9a-fA-F]{6}$/.test(o))return null;const e=Number.parseInt(o,16);return`${e>>16&255},${e>>8&255},${e&255}`}function i(n){return n==null?!0:n!==!1}function E(n){const t=(n?s(n):null)??s(u);return`linear-gradient(180deg, ${l.map(([e,r])=>`rgba(${t},${r}) ${e}%`).join(", ")})`}export{u as HERO_TEXTURE_COLOUR_DEFAULT,a as HERO_TEXTURE_SHOWN_DEFAULT,E as heroTextureGradient,i as heroTextureShown};

package/dist/lib/hero-video-control.d.ts

@@ -0,0 +1,13 @@
+export interface HeroReelSlide {
+    video?: boolean;
+}
+export declare function videoControlShown(o: {
+    editing?: unknown;
+    shown?: number;
+    slides?: readonly HeroReelSlide[];
+}): boolean;
+export declare function videoHeld(o: {
+    editing?: unknown;
+    playing?: boolean;
+    controlShown?: boolean;
+}): boolean;

package/dist/lib/hero-video-control.js

@@ -0,0 +1 @@
+function r(e){return e.editing!==!0?!1:(e.slides??[])[e.shown??0]?.video===!0}function t(e){return e.editing!==!0?!1:!(e.playing===!0&&e.controlShown===!0)}export{r as videoControlShown,t as videoHeld};

package/dist/lib/image-focus.d.ts

@@ -0,0 +1,16 @@
+export declare const FOCAL_DEFAULT = "50% 50%";
+export declare const FOCAL_NUDGE_STEP = 1;
+export declare const FOCAL_NUDGE_COARSE = 10;
+export interface FocalPoint {
+    x: number;
+    y: number;
+}
+export declare function parseFocal(value?: string | null): FocalPoint;
+export declare function formatFocal(x: number, y: number): string;
+export declare function nudgeFocal(value: string | undefined | null, key: string, coarse?: boolean): string | null;
+export declare function focalFromRect(rect: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, clientX: number, clientY: number): FocalPoint;

package/dist/lib/image-focus.js

@@ -0,0 +1 @@
+const i="50% 50%",x=1,p=10,c=t=>t<0?0:t>100?100:Math.round(t);function a(t){const r=String(t??"").trim().split(/\s+/);if(r.length!==2)return{x:50,y:50};const e=u=>{const l=/^(-?\d+(?:\.\d+)?)%$/.exec(u);return l?Number(l[1]):null},n=e(r[0]),o=e(r[1]);return n===null||o===null?{x:50,y:50}:{x:c(n),y:c(o)}}function s(t,r){return`${c(t)}% ${c(r)}%`}function f(t,r,e=!1){const n=e?10:1,{x:o,y:u}=a(t);switch(r){case"ArrowLeft":return s(o-n,u);case"ArrowRight":return s(o+n,u);case"ArrowUp":return s(o,u-n);case"ArrowDown":return s(o,u+n);default:return null}}function A(t,r,e){return!(t.width>0)||!(t.height>0)?{x:50,y:50}:{x:c((r-t.left)/t.width*100),y:c((e-t.top)/t.height*100)}}export{i as FOCAL_DEFAULT,p as FOCAL_NUDGE_COARSE,x as FOCAL_NUDGE_STEP,A as focalFromRect,s as formatFocal,f as nudgeFocal,a as parseFocal};