efficient-web-builder 5.4.0 → 6.1.0

package/dist/components/storefront-editor.css

@@ -356,7 +356,7 @@
   padding: 0;
   border: 0;
   background: none;
-  font: 600 12.5px/1.3 var(--sf-font);
+  font: 600 12px/1.3 var(--sf-font);
   color: var(--sf-text);
   text-align: left;
   cursor: pointer;
@@ -366,7 +366,7 @@
 }
 .sf-addside-sitewide-desc {
   font-weight: 400;
-  font-size: 11.5px;
+  font-size: 12px;
   color: var(--sf-muted);
 }
 
@@ -502,12 +502,12 @@
   color: var(--sf-on-accent);
   border-radius: var(--radius-lg);
   padding: 8px 14px;
-  font-size: 12.5px;
+  font-size: 12px;
   font-weight: 600;
   box-shadow: 0 4px 12px var(--sf-accent-shadow);
 }
 .sf-addcard-plus {
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1;
   margin-top: -1px;
 }
@@ -518,12 +518,12 @@
   padding: 0 2px 2px;
 }
 .sf-addcard-name {
-  font-size: 12.5px;
+  font-size: 12px;
   font-weight: 600;
   color: var(--sf-text);
 }
 .sf-addcard-desc {
-  font-size: 10.5px;
+  font-size: 11px;
   line-height: 1.35;
   color: var(--sf-muted);
 }
@@ -553,7 +553,7 @@
   color: var(--sf-text);
 }
 .sf-addempty-sub {
-  font-size: 12.5px;
+  font-size: 12px;
 }
 
 /* ── Center: device-framed preview (wraps Puck.Preview) ──────────────── */
@@ -925,7 +925,7 @@
      came to hang 6px OUTSIDE the panel at every width under 280 (measured: gap
      -6.0px at 260 and at 220, against 0.0 at the default 320). One name, read
      by the padding, by the narrow override, and by anything that undoes it. */
-  --sf-insp-pad-x: 14px;
+  --sf-insp-pad-x: 16px;
   padding: 4px var(--sf-insp-pad-x) 18px;
 
   /* THE DROPDOWN ARROW, WRITTEN ONCE — card 66399.c.
@@ -946,7 +946,12 @@
   --sf-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>");
 }
 
-/* …AND THE 14 IS A DIFFERENT COST AT EACH END OF A PANEL THE MERCHANT DRAGS
+/* 2026-10-13: THE WIDE PADDING IS 16, AND THE LINE 284. 14 was off the
+   spacing scale (Lewis 2026-10-12: 2 / 4 / 8 / 12 / 16 …) and a value off it
+   goes UP. The content width card 66212 protects stays 241px; at 16 each side
+   that needs a 285px panel, so the query below reads `< 284px`. The note that
+   follows is card 66212's own, written at 14.
+   …AND THE 14 IS A DIFFERENT COST AT EACH END OF A PANEL THE MERCHANT DRAGS
    (card 66212). One number, held at every width from 220 to 560:
 
      320px default   308 client (1px seam + 11px scrollbar) − 28 = 280 content
@@ -986,7 +991,7 @@
    and 10 has nothing to spare, and type is paid vertically as well — card 66206
    has just set the row rhythm to 16px, which shrinking type would hand straight
    back. The padding was the horizontal cost, so the padding is what moved. */
-@container (width < 280px) {
+@container (width < 284px) {
   .sf-insp-body {
     /* The TOKEN, not `padding-inline` — so everything that reads the padding
        narrows with it, instead of only the padding itself. */
@@ -1004,7 +1009,7 @@
   background: var(--sf-field-bg);
   border-radius: var(--sf-field-radius);
   padding: 8px 11px;
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-field-text);
   font-family: var(--sf-font);
 }
@@ -1105,7 +1110,7 @@
   background-position: calc(100% - 12px) calc(50% + 3px);
   border-radius: var(--sf-field-radius);
   padding: 8px 11px;
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-field-text);
   cursor: pointer;
 }
@@ -1177,7 +1182,7 @@
   background: var(--sf-field-bg);
   border-radius: var(--sf-field-radius);
   padding: 8px 11px;
-  font-size: 13px;
+  font-size: 14px;
   font-family: var(--sf-font);
   color: var(--sf-field-text);
   text-align: left;
@@ -1189,7 +1194,7 @@
   box-shadow: 0 0 0 3px var(--sf-accent-ring);
 }
 .sf-multi-caret {
-  font-size: 10px;
+  font-size: 11px;
   color: var(--sf-text-secondary);
   flex: none;
 }
@@ -1391,7 +1396,7 @@
   border: 0;
   background: transparent;
   border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
-  font-size: 13px;
+  font-size: 14px;
   font-family: var(--sf-font);
   color: var(--sf-field-text);
   text-align: left;
@@ -1541,7 +1546,7 @@
   border: none;
   background: transparent;
   font-family: var(--sf-font);
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-text);
   outline: none;
 }
@@ -1609,7 +1614,7 @@
 }
 .sf-page-draft {
   flex: none;
-  font-size: 10px;
+  font-size: 11px;
   font-weight: 600;
   color: var(--sf-muted);
   text-transform: uppercase;
@@ -1692,7 +1697,7 @@
   background: transparent;
   color: var(--sf-accent-text);
   font-family: var(--sf-font);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 600;
   cursor: pointer;
 }
@@ -2146,7 +2151,7 @@
   background: var(--sf-chip-bg);
   border-radius: var(--sf-field-radius);
   padding: 8px 11px;
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-text-secondary);
   font-family: var(--sf-font);
   cursor: default;
@@ -2517,7 +2522,7 @@
   border-radius: var(--sf-field-radius);
   background: var(--sf-field-bg);
   color: var(--sf-field-text);
-  font-size: 13px;
+  font-size: 14px;
   text-align: left;
   cursor: pointer;
 }
@@ -2537,7 +2542,7 @@
    so it reads quieter than everything else on the row. */
 .sf-chooser-meta {
   flex: none;
-  font-size: 10px;
+  font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--sf-disabled);
@@ -2573,7 +2578,7 @@
   border: 0;
   background: none;
   text-align: left;
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-text-secondary);
   cursor: pointer;
 }
@@ -2694,7 +2699,7 @@
   color: var(--sf-disabled);
 }
 .sf-scale-a--lg {
-  font-size: 15px;
+  font-size: 16px;
   color: var(--sf-muted);
 }
 /* The "Auto" button that clears an optional number back to the built-in. */
@@ -2879,7 +2884,7 @@
    glyph and it keeps its accessible name in `aria-label`. */
 .sf-rung--glyph {
   flex: 0 0 34px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 18px;
   text-align: center;
 }
@@ -3058,7 +3063,7 @@
 .sf-theme-warn {
   flex: none;
   margin-left: auto;
-  font-size: 10px;
+  font-size: 11px;
   font-weight: 700;
   color: var(--status-warning-soft-ink);
   white-space: nowrap;
@@ -3164,7 +3169,7 @@
 }
 .sf-readability-head {
   margin-bottom: 7px;
-  font-size: 10px;
+  font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -3348,7 +3353,7 @@
   min-width: 0;
 }
 .sf-preview-pin-label {
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   color: var(--sf-text);
 }
@@ -3369,7 +3374,7 @@
 .sf-colstep-value {
   min-width: 14px;
   text-align: center;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   color: var(--sf-text);
 }
@@ -3471,11 +3476,12 @@
    SCOPED TO THE NARROW PANEL, on the container card 66212 already put on
    `.sf-panel` — the same rule, one level down: that card paid the horizontal
    cost out of the body's padding, and this pays the rest out of the strip's.
-   Above 280px nothing changes, so all 23 `segmented()` call sites and the four
+   Above 284px (280 until the body's padding went 14 → 16 on 2026-10-13: one
+   edge, one number) nothing changes, so all 23 `segmented()` call sites and the four
    panels that draw their own label rows are byte-identical at every width where
    they already fit. A `.sf-seg2` that is not inside a `.sf-panel` matches no
    container and is untouched by construction. */
-@container (width < 280px) {
+@container (width < 284px) {
   .sf-seg2 button {
     padding-inline: 6px;
   }
@@ -3657,7 +3663,7 @@ input.sf-list-marking {
 }
 .sf-formsummary-warn {
   margin: 0;
-  font-size: 11.5px;
+  font-size: 12px;
   line-height: 1.45;
   color: var(--sf-danger);
 }
@@ -3670,26 +3676,7 @@ input.sf-list-marking {
 /* THE MEDIA ROW IS efficient-easel's `ImageBox` since blueprint step 4.8
    (`es-pick-image-*`, efficient-easel/pick.css): the picture, its name under
    it, Replace and Remove. What stays here is the shop's own around it — the
-   button the focus row borrows, the drop's live regions, and the template's
-   inert slot. */
-.sf-image-btn {
-  border: 1px solid var(--sf-btn-border);
-  background: var(--sf-panel);
-  color: var(--sf-btn-text);
-  border-radius: var(--radius-md);
-  padding: 4px 10px;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.12s;
-}
-.sf-image-btn:hover:not(:disabled) {
-  background: var(--sf-hover);
-}
-.sf-image-btn:disabled {
-  cursor: default;
-  opacity: 0.55;
-}
+   drop's live regions and the template's inert slot. */
 /* Loading / error line under the slot, so a slow or failed picker round-trip is
    visible instead of nothing happening. */
 .sf-image-status {
@@ -3729,109 +3716,26 @@ ul.sf-image-status {
 /* ── The image FOCUS point (card 66226) ──────────────────────────────────────
    WHICH PART OF A BACKGROUND IMAGE SURVIVES ITS CROP, as any point on the
    picture rather than as one of nine. The `Image focus` row opens (the shared
-   .sf-style-head grammar, see components/ImageFocusRow.tsx), shows the whole
-   photograph, and a press or an arrow key puts the point where the merchant
-   wants it. The stored value is the same CSS `object-position` string it has
-   always been.
+   .sf-style-head grammar, see components/ImageFocusRow.tsx) onto
+   efficient-shell's `ImageFocusPoint`, which draws the whole photograph, the
+   dot and its crosshair with the kit's own classes (efficient-shell#375); no
+   rule here styles it.
 
    ⚠️ THE MEDIA ROW'S OWN FRAME IS NOT RESTYLED, EVER. `.es-pick-image-frame`
    stays `cover` because that is what the PAGE will look like, and that
-   is its job. This block is a second frame, on screen only while a merchant is
-   actually setting the point, because a `cover` view cannot express a point it
-   has already cropped away. */
-.sf-focus {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-/* THE PHOTOGRAPH IS A REAL <button>, not a div wearing a tabIndex. What this
-   card replaced is a `role="radiogroup"` a keyboard could already drive, so the
-   successor has to earn its place in the tab order the same way. `touch-action`
-   is off so a drag on a phone moves the point instead of scrolling the panel. */
-.sf-focus-canvas {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 150px;
-  padding: 0;
-  border: 1px solid var(--sf-line);
-  border-radius: var(--radius-md);
-  background: var(--sf-preview-bg);
-  cursor: crosshair;
-  touch-action: none;
-}
-.sf-focus-canvas:focus-visible {
-  outline: 2px solid var(--sf-accent);
-  outline-offset: 1px;
-}
-/* Shrink-wraps the picture. The marker and crosshairs are positioned against
-   THIS and not against the canvas, because a whole photograph in a fixed-height
-   box is letterboxed — measuring against the box would land the marker on a
-   different pixel for every aspect ratio, and the merchant would watch the dot
-   drift away from where they pressed. */
-.sf-focus-pane {
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-  line-height: 0;
-}
-.sf-focus-img {
-  display: block;
-  width: auto;
-  height: auto;
-  max-width: 100%;
-  max-height: 150px;
-  object-fit: contain;
-}
-.sf-focus-cross {
-  position: absolute;
-  background: color-mix(in srgb, var(--status-on-solid) 45%, transparent);
-  pointer-events: none;
-}
-.sf-focus-cross--h {
-  right: 0;
-  left: 0;
-  height: 1px;
-}
-.sf-focus-cross--v {
-  top: 0;
-  bottom: 0;
-  width: 1px;
-}
-/* Drawn in white with a dark ring rather than in a panel token: it sits on a
-   merchant's own photograph, which can be any colour, and a token that read
-   correctly against the panel would vanish against half of them. White and the
-   ring are the shell's own on-media pair (`--status-on-solid`, the media
-   scrim), which do not change with the theme for the same reason. */
-.sf-focus-marker {
-  position: absolute;
-  width: 18px;
-  height: 18px;
-  border: 2px solid var(--status-on-solid);
-  border-radius: 50%;
-  box-shadow: 0 0 0 1.5px var(--rosh-media-scrim-button), 0 1px 5px var(--rosh-media-scrim-button);
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-}
-.sf-focus-bar {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.sf-focus-hint {
-  min-width: 0;
-  flex: 1;
-  font-size: 11px;
-  color: var(--sf-muted);
-}
-/* THE PHOTOGRAPH IS NEVER ON SCREEN TWICE. The 96px crop belongs to the
-   Background image field and this row belongs to `imageFocal` — two sibling
-   Puck fields, which cannot reach each other from React — so the crop stands
-   down for as long as a focus session is open, and comes back the moment it
-   closes. The `:has()` on Puck's own field wrapper is this stylesheet's
-   established idiom for exactly that problem (see the `[data-sf-bucket]` and
-   `[data-sf-no-control]` rules above). */
-.es-insp-rows:has([data-sf-focusing]) .es-pick-image-frame {
+   is its job. The focus part is a second frame, on screen only while a
+   merchant is actually setting the point, because a `cover` view cannot
+   express a point it has already cropped away.
+
+   THE PHOTOGRAPH IS NEVER ON SCREEN TWICE. The 96px crop belongs to the
+   Background image field and the focus row belongs to `imageFocal` — two
+   sibling Puck fields, which cannot reach each other from React — so the crop
+   stands down for as long as the part is open (its root carries
+   `data-image-focus`), and comes back the moment it closes. The `:has()` on
+   Puck's own field wrapper is this stylesheet's established idiom for exactly
+   that problem (see the `[data-sf-bucket]` and `[data-sf-no-control]` rules
+   above). */
+.es-insp-rows:has([data-image-focus]) .es-pick-image-frame {
   display: none;
 }
 
@@ -3859,7 +3763,7 @@ ul.sf-image-status {
    same six classes wearing one name. */
 .sf-note {
   padding: 14px 16px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   color: var(--sf-muted);
 }
@@ -4044,7 +3948,7 @@ ul.sf-image-status {
   background: none;
   text-align: left;
   /* E6 — a field label is never smaller than 12px, and an option is a label. */
-  font-size: 13px;
+  font-size: 14px;
   color: var(--sf-field-text);
   border-radius: max(calc(var(--sf-field-radius) - 2px), 2px);
   cursor: pointer;
@@ -4121,7 +4025,7 @@ ul.sf-image-status {
    it read at 13px and wrapped, taking "Edit style" over two lines with it. So
    it keeps its look exactly and takes an honest name. */
 .sf-part-style-state {
-  font-size: 11.5px;
+  font-size: 12px;
   color: var(--sf-text-secondary);
 }
 /* The override count. A chip rather than plain text because it is a NUMBER a
@@ -4133,7 +4037,7 @@ ul.sf-image-status {
   padding: 2px 9px;
   background: var(--sf-accent-tint);
   color: var(--sf-accent-text);
-  font-size: 10.5px;
+  font-size: 11px;
   font-weight: 700;
   font-variant-numeric: tabular-nums;
 }
@@ -4407,7 +4311,7 @@ ul.sf-image-status {
   background: var(--sf-field-bg);
   border-radius: 999px;
   padding: 4px 11px;
-  font-size: 11.5px;
+  font-size: 12px;
   font-weight: 600;
   color: var(--sf-icon);
   cursor: pointer;
@@ -4530,7 +4434,7 @@ ul.sf-image-status {
 
 /* How many the filter left. Without it an empty-looking strip is a mystery. */
 .sf-gallery-count {
-  font-size: 10.5px;
+  font-size: 11px;
   color: var(--sf-disabled);
   margin-top: 7px;
 }

package/dist/components/useLocationsTree.js

@@ -1 +1 @@
-"use client";import{jsx as t,jsxs as d,Fragment as ge}from"react/jsx-runtime";import{Fragment as q,useEffect as J,useRef as F}from"react";import{useTreeDrag as Q}from"efficient-easel/drag";import{ImageIcon as ye,TextLinesIcon as ke,TrashIcon as V}from"efficient-easel/icons";import{Subtree as X,TreeRow as L,TreeRowAction as Z,TreeSeam as b}from"efficient-easel/tree";import{decodeLocationPartId as ve,encodeLocationPartId as xe,usePreviewLocationPart as fe}from"./PreviewLocationPartContext.js";import{PUCK_MODE as he}from"./SectionEditor.js";import{useLocationsFocus as me,setLocationsFocus as p}from"../lib/puck/locations-focus.js";import{bucketsOf as ee,moveGroup as oe,moveCity as ne,addCity as Le,addGroup as Ie,deleteGroup as Pe,deleteCity as Ce,absCityIndex as te,groupLabelOf as Se,cardKey as re}from"../lib/puck/locations-tree.js";const ce="ContactLocations";function $e({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("circle",{cx:"12",cy:"12",r:"9"}),t("path",{d:"M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"})]})}function we({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),t("circle",{cx:"12",cy:"11",r:"2"})]})}function Te({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),t("path",{d:"M9 4v13M15 7v13"})]})}const $=c=>({parentId:`locations-${c}`,slot:"groups"}),O=(c,y)=>({parentId:`locations-${c}`,slot:`cities:${y}`});function _e(c,y){const{readOnly:I,selected:P}=y,v=y.data?.content??[],le=c.kind===he.kind,w=F(null);J(()=>{const o=P?.type===ce?String(P.props.id):null;o&&o!==w.current&&p({level:"groups"}),w.current=o},[P?.props.id]);const{selectedLocationPartId:se,setSelectedLocationPartId:G,setSelectHandler:j}=fe(),l=me(),g=(o,e)=>{const r=v[o];r&&y.replace(o,{type:r.type,props:{...r.props,locations:e}})},f=o=>{const e=v[o]?.props?.locations;return Array.isArray(e)?e:[]},A=Q({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!I,canDrop:(o,e)=>e.parentId===$(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{g(o.si,oe(f(o.si),o.index,e.index)),l.level==="city"&&p({level:"groups"})},onStep:(o,e)=>{g(o.si,oe(f(o.si),o.index,e<0?o.index-1:o.index+2)),l.level==="city"&&p({level:"groups"})}}),T=Q({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!I,canDrop:(o,e)=>e.parentId===$(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const r=e.slot.slice(7);g(o.si,ne(f(o.si),o.group,o.index,r,e.index)),p({level:"group",key:r})},onStep:(o,e)=>{g(o.si,ne(f(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),l.level==="city"&&p({level:"group",key:o.group})}}),N=F(v);N.current=v;const R=F(()=>{});J(()=>{j(o=>{const e=ve(o);if(!e)return;const r=N.current.findIndex(C=>C.props?.id===e.nodeId);r<0||R.current(r,{level:e.part,index:e.index})})},[j]);const s=(o,e)=>{w.current=v[o]?.props?.id??null,y.select(o),p(e),c.reveal();const r=v[o]?.props?.id;typeof r=="string"&&(e.level==="image"||e.level==="map")?G(xe(r,e.index,e.level)):G(null),typeof r=="string"&&y.scrollTo(r)};return R.current=s,{renderLocationTree:(o,e,{rowClick:r,isCollapsed:C,toggleCollapse:z})=>{const x=f(e),ie=ee(x),h=String(o.props.id),m=le&&P?.props.id===h,_=n=>t(b,{...I?{}:A.seam({place:{...$(e),index:n}})},`seam:${h}:groups:${n}`),B=(n,u)=>t(b,{...I?{}:T.seam({place:{...O(e,n),index:u}})},`seam:${h}:cities:${n}:${u}`);return d(ge,{children:[t(L,{icon:t(ke,{size:13}),name:"Texts",onSelect:()=>s(e,{level:"texts"}),selected:m&&l.level==="texts",rowProps:{onClick:r(()=>s(e,{level:"texts"}))}}),ie.map((n,u)=>{const D=`${h}::grp::${n.key}`,E=C(D),ae=m&&l.level==="group"&&l.key===n.key,W=Se(n.key,n.name),K={...O(e,n.key),index:n.cards.length},H=T.row({item:{si:e,group:n.key,index:-1},place:K,into:K,canDrag:!1},{onClick:r(()=>s(e,{level:"group",key:n.key}))}),S=A.row({item:{si:e,index:u},place:{...$(e),index:u}},H.rowProps);return d(q,{children:[u===0&&_(0),t(L,{icon:t($e,{size:13}),name:W,onSelect:()=>s(e,{level:"group",key:n.key}),selected:ae,draggable:S.draggable,dragging:S.dragging,drop:S.drop??H.drop,fold:{open:!E,label:"group",onToggle:()=>z(D)},actions:t(Z,{kind:"delete",label:`Delete ${W} group (${n.cards.length} ${n.cards.length===1?"city":"cities"})`,onClick:()=>{g(e,Pe(x,n.key)),p({level:"groups"})},children:t(V,{size:15})}),rowProps:S.rowProps,children:t("span",{className:"es-group-count",children:n.cards.length})}),!E&&d(X,{children:[n.cards.map((k,a)=>{const i=te(x,n.key,a),de=m&&l.level==="city"&&l.index===i,M=String(k?.name??"")||"City",U=`${h}::city::${re(k)}`,Y=C(U),{rowProps:pe,...ue}=T.row({item:{si:e,group:n.key,index:a},place:{...O(e,n.key),index:a}},{onClick:r(()=>s(e,{level:"city",index:i}))});return d(q,{children:[a===0&&B(n.key,0),t(L,{icon:t(we,{size:13}),name:M,onSelect:()=>s(e,{level:"city",index:i}),selected:de,...ue,fold:{open:!Y,label:M,onToggle:()=>z(U)},actions:t(Z,{kind:"delete",label:`Delete ${M}`,onClick:()=>{g(e,Ce(x,n.key,a)),p({level:"group",key:n.key})},children:t(V,{size:15})}),rowProps:pe}),!Y&&d(X,{children:[t(L,{icon:t(ye,{size:13}),name:"Image",onSelect:()=>s(e,{level:"image",index:i}),selected:m&&l.level==="image"&&l.index===i,rowProps:{onClick:r(()=>s(e,{level:"image",index:i}))}}),t(L,{icon:t(Te,{size:13}),name:"Map",onSelect:()=>s(e,{level:"map",index:i}),selected:m&&l.level==="map"&&l.index===i,rowProps:{onClick:r(()=>s(e,{level:"map",index:i}))}})]}),B(n.key,a+1)]},re(k))}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const k=Le(x,n.key);g(e,k);const a=ee(k).find(i=>i.key===n.key);p(a&&a.cards.length?{level:"city",index:te(k,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add city"]})]}),_(u+1)]},D)}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:u}=Ie(x);g(e,n),s(e,{level:"group",key:u})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),"Add group"]})]})},sectionPressed:o=>{o?.type===ce&&p({level:"groups"})}}}export{ce as LOCATIONS_TYPE,_e as useLocationsTree};
+"use client";import{jsx as t,jsxs as d,Fragment as ke}from"react/jsx-runtime";import{Fragment as Q,useEffect as V,useRef as G}from"react";import{useTreeDrag as X}from"efficient-easel/drag";import{ImageIcon as me,TextLinesIcon as ve,TrashIcon as Z}from"efficient-easel/icons";import{Subtree as b,TreeRow as I,TreeRowAction as ee,TreeSeam as oe}from"efficient-easel/tree";import{useEaselStrings as xe}from"efficient-easel/strings";import{decodeLocationPartId as fe,encodeLocationPartId as he,usePreviewLocationPart as Le}from"./PreviewLocationPartContext.js";import{PUCK_MODE as we}from"./SectionEditor.js";import{say as g,sayCount as Ie}from"../lib/editor-words.js";import{useLocationsFocus as Pe,setLocationsFocus as p}from"../lib/puck/locations-focus.js";import{bucketsOf as ne,moveGroup as te,moveCity as re,addCity as Ce,addGroup as Se,deleteGroup as $e,deleteCity as Te,absCityIndex as ce,groupLabelOf as De,cardKey as se}from"../lib/puck/locations-tree.js";const le="ContactLocations";function Me({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("circle",{cx:"12",cy:"12",r:"9"}),t("path",{d:"M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"})]})}function Fe({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),t("circle",{cx:"12",cy:"11",r:"2"})]})}function Oe({size:c=13}){return d("svg",{width:c,height:c,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),t("path",{d:"M9 4v13M15 7v13"})]})}const T=c=>({parentId:`locations-${c}`,slot:"groups"}),j=(c,k)=>({parentId:`locations-${c}`,slot:`cities:${k}`});function He(c,k){const{readOnly:P,selected:C}=k,f=xe().tree,v=k.data?.content??[],ie=c.kind===we.kind,D=G(null);V(()=>{const o=C?.type===le?String(C.props.id):null;o&&o!==D.current&&p({level:"groups"}),D.current=o},[C?.props.id]);const{selectedLocationPartId:ae,setSelectedLocationPartId:A,setSelectHandler:N}=Le(),s=Pe(),y=(o,e)=>{const r=v[o];r&&k.replace(o,{type:r.type,props:{...r.props,locations:e}})},h=o=>{const e=v[o]?.props?.locations;return Array.isArray(e)?e:[]},R=X({keyOf:o=>`group:${o.si}:${o.index}`,readOnly:!!P,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot==="groups",onDrop:(o,e)=>{y(o.si,te(h(o.si),o.index,e.index)),s.level==="city"&&p({level:"groups"})},onStep:(o,e)=>{y(o.si,te(h(o.si),o.index,e<0?o.index-1:o.index+2)),s.level==="city"&&p({level:"groups"})}}),M=X({keyOf:o=>`city:${o.si}:${o.group}:${o.index}`,readOnly:!!P,canDrop:(o,e)=>e.parentId===T(o.si).parentId&&e.slot.startsWith("cities:"),onDrop:(o,e)=>{const r=e.slot.slice(7);y(o.si,re(h(o.si),o.group,o.index,r,e.index)),p({level:"group",key:r})},onStep:(o,e)=>{y(o.si,re(h(o.si),o.group,o.index,o.group,e<0?o.index-1:o.index+2)),s.level==="city"&&p({level:"group",key:o.group})}}),z=G(v);z.current=v;const _=G(()=>{});V(()=>{N(o=>{const e=fe(o);if(!e)return;const r=z.current.findIndex(S=>S.props?.id===e.nodeId);r<0||_.current(r,{level:e.part,index:e.index})})},[N]);const l=(o,e)=>{D.current=v[o]?.props?.id??null,k.select(o),p(e),c.reveal();const r=v[o]?.props?.id;typeof r=="string"&&(e.level==="image"||e.level==="map")?A(he(r,e.index,e.level)):A(null),typeof r=="string"&&k.scrollTo(r)};return _.current=l,{renderLocationTree:(o,e,{rowClick:r,isCollapsed:S,toggleCollapse:B})=>{const x=h(e),de=ne(x),L=String(o.props.id),w=ie&&C?.props.id===L,E=n=>t(oe,{...P?{}:R.seam({place:{...T(e),index:n}})},`seam:${L}:groups:${n}`),W=(n,u)=>t(oe,{...P?{}:M.seam({place:{...j(e,n),index:u}})},`seam:${L}:cities:${n}:${u}`);return d(ke,{children:[t(I,{icon:t(ve,{size:13}),name:g("Texts"),words:f,onSelect:()=>l(e,{level:"texts"}),selected:w&&s.level==="texts",rowProps:{onClick:r(()=>l(e,{level:"texts"}))}}),de.map((n,u)=>{const F=`${L}::grp::${n.key}`,K=S(F),pe=w&&s.level==="group"&&s.key===n.key,U=n.name||n.key?De(n.key,n.name):g("Ungrouped"),H={...j(e,n.key),index:n.cards.length},Y=M.row({item:{si:e,group:n.key,index:-1},place:H,into:H,canDrag:!1},{onClick:r(()=>l(e,{level:"group",key:n.key}))}),$=R.row({item:{si:e,index:u},place:{...T(e),index:u}},Y.rowProps);return d(Q,{children:[u===0&&E(0),t(I,{icon:t(Me,{size:13}),name:U,words:f,onSelect:()=>l(e,{level:"group",key:n.key}),selected:pe,draggable:$.draggable,dragging:$.dragging,drop:$.drop??Y.drop,fold:{open:!K,label:g("group"),onToggle:()=>B(F)},actions:t(ee,{kind:"delete",label:Ie("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",n.cards.length,{label:U}),onClick:()=>{y(e,$e(x,n.key)),p({level:"groups"})},children:t(Z,{size:15})}),rowProps:$.rowProps,children:t("span",{className:"es-group-count",children:n.cards.length})}),!K&&d(b,{children:[n.cards.map((m,a)=>{const i=ce(x,n.key,a),ue=w&&s.level==="city"&&s.index===i,O=String(m?.name??"")||g("City"),q=`${L}::city::${se(m)}`,J=S(q),{rowProps:ge,...ye}=M.row({item:{si:e,group:n.key,index:a},place:{...j(e,n.key),index:a}},{onClick:r(()=>l(e,{level:"city",index:i}))});return d(Q,{children:[a===0&&W(n.key,0),t(I,{icon:t(Fe,{size:13}),name:O,words:f,onSelect:()=>l(e,{level:"city",index:i}),selected:ue,...ye,fold:{open:!J,label:O,onToggle:()=>B(q)},actions:t(ee,{kind:"delete",label:g("Delete {name}",{name:O}),onClick:()=>{y(e,Te(x,n.key,a)),p({level:"group",key:n.key})},children:t(Z,{size:15})}),rowProps:ge}),!J&&d(b,{children:[t(I,{icon:t(me,{size:13}),name:g("Image"),words:f,onSelect:()=>l(e,{level:"image",index:i}),selected:w&&s.level==="image"&&s.index===i,rowProps:{onClick:r(()=>l(e,{level:"image",index:i}))}}),t(I,{icon:t(Oe,{size:13}),name:g("Map"),words:f,onSelect:()=>l(e,{level:"map",index:i}),selected:w&&s.level==="map"&&s.index===i,rowProps:{onClick:r(()=>l(e,{level:"map",index:i}))}})]}),W(n.key,a+1)]},se(m))}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const m=Ce(x,n.key);y(e,m);const a=ne(m).find(i=>i.key===n.key);p(a&&a.cards.length?{level:"city",index:ce(m,n.key,a.cards.length-1)}:{level:"group",key:n.key})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),g("Add city")]})]}),E(u+1)]},F)}),d("button",{type:"button",className:"sf-add-card",onClick:()=>{const{cards:n,key:u}=Se(x);y(e,n),l(e,{level:"group",key:u})},children:[t("span",{className:"sf-plus sf-plus--sm",children:"+"}),g("Add group")]})]})},sectionPressed:o=>{o?.type===le&&p({level:"groups"})}}}export{le as LOCATIONS_TYPE,He as useLocationsTree};

package/dist/components/useSocialSettings.d.ts

@@ -7,8 +7,8 @@ export declare function useSocialSettings({ token, siteId, enabled, }: {
     siteId: string | null;
     enabled: boolean;
 }): {
-    links: Partial<Record<"facebook" | "instagram" | "pinterest" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin", string>>;
-    rows: Record<"facebook" | "instagram" | "pinterest" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin", SocialRowState>;
+    links: Partial<Record<"facebook" | "instagram" | "pinterest" | "telegram" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin" | "line" | "wechat", string>>;
+    rows: Record<"facebook" | "instagram" | "pinterest" | "telegram" | "tiktok" | "whatsapp" | "youtube" | "x" | "linkedin" | "line" | "wechat", SocialRowState>;
     canSave: boolean;
     saveLink: (platform: SocialPlatform, value: string) => Promise<SocialSaveOutcome>;
 };

package/dist/lib/content/block-sources.d.ts

@@ -0,0 +1,20 @@
+export declare const BLOCK_SOURCE_PROP = "dataSource";
+export declare const BLOCK_SOURCE_OPTIONS_PROP = "dataSourceOptions";
+export declare const BLOCK_SOURCE_ROWS_PROP = "dataRows";
+export type SourceRow = Readonly<Record<string, string>>;
+export interface BlockSourceSpec {
+    key: string;
+    label: string;
+    blocks: readonly string[];
+    sample?: readonly SourceRow[];
+}
+export declare function registerBlockSources(sources: readonly BlockSourceSpec[]): void;
+export declare function blockSources(block?: string): readonly BlockSourceSpec[];
+export declare function blockSourceSpec(key: string): BlockSourceSpec | null;
+export declare function blockSourcesRevision(): number;
+export declare function declaredBlockSource(props?: Record<string, unknown> | null): string;
+export declare function servedRows(props?: Record<string, unknown> | null): readonly SourceRow[] | null;
+export declare function sourcedRows(props: Record<string, unknown> | null | undefined, editing: boolean, fallback?: readonly SourceRow[]): {
+    rows: readonly SourceRow[];
+    sample: boolean;
+};

package/dist/lib/content/block-sources.js

@@ -0,0 +1 @@
+const c="dataSource",b="dataSourceOptions",i="dataRows",a=/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,f=Symbol.for("efficient.block-sources");function n(){const e=globalThis;return e[f]??={sources:new Map,revision:0}}function u(e){if(typeof e.key!="string"||!a.test(e.key))throw new Error(`A block source key is lower-case words joined by hyphens, not ${JSON.stringify(e.key)}.`);if(typeof e.label!="string"||!e.label.trim())throw new Error(`The block source ${e.key} has no label.`);if(!Array.isArray(e.blocks)||!e.blocks.length||e.blocks.some(t=>typeof t!="string"||!t))throw new Error(`The block source ${e.key} names no block it can fill.`);return{key:e.key,label:e.label.trim(),blocks:[...e.blocks],...e.sample?{sample:e.sample.map(t=>l(t)).filter(t=>t!==null)}:{}}}function O(e){const t=e.map(u),o=n();for(const r of t)o.sources.set(r.key,r);t.length&&(o.revision+=1)}function d(e){const t=[...n().sources.values()];return e===void 0?t:t.filter(o=>o.blocks.includes(e))}function p(e){return n().sources.get(e)??null}function m(){return n().revision}function k(e){const t=e?.[c];return typeof t=="string"?t.trim():""}function l(e){if(!e||typeof e!="object"||Array.isArray(e))return null;const t={};for(const[o,r]of Object.entries(e))typeof r=="string"&&r&&(t[o]=r);return Object.keys(t).length?t:null}function y(e){const t=e?.[i];return Array.isArray(t)?t.map(l).filter(o=>o!==null):null}function S(e,t,o=[]){const r=y(e);if(r!==null&&(r.length||!t))return{rows:r,sample:!1};if(!t)return{rows:[],sample:!1};const s=p(k(e))?.sample;return{rows:s?.length?s:o,sample:!0}}export{b as BLOCK_SOURCE_OPTIONS_PROP,c as BLOCK_SOURCE_PROP,i as BLOCK_SOURCE_ROWS_PROP,p as blockSourceSpec,d as blockSources,m as blockSourcesRevision,k as declaredBlockSource,O as registerBlockSources,y as servedRows,S as sourcedRows};

package/dist/lib/content/ink.d.ts

@@ -0,0 +1,36 @@
+export declare const SECTION_PALETTE: readonly [{
+    readonly role: "bg";
+    readonly token: "--bg";
+    readonly ink: false;
+}, {
+    readonly role: "fg";
+    readonly token: "--fg";
+    readonly ink: true;
+}, {
+    readonly role: "surface";
+    readonly token: "--site-surface";
+    readonly ink: false;
+}, {
+    readonly role: "surface-2";
+    readonly token: "--site-surface-2";
+    readonly ink: false;
+}, {
+    readonly role: "line";
+    readonly token: "--site-line";
+    readonly ink: true;
+}, {
+    readonly role: "muted";
+    readonly token: "--fg-dim";
+    readonly ink: true;
+}];
+type PaletteEntry = (typeof SECTION_PALETTE)[number];
+type InkEntry = Extract<PaletteEntry, {
+    ink: true;
+}>;
+export declare const INK: readonly InkEntry[];
+export type InkRole = InkEntry["role"];
+export type InkSource = Readonly<Record<InkRole, string>>;
+export declare function inkStyle(source: InkSource): Record<string, string>;
+export declare const ON_MEDIA_INK: InkSource;
+export declare const ON_MEDIA_INK_STYLE: Readonly<Record<string, string>>;
+export {};

package/dist/lib/content/ink.js

@@ -0,0 +1 @@
+const n=[{role:"bg",token:"--bg",ink:!1},{role:"fg",token:"--fg",ink:!0},{role:"surface",token:"--site-surface",ink:!1},{role:"surface-2",token:"--site-surface-2",ink:!1},{role:"line",token:"--site-line",ink:!0},{role:"muted",token:"--fg-dim",ink:!0}],l=n.filter(e=>e.ink);function i(e){const r={color:e.fg};for(const{role:o,token:t}of l)r[t]=e[o];return r}const f={fg:"var(--overlay-fg)",line:"color-mix(in srgb, var(--overlay-fg) 24%, transparent)",muted:"color-mix(in srgb, var(--overlay-fg) 76%, transparent)"},s=Object.freeze(i(f));export{l as INK,f as ON_MEDIA_INK,s as ON_MEDIA_INK_STYLE,n as SECTION_PALETTE,i as inkStyle};

package/dist/lib/content/product-page.js

@@ -1 +1 @@
-const o="product",r="tyre",c=[o,r];function d(t){return c.includes(t)}const u="productType",l={[o]:"alloy-wheel",[r]:"tyre"},p=["alloy-wheel","tyre"];function P(t,e){return n(e)??l[t]??null}function n(t){const e=t?.[u];return typeof e=="string"&&p.includes(e)?e:null}function i(t){const e=t?.root;return n(e?.props)}function s(t,e){return P(t,e)!==null}const T="dynamic";export{T as DYNAMIC_PRODUCT_PROP,c as DYNAMIC_TEMPLATE_SLUGS,o as PRODUCT_PAGE_SLUG,u as TEMPLATE_PRODUCT_TYPE_PROP,r as TYRE_PAGE_SLUG,n as declaredTemplateProductKind,d as isDynamicTemplateSlug,s as isProductTemplatePage,i as layoutDeclaredProductKind,P as templateProductKind};
+import{drawsProduct as r}from"./record-types.js";const n="product",o="tyre",c=[n,o];function a(t){return c.includes(t)}const l="productType",d={[n]:"alloy-wheel",[o]:"tyre"},i=["alloy-wheel","tyre"];function p(t,e){return r(e)?u(e)??d[t]??null:null}function u(t){if(!r(t))return null;const e=t?.[l];return typeof e=="string"&&i.includes(e)?e:null}function s(t){const e=t?.root;return u(e?.props)}function T(t,e){return p(t,e)!==null}const _="dynamic";export{_ as DYNAMIC_PRODUCT_PROP,c as DYNAMIC_TEMPLATE_SLUGS,n as PRODUCT_PAGE_SLUG,l as TEMPLATE_PRODUCT_TYPE_PROP,o as TYRE_PAGE_SLUG,u as declaredTemplateProductKind,a as isDynamicTemplateSlug,T as isProductTemplatePage,s as layoutDeclaredProductKind,p as templateProductKind};

package/dist/lib/content/record-types.d.ts

@@ -0,0 +1,21 @@
+export declare const PRODUCT_RECORD_TYPE = "product";
+export declare const TEMPLATE_RECORD_TYPE_PROP = "recordType";
+export type RecordFieldKind = "text" | "date";
+export interface RecordFieldSpec {
+    key: string;
+    label: string;
+    kind: RecordFieldKind;
+}
+export interface RecordTypeSpec {
+    key: string;
+    label: string;
+    fields: readonly RecordFieldSpec[];
+}
+export declare function registerRecordTypes(types: readonly RecordTypeSpec[]): void;
+export declare function recordTypes(): readonly RecordTypeSpec[];
+export declare function recordTypeSpec(key: string): RecordTypeSpec | null;
+export declare function recordTypesRevision(): number;
+export declare function declaredRecordType(rootProps?: Record<string, unknown> | null): string;
+export declare function layoutRecordType(layout: unknown): string;
+export declare function drawsProduct(rootProps?: Record<string, unknown> | null): boolean;
+export declare function recordFields(key: string, kinds?: readonly RecordFieldKind[]): readonly RecordFieldSpec[];

package/dist/lib/content/record-types.js

@@ -0,0 +1 @@
+const t="product",f="recordType",i={key:t,label:"Product",fields:[]},l=/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,a=/^[a-z][A-Za-z0-9]*$/,u=["text","date"],n=new Map;let s=0;function y(e){if(typeof e.key!="string"||!l.test(e.key))throw new Error(`A record type key is lower-case words joined by hyphens, not ${JSON.stringify(e.key)}.`);if(e.key===t)throw new Error("The product record type is the builder's own and is not declared by a host.");if(typeof e.label!="string"||!e.label.trim())throw new Error(`The record type ${e.key} has no label.`);const o=new Set;for(const r of e.fields){if(typeof r.key!="string"||!a.test(r.key)||o.has(r.key))throw new Error(`The record type ${e.key} has a field key it cannot use: ${JSON.stringify(r.key)}.`);if(!u.includes(r.kind))throw new Error(`The field ${r.key} of ${e.key} has no kind ${JSON.stringify(r.kind)}.`);o.add(r.key)}return{key:e.key,label:e.label.trim(),fields:e.fields.map(r=>({...r}))}}function k(e){const o=e.map(y);for(const r of o)n.set(r.key,r);o.length&&(s+=1)}function h(){return[i,...n.values()]}function p(e){return e===t?i:n.get(e)??null}function T(){return s}function c(e){const o=e?.[f];return typeof o!="string"?t:o.trim()||t}function w(e){const o=e?.root;return c(o&&typeof o=="object"?o.props:null)}function E(e){return c(e)===t}function x(e,o){const r=p(e)?.fields??[];return o?r.filter(d=>o.includes(d.kind)):r}export{t as PRODUCT_RECORD_TYPE,f as TEMPLATE_RECORD_TYPE_PROP,c as declaredRecordType,E as drawsProduct,w as layoutRecordType,x as recordFields,p as recordTypeSpec,h as recordTypes,T as recordTypesRevision,k as registerRecordTypes};

package/dist/lib/content/section-surface.js

@@ -1 +1 @@
-const a=-1,c="sf-section-accent",o="Color",E=new Set(["CategoryBar","DocTabs"]),f=new Set(["Flex"]),n=0;function r(e){return e===-1?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:n}function u(e){return e??-1}function s(e){const t=`--theme-preset-${e}`;return{"--sf-sec-accent":`var(${t}-accent)`,"--sf-sec-accent-2":`var(${t}-accent-2)`,"--sf-sec-accent-ink":`var(${t}-accent-ink)`,"--sf-sec-bg":`var(${t}-bg, var(--theme-bg))`,"--sf-sec-fg":`var(${t}-fg, var(--theme-fg))`,"--sf-sec-surface":`var(${t}-surface, var(--theme-surface))`,"--sf-sec-surface-2":`var(${t}-surface-2, var(--theme-surface-2))`,"--sf-sec-line":`var(${t}-line, var(--theme-line))`,"--sf-sec-muted":`var(${t}-muted, var(--theme-muted))`}}function T(e){const t=r(e.sectionAccent);return t===null?null:{className:c,style:s(t)}}export{c as SECTION_ACCENT_CLASS,n as SECTION_ACCENT_DEFAULT,a as SECTION_ACCENT_INHERIT,E as SECTION_THEME_EXCLUDED,o as SECTION_THEME_GROUP_LABEL,f as SECTION_THEME_NESTED_READING,u as nestedAccentValue,r as resolveSectionAccent,s as sectionAccentVars,T as sectionThemeWrap};
+import{SECTION_PALETTE as o}from"./ink.js";const r=-1,s="sf-section-accent",C="Color",f=new Set(["CategoryBar","DocTabs"]),i=new Set(["Flex"]),E=0;function a(e){return e===r?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:E}function l(e){return e??r}function T(e){const t=`--theme-preset-${e}`,c={"--sf-sec-accent":`var(${t}-accent)`,"--sf-sec-accent-2":`var(${t}-accent-2)`,"--sf-sec-accent-ink":`var(${t}-accent-ink)`};for(const{role:n}of o)c[`--sf-sec-${n}`]=`var(${t}-${n}, var(--theme-${n}))`;return c}function p(e){const t=a(e.sectionAccent);return t===null?null:{className:s,style:T(t)}}export{s as SECTION_ACCENT_CLASS,E as SECTION_ACCENT_DEFAULT,r as SECTION_ACCENT_INHERIT,f as SECTION_THEME_EXCLUDED,C as SECTION_THEME_GROUP_LABEL,i as SECTION_THEME_NESTED_READING,l as nestedAccentValue,a as resolveSectionAccent,T as sectionAccentVars,p as sectionThemeWrap};

package/dist/lib/content/social-links.d.ts

@@ -1,4 +1,4 @@
-export declare const SOCIAL_PLATFORMS: readonly ["instagram", "facebook", "tiktok", "youtube", "x", "linkedin", "pinterest", "whatsapp"];
+export declare const SOCIAL_PLATFORMS: readonly ["instagram", "facebook", "tiktok", "youtube", "x", "linkedin", "pinterest", "whatsapp", "telegram", "line", "wechat"];
 export type SocialPlatform = (typeof SOCIAL_PLATFORMS)[number];
 export declare const SOCIAL_PLATFORM_LABELS: Record<SocialPlatform, string>;
 export type SocialLinks = Partial<Record<SocialPlatform, string>>;