efficient-web-builder 0.10.0 → 2.0.0

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" | "center" | "top-left" | "top-center" | "top-right" | "right" | "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};

package/dist/lib/links/link-filters.d.ts

@@ -0,0 +1 @@
+export type { LinkFilters, LinkPickerPage } from "efficient-easel/screen/lib/links/link-filters";

package/dist/lib/links/link-picker-setup.d.ts

@@ -0,0 +1,29 @@
+import type { LinkFilterField, LinkKindChoice, LinkRules } from "efficient-easel/fields";
+import type { LinkFilters, LinkPickerPage } from "./link-filters.js";
+import { type LinkKind } from "./page-link-rules.js";
+export type { LinkFilters, LinkPickerPage };
+export type LinkPickerSetupInput = {
+    pages: readonly LinkPickerPage[];
+    posts: readonly {
+        slug: string;
+        title: string;
+    }[];
+    products: readonly {
+        href: string;
+        name: string;
+    }[];
+    offers: {
+        offersCommerce: boolean;
+        offersService: boolean;
+    };
+};
+export type LinkPickerSetup = {
+    kinds: LinkKindChoice[];
+    rules: LinkRules;
+    filtersFor?: (target: string) => readonly LinkFilterField[] | null;
+};
+export declare function inferLinkKind(url: string, pagePaths: readonly string[], listing?: {
+    listingPaths: readonly string[];
+    targetOf: (url: string) => string;
+}): LinkKind;
+export declare function linkPickerSetup(input: LinkPickerSetupInput, filters?: LinkFilters | null): LinkPickerSetup;

package/dist/lib/links/link-picker-setup.js

@@ -0,0 +1 @@
+import{anchorPath as d,isSafeLink as u,linkKindsFor as f,pageAnchors as P,pagePath as m,postPath as v}from"./page-link-rules.js";const r={choosePage:"Choose a page",chooseSection:"Choose a section",noSections:"No section anchors yet",sectionHint:"Jumps to a section on that page.",choosePost:"Choose a post",chooseProduct:"Choose a product"};function p(t,o,a){if(!t)return"page";if(t.startsWith("/journal/"))return"blog";if(t.startsWith("/wheels/"))return"product";if(t.includes("#")){const n=t.slice(0,t.indexOf("#"));if(n===""||n==="/"||o.includes(n))return"anchor"}return t==="/"||o.includes(t)||a&&a.listingPaths.includes(a.targetOf(t))?"page":"custom"}function O(t,o){const a=t.pages.map(e=>({value:m(e.slug),label:e.title})),n=o?.pageOptions?o.pageOptions(a):a,i=n.map(e=>e.value),c=t.pages.map(e=>({label:e.title,options:P(...e.docs).map(s=>({value:d(e.slug,s.slug),label:s.name}))})).filter(e=>e.options.length>0),g=e=>{switch(e){case"page":return{type:"select",options:n,placeholder:r.choosePage};case"anchor":return{type:"groups",groups:c,placeholder:c.length?r.chooseSection:r.noSections};case"blog":return{type:"select",options:t.posts.map(s=>({value:v(s.slug),label:s.title||s.slug})),placeholder:r.choosePost};case"product":return{type:"select",options:t.products.map(s=>({value:s.href,label:s.name||s.href})),placeholder:r.chooseProduct};case"custom":return{type:"text"}}},l=f(t.offers).map(e=>({value:e.value,label:e.label,target:g(e.value),...e.value==="anchor"?{hint:r.sectionHint}:{},...e.value==="blog"||e.value==="product"?{hideWhenEmpty:!0}:{}}));if(!o)return{kinds:l,rules:{kindOf:e=>p(e,i),targetOf:e=>e,readFilter:()=>null,withFilter:e=>e,isSafe:u}};const h=e=>{const s=o.withFilter(e,null);return o.listingPaths.includes(s)?s:e};return{kinds:l,rules:{kindOf:e=>p(e,i,{listingPaths:o.listingPaths,targetOf:h}),targetOf:h,readFilter:o.readFilter,withFilter:o.withFilter,isSafe:u},filtersFor:e=>o.listingPaths.includes(e)?o.filtersFor(e):null}}export{p as inferLinkKind,O as linkPickerSetup};

package/dist/lib/links/page-link-rules.d.ts

@@ -0,0 +1,22 @@
+export type LinkKind = "page" | "anchor" | "blog" | "product" | "custom";
+export declare const LINK_KINDS: readonly {
+    value: LinkKind;
+    label: string;
+    needs?: "commerce" | "service";
+}[];
+export declare function linkKindsFor(offers: {
+    offersCommerce: boolean;
+    offersService: boolean;
+}): typeof LINK_KINDS;
+export declare function pagePath(slug: string): string;
+export declare function postPath(slug: string): string;
+export declare function wheelPath(slug: string): string;
+export declare function anchorPath(pageSlug: string, hash: string): string;
+export declare function slugifyAnchor(name: string): string;
+export declare function pageAnchors(...docs: unknown[]): {
+    slug: string;
+    name: string;
+}[];
+export declare function isSafeLink(url: string): boolean;
+export declare function linkPagePath(url: string): string;
+export declare function inferKind(url: string, pagePaths: string[]): LinkKind;

package/dist/lib/links/page-link-rules.js

@@ -0,0 +1 @@
+import{HOME_PAGE_SLUG as u}from"../puck/home-page.js";import{slugify as f}from"../slugify.js";const i=[{value:"page",label:"Page"},{value:"anchor",label:"Anchor"},{value:"blog",label:"Blog post",needs:"service"},{value:"product",label:"Product",needs:"commerce"},{value:"custom",label:"Custom URL"}];function x(e){return e.offersCommerce&&e.offersService?i:i.filter(t=>!t.needs||(t.needs==="commerce"?e.offersCommerce:e.offersService))}function a(e){return e===u?"/":`/${e}`}function g(e){return`/journal/${e}`}function b(e){return`/wheels/${e}`}function S(e,t){return`${a(e)}#${t}`}function l(e){return f(e)}function p(e){return typeof e=="string"?e.trim():e&&typeof e=="object"&&typeof e.text=="string"?e.text.trim():""}function A(...e){const t=new Set,n=[];for(const r of e)for(const s of r?.content??[]){const c=p(s?.props?.anchor);if(!c)continue;const o=l(c);!o||t.has(o)||(t.add(o),n.push({slug:o,name:c}))}return n}const h=["http","https","mailto","tel"];function P(e){const t=e.trim();if(!t||/\s/.test(t))return!1;const n=/^([a-z][a-z0-9+.-]*):/i.exec(t);return!n||h.includes(n[1].toLowerCase())}function w(e){const t=e.indexOf("#"),n=t===-1?e:e.slice(0,t),r=n.indexOf("?");return r===-1?n:n.slice(0,r)}function y(e,t){if(!e)return"page";if(e.startsWith("/journal/"))return"blog";if(e.startsWith("/wheels/"))return"product";if(e.includes("#")){const n=e.slice(0,e.indexOf("#"));if(n===""||n==="/"||t.includes(n))return"anchor"}return e==="/"||t.includes(e)?"page":"custom"}export{i as LINK_KINDS,S as anchorPath,y as inferKind,P as isSafeLink,x as linkKindsFor,w as linkPagePath,A as pageAnchors,a as pagePath,g as postPath,l as slugifyAnchor,b as wheelPath};

package/dist/lib/locations-grid.d.ts

@@ -0,0 +1,10 @@
+export interface LocationGroup<T> {
+    key: string;
+    name: string;
+    items: {
+        item: T;
+        index: number;
+    }[];
+}
+export declare function bucketByGroup<T>(rows: T[], getGroup: (row: T) => string, getName: (row: T) => string): LocationGroup<T>[];
+export declare function groupColsClass(count: number): string;

package/dist/lib/locations-grid.js

@@ -0,0 +1 @@
+function l(r,s,o){const e=[];return r.forEach((i,u)=>{const n=s(i);let t=e.find(c=>c.key===n);t||(t={key:n,name:o(i),items:[]},e.push(t)),t.items.push({item:i,index:u})}),e}function f(r){if(r<=1)return"grid-cols-1";if(r===2)return"grid-cols-2";if(r===3)return"grid-cols-3";if(r===4)return"grid-cols-4";const s=o=>r%o||o;return s(4)>=s(3)?"grid-cols-4":"grid-cols-3"}export{l as bucketByGroup,f as groupColsClass};

package/dist/lib/logo/analyze-logo-client.d.ts

@@ -0,0 +1,3 @@
+import type { LogoAnalysis } from "./reverse-svg.js";
+export declare function analyzeLogoViaServer(url: string): Promise<LogoAnalysis | null>;
+export declare function forgetLogoAnalyses(): void;

package/dist/lib/logo/analyze-logo-client.js

@@ -0,0 +1 @@
+import{efficientClientOpen as i}from"../editor-session.js";import{shopRouteBase as l}from"../web-runtime.js";const n=new Map,a=64;async function c(t){if(!i())return null;try{const o=await fetch(`${l()}/logo-analysis.json?url=${encodeURIComponent(t)}`);if(!o.ok)return null;const e=await o.json();if(!e||typeof e!="object")return null;const{reversed:r,inkIsDark:s}=e;return typeof r!="string"?null:{reversed:r,inkIsDark:typeof s=="boolean"?s:null}}catch{return null}}function y(t){const o=n.get(t);if(o)return o;const e=c(t);if(n.set(t,e),n.size>a){const r=n.keys().next();r.done||n.delete(r.value)}return e}function p(){n.clear()}export{y as analyzeLogoViaServer,p as forgetLogoAnalyses};

package/dist/lib/logo/reverse-svg.d.ts

@@ -0,0 +1,9 @@
+export declare function reverseSvgMonochrome(svg: string): string;
+export declare function isSvgUrl(url: string): boolean;
+export declare function monochromeInkIsDark(svg: string): boolean | null;
+export declare function looksLikeSvgDocument(text: string): boolean;
+export type LogoAnalysis = {
+    reversed: string;
+    inkIsDark: boolean | null;
+};
+export declare function analyzeLogoSvg(url: string, signal?: AbortSignal): Promise<LogoAnalysis | null>;

package/dist/lib/logo/reverse-svg.js

@@ -0,0 +1 @@
+const h=["fill","stroke","stop-color","color","flood-color","lighting-color","solid-color"],g=new Set(["none","transparent","currentcolor","inherit","initial","unset","context-fill","context-stroke"]),u={black:[0,0,0],white:[255,255,255],gray:[128,128,128],grey:[128,128,128],darkgray:[169,169,169],darkgrey:[169,169,169],dimgray:[105,105,105],dimgrey:[105,105,105],lightgray:[211,211,211],lightgrey:[211,211,211],gainsboro:[220,220,220],silver:[192,192,192],whitesmoke:[245,245,245]},p=12,m=/\burl\(/i,d=new RegExp(`(?<![-\\w])(${h.join("|")})(\\s*=\\s*)(["'])([^"']*)\\3`,"gi"),x=new RegExp(`((?:^|[;{\\s"'])(?:${h.join("|")})\\s*:\\s*)([^;}"'<>]+)`,"gi"),k=/<svg\b([^>]*)>/i,A=/\bfill\s*[=:]/i;function E(e){let t=e.replace(d,(r,n,s,o,i)=>{const l=b(i);return l===null?r:`${n}${s}${o}${l}${o}`}).replace(x,(r,n,s)=>{const o=b(s);return o===null?r:`${n}${o}`});return t=t.replace(k,(r,n)=>A.test(n)?r:`<svg fill="#ffffff"${n}>`),t}function b(e){const t=/!important/i.test(e),n=e.replace(/!important/gi,"").trim().toLowerCase();if(!n||m.test(n)||g.has(n))return null;const s=n in u?[...u[n],1]:$(n);if(!s)return null;const[o,i,l,a]=s;if(Math.max(o,i,l)-Math.min(o,i,l)>p)return null;const c=_(255-o,255-i,255-l,a);return t?`${c} !important`:c}function _(e,t,r,n){if(n<1)return`rgba(${e}, ${t}, ${r}, ${n})`;const s=o=>o.toString(16).padStart(2,"0");return`#${s(e)}${s(t)}${s(r)}`}function $(e){return e.startsWith("#")?C(e):e.startsWith("rgb")?F(e):e.startsWith("hsl")?M(e):null}function C(e){let t=e.slice(1),r=1;if(t.length===3||t.length===4)t.length===4&&(r=parseInt(t[3]+t[3],16)/255),t=t.slice(0,3).split("").map(n=>n+n).join("");else if(t.length===6||t.length===8)t.length===8&&(r=parseInt(t.slice(6,8),16)/255),t=t.slice(0,6);else return null;return/^[0-9a-f]{6}$/.test(t)?[parseInt(t.slice(0,2),16),parseInt(t.slice(2,4),16),parseInt(t.slice(4,6),16),r]:null}function F(e){const t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")),[r,n]=t.split("/"),s=r.split(/[\s,]+/).filter(Boolean).slice(0,3);if(s.length<3)return null;const o=s.map(l=>l.endsWith("%")?Math.round(parseFloat(l)/100*255):Math.round(parseFloat(l)));if(o.some(l=>Number.isNaN(l)))return null;const i=n?f(n):I(r);return[o[0],o[1],o[2],i]}function I(e){const t=e.split(/[\s,]+/).filter(Boolean);return t.length>=4?f(t[3]):1}function f(e){const t=e.trim().endsWith("%")?parseFloat(e)/100:parseFloat(e);return Number.isNaN(t)?1:t}function M(e){const t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")),[r,n]=t.split("/"),s=r.split(/[\s,]+/).filter(Boolean);if(s.length<3)return null;const o=parseFloat(s[0]),i=parseFloat(s[1])/100,l=parseFloat(s[2])/100;if([o,i,l].some(O=>Number.isNaN(O)))return null;const a=n?f(n):s.length>=4?f(s[3]):1,[c,S,L]=y(o,i,l);return[c,S,L,a]}function y(e,t,r){const n=(1-Math.abs(2*r-1))*t,s=(e%360+360)%360/60,o=n*(1-Math.abs(s%2-1));let i=0,l=0,a=0;s<1?[i,l,a]=[n,o,0]:s<2?[i,l,a]=[o,n,0]:s<3?[i,l,a]=[0,n,o]:s<4?[i,l,a]=[0,o,n]:s<5?[i,l,a]=[o,0,n]:[i,l,a]=[n,0,o];const c=r-n/2;return[Math.round((i+c)*255),Math.round((l+c)*255),Math.round((a+c)*255)]}const R=512*1024;function T(e){return/\.svg(\?|$)/i.test(e)}function w(e){return`data:image/svg+xml,${encodeURIComponent(E(e))}`}function P(e){const t=e.replace(/!important/gi,"").trim().toLowerCase();if(!t||m.test(t)||g.has(t))return null;const r=t in u?[...u[t],1]:$(t);if(!r)return null;const[n,s,o]=r;return Math.max(n,s,o)-Math.min(n,s,o)>p?null:(.2126*n+.7152*s+.0722*o)/255}function v(e){const t=[],r=n=>{const s=P(n);s!==null&&t.push(s)};for(const n of e.matchAll(d))r(n[4]);for(const n of e.matchAll(x))r(n[2]);return t.length?t.reduce((n,s)=>n+s,0)/t.length<.5:null}const N=/^(?:\uFEFF|\s+|<\?xml[^>]*\?>|<!--[\s\S]*?-->|<!DOCTYPE\s+svg[^>[]*>)/i;function G(e){let t=e;for(let r=N.exec(t);r&&r[0].length>0;r=N.exec(t))t=t.slice(r[0].length);return/^<svg[\s>/]/i.test(t)}async function D(e,t){if(!T(e))return null;try{const r=await fetch(e,{signal:t,redirect:"manual"});if(!r.ok)return null;const n=Number(r.headers.get("content-length"));if(Number.isFinite(n)&&n>R)return null;const s=await r.text();return s.length>R?null:G(s)?s:null}catch{return null}}async function U(e,t){const r=await D(e,t);return r===null?null:{reversed:w(r),inkIsDark:v(r)}}export{U as analyzeLogoSvg,T as isSvgUrl,G as looksLikeSvgDocument,v as monochromeInkIsDark,E as reverseSvgMonochrome};