efficient-web-builder 0.9.0 → 1.0.0

package/dist/components/WebsiteSettingsPanel.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode, type RefObject } from "react";
+import type { SiteThemeRowPatch } from "../lib/site-theme-row.js";
+import { type CardShadow, type HoverEffect } from "../lib/theme.js";
+export declare const TABPANEL_ID = "sf-site-styles-tabpanel";
+export declare const SHOW_HINTS_DEFAULT = false;
+export declare function HintsToggle({ shown, onChange, }: {
+    shown: boolean;
+    onChange: (v: boolean) => void;
+}): import("react").JSX.Element;
+export declare const SITE_STYLES_TEXT_TAB = "text";
+export declare const SITE_STYLES_TABS: {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    htmlId: string;
+    panelId: string;
+}[];
+export declare function siteWidthPatch(v: number | null): SiteThemeRowPatch;
+export declare function blockGapPatch(v: number | null): SiteThemeRowPatch;
+export declare function siteGutterPatch(v: number | null): SiteThemeRowPatch;
+export declare function PageGroupFields({ persist, showHint, }: {
+    persist: (p: SiteThemeRowPatch, immediate?: boolean) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;
+export declare function cardShadowPatch(v: CardShadow | null): SiteThemeRowPatch;
+export declare function shadowColourPatch(hex: string | null): SiteThemeRowPatch;
+export declare function hoverEffectPatch(v: HoverEffect | null): SiteThemeRowPatch;
+export declare function CardLookFields({ persist, showHint, }: {
+    persist: (p: SiteThemeRowPatch, immediate?: boolean) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;
+export declare function photographyPatch(v: boolean | null): SiteThemeRowPatch;
+export declare function PhotographyGroupFields({ persist, showHint, }: {
+    persist: (p: SiteThemeRowPatch, immediate?: boolean) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;
+export declare function useWebsiteName(): string;
+export declare function WebsiteNameReadonly(): import("react").JSX.Element;
+export default function WebsiteSettingsPanel({ themeFromDocument, tokenRef, siteId, onNotify, tab: tabFromHost, onTabChange, }: {
+    themeFromDocument?: boolean;
+    tokenRef?: RefObject<string | null>;
+    siteId?: string | null;
+    tab?: string;
+    onTabChange?: (id: string) => void;
+    onNotify?: (msg: string, tone?: "success" | "error") => void;
+}): import("react").JSX.Element;

package/dist/components/WebsiteSettingsPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,jsxs as y,Fragment as w}from"react/jsx-runtime";import{useEasel as F}from"efficient-easel/easel";import{useEffect as L,useRef as N,useState as x}from"react";import k from"./ThemeField.js";import W from"./CornersField.js";import v from"./CardShadowField.js";import B from"./ShadowColourField.js";import O from"./BlockGapField.js";import A from"./HoverEffectField.js";import j from"./HeroImageField.js";import U from"./PhotographyField.js";import Y from"./SideSpaceField.js";import M from"./SiteWidthField.js";import X from"./TextStylesField.js";import{usePreviewHeader as f}from"./PreviewHeaderContext.js";import{SettingsTabs as $}from"efficient-easel/panel";import{ContrastIcon as q,NoteIcon as J,SettingsIcon as Z,TypeIcon as K}from"efficient-easel/icons";import{useThemeRowPersist as Q}from"../lib/theme-row-persist.js";import{themeSaveNotice as V}from"../lib/theme-save-message.js";import{NEUTRAL_SITE_NAME as D}from"../lib/content/site-name.js";import{normalizeFonts as ee}from"../lib/fonts.js";import{previewFrame as oe}from"../lib/puck/preview-dom.js";import{CORNER_STYLE_TO_PX as te,normalizeCornerRadius as ne,normalizeCornerStyle as re,normalizeShadowColor as se,headingTypographyToRow as ie,normalizeHeadingCompression as ae,normalizeHeadingTypography as ce,DEFAULT_SIZES as le}from"../lib/theme.js";const b="sf-site-styles-tabpanel",de=!1,pe="Show hints";function he({shown:e,onChange:o}){return n("div",{className:"sf-hints",children:y("button",{type:"button","aria-pressed":e,onClick:()=>o(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[n(J,{size:13}),pe]})})}const lo="text",R=[{id:"basics",label:"Basics",icon:n(Z,{}),htmlId:"sf-site-styles-tab-basics",panelId:b},{id:"theme",label:"Theme",icon:n(q,{}),htmlId:"sf-site-styles-tab-theme",panelId:b},{id:"text",label:"Text",icon:n(K,{}),htmlId:"sf-site-styles-tab-text",panelId:b}];function ue({themeFromDocument:e,persist:o}){const{appState:s,dispatch:r}=F(u=>u),{theme:a,setTheme:t}=f(),c=s.data,h=c.root?.props??{},i=u=>{if(e){const g={...h,theme:u};r({type:"replaceRoot",root:{...c.root,props:g},recordHistory:!0})}else t(u);o({selected_preset:u.selected,theme_presets:u.themes})};return n(k,{value:e?h.theme:a,onChange:i})}function ge(e,o){const[s,r]=x(null),a=N(null),t=JSON.stringify(e),c=N(o);return c.current=o,L(()=>{if(a.current===null){a.current=t;return}if(a.current===t)return;a.current=t;const h=window.setTimeout(()=>r(c.current),700),i=window.setTimeout(()=>r(null),2200);return()=>{window.clearTimeout(h),window.clearTimeout(i)}},[t]),s}function fe({themeFromDocument:e,persist:o}){const{appState:s,dispatch:r}=F(d=>d),[a,t]=x(null),{fonts:c,setFonts:h,sizes:i,setSizes:u,headingCompression:g,setHeadingCompression:S,headingTypography:_,setHeadingTypography:l}=f(),T=s.data,m=T.root?.props??{},C=e?ee(m.fonts):c,E=e?le:i,z=e?ae(m.headingCompression):g,I=e?ce(m.headingTypography):_,H=d=>r({type:"replaceRoot",root:{...T.root,props:{...m,...d}},recordHistory:!0}),G=ge({curFonts:C,curCompression:z,curTypography:I},a);return n(X,{fonts:C,sizes:E,compression:z,headingTypography:I,openRole:a,onOpenRole:t,onFontChange:(d,P)=>{const p={...C,[d]:P};e?H({fonts:p}):h(p),o({heading_font:p.heading,body_font:p.body,accent_font:p.accent,label_font:p.label})},onSizeChange:e?void 0:(d,P)=>{const p={...E,[d]:P};u(p),o({heading_size_large_px:p.headingLarge,heading_size_medium_px:p.headingMedium,heading_size_small_px:p.headingSmall,accent_size_px:p.accent,body_size_px:p.body,label_size_px:p.label})},onCompressionChange:d=>{e?H({headingCompression:d}):S(d),o({heading_compression:d})},onHeadingTypographyChange:d=>{e?H({headingTypography:d}):l(d),o(ie(d))},livePx:Ce,savedRole:G})}const me={heading:"main h1, main h2",heading2:"main h1, main h2",heading3:"main h1, main h2",accent:"main h1 em, main h2 em",body:"main p",label:"main .mono-eyebrow"};function Ce(e){if(typeof document>"u")return null;const s=(oe()?.contentDocument??document).querySelector(me[e]);if(!s)return null;const r=parseFloat(getComputedStyle(s).fontSize);return Number.isFinite(r)?r:null}function ye({themeFromDocument:e,persist:o,showHint:s}){const{appState:r,dispatch:a}=F(l=>l),{cornerRadiusPx:t,setCornerRadiusPx:c}=f(),h=r.data,i=h.root?.props??{},u=i.cornerRadiusPx===void 0?te[re(i.cornerStyle)]:ne(i.cornerRadiusPx),g=e?u:t,S=l=>a({type:"replaceRoot",root:{...h.root,props:{...i,...l}},recordHistory:!0});return n(W,{value:g,onChange:l=>{e?S({cornerRadiusPx:l}):c(l),o({corner_radius_px:l})},showHint:s})}function Se(e){return{site_width:e}}function _e({persist:e,showHint:o}){const{siteWidth:s,setSiteWidth:r}=f();return n(M,{value:s,onChange:t=>{r(t),e(Se(t),t===null)},showHint:o})}function we(e){return{block_gap:e}}function Te(e){return{site_gutter:e}}function xe({persist:e,showHint:o}){const{siteGutter:s,setSiteGutter:r}=f();return n(Y,{value:s,onChange:t=>{r(t),e(Te(t),t===null)},showHint:o})}function be({persist:e,showHint:o}){const{blockGap:s,setBlockGap:r}=f();return n(O,{value:s,onChange:t=>{r(t),e(we(t),t===null)},showHint:o})}function Re({persist:e,showHint:o}){const{heroBackgroundFollowsWidth:s,setHeroBackgroundFollowsWidth:r}=f();return n(j,{value:s,onChange:t=>{r(t),e({hero_background_follows_width:t},!0)},showHint:o})}function He({persist:e,showHint:o=!0}){return y(w,{children:[n(_e,{persist:e,showHint:o}),n(xe,{persist:e,showHint:o}),n(be,{persist:e,showHint:o}),n(Re,{persist:e,showHint:o})]})}function Pe(e){return{card_shadow:e}}function Fe(e){return e===null?{shadow_color:null}:{shadow_color:se(e)}}function Ee(e){return{hover_effect:e}}function ze({persist:e,showHint:o=!0}){const{cardShadow:s,setCardShadow:r,shadowColor:a,setShadowColor:t,hoverEffect:c,setHoverEffect:h}=f();return y(w,{children:[n(v,{value:s,onChange:i=>{r(i),e(Pe(i),!0)},showHint:o}),n(B,{value:a,onChange:i=>{t(i),e(Fe(i),i===null)},showHint:o}),n(A,{value:c,onChange:i=>{h(i),e(Ee(i),!0)},showHint:o})]})}function Ie(e){return{photography_grayscale:e}}function Ne({persist:e,showHint:o}){const{photographyGrayscale:s,setPhotographyGrayscale:r}=f();return n(U,{value:s,onChange:t=>{r(t),e(Ie(t),!0)},showHint:o})}function Ge({persist:e,showHint:o=!0}){return n(w,{children:n(Ne,{persist:e,showHint:o})})}function Le(){const{websiteName:e}=f();return e?.trim()||D}function po(){const e=Le();return n("p",{className:"sf-panel-site",title:`${e} \u2014 renamed in the Console: Storefront \u25B8 Sites \u25B8 Settings.`,children:e})}function ke({themeFromDocument:e=!1,tokenRef:o,siteId:s,onNotify:r,tab:a,onTabChange:t}){const{persist:c}=Q({themeFromDocument:e,tokenRef:o,siteId:s,onResult:m=>{const C=V(m);C&&r?.(C.msg,C.tone)}}),[h,i]=x(R[0].id),u=a!==void 0,g=u?a:h,S=u?t??(()=>{}):i,_=R.find(m=>m.id===g)??R[0],[l,T]=x(de);return y(w,{children:[n($,{items:R,activeId:_.id,onSelect:S,ariaLabel:"Site styles"}),y("div",{id:b,role:"tabpanel","aria-labelledby":_.htmlId,children:[g==="basics"&&y(w,{children:[n(ye,{themeFromDocument:e,persist:c,showHint:l}),!e&&n(ze,{persist:c,showHint:l}),!e&&n(He,{persist:c,showHint:l}),!e&&n(Ge,{persist:c,showHint:l}),n(he,{shown:l,onChange:T})]}),g==="theme"&&n(ue,{themeFromDocument:e,persist:c}),g==="text"&&n(fe,{themeFromDocument:e,persist:c})]})]})}export{ze as CardLookFields,he as HintsToggle,He as PageGroupFields,Ge as PhotographyGroupFields,de as SHOW_HINTS_DEFAULT,R as SITE_STYLES_TABS,lo as SITE_STYLES_TEXT_TAB,b as TABPANEL_ID,po as WebsiteNameReadonly,we as blockGapPatch,Pe as cardShadowPatch,ke as default,Ee as hoverEffectPatch,Ie as photographyPatch,Fe as shadowColourPatch,Te as siteGutterPatch,Se as siteWidthPatch,Le as useWebsiteName};

package/dist/components/WidthFollowField.d.ts

@@ -0,0 +1,10 @@
+import type { WidthAnswer } from "../lib/content/page-width.js";
+export default function WidthFollowField({ value, resolved, onChange, label, labelId, followsLabel, hint, }: {
+    value: WidthAnswer | undefined;
+    resolved: WidthAnswer;
+    onChange: (v: WidthAnswer | undefined) => void;
+    label?: string;
+    labelId?: string;
+    followsLabel: string;
+    hint?: string;
+}): import("react").JSX.Element;

package/dist/components/WidthFollowField.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{SettingsField as c,SettingsSegmented as m}from"efficient-easel/panel";import{WidthIcon as u}from"efficient-easel/icons";import{WIDTH_CHOICE_LABEL as l}from"../lib/content/section-width.js";import{PartResetDot as h}from"./PartResetDot.js";function p({value:o,resolved:d,onChange:i,label:t="Width",labelId:r,followsLabel:a,hint:f}){const e=o===void 0,s=e?d:o;return n(c,{label:t,labelId:r,icon:n(u,{}),value:e?a:void 0,changed:!e,action:e?void 0:n(h,{label:t,what:"change",onClear:()=>i(void 0)}),hint:f,children:n(m,{options:[{label:l.page,id:"content"},{label:l.full,id:"full"}],value:s,ariaLabel:t,onChange:i})})}export{p as default};

package/dist/components/cartGlyph.d.ts

@@ -0,0 +1 @@
+export declare const CART_GLYPH: import("react").JSX.Element;

package/dist/components/cartGlyph.js

@@ -0,0 +1 @@
+import{jsx as c,Fragment as r,jsxs as s}from"react/jsx-runtime";const x=s(r,{children:[c("circle",{cx:"9",cy:"20",r:"1.3"}),c("circle",{cx:"18",cy:"20",r:"1.3"}),c("path",{d:"M2.5 3.5h3l2.3 11.3a1.6 1.6 0 0 0 1.6 1.3h8.1a1.6 1.6 0 0 0 1.6-1.2L21 7H6"})]});export{x as CART_GLYPH};

package/dist/components/floating-editor/tokens.d.ts

@@ -0,0 +1,27 @@
+export declare const tk: {
+    readonly accent: "#2563eb";
+    readonly accentTint: "#eff6ff";
+    readonly accentText: "#1d4ed8";
+    readonly appBg: "#f9fafb";
+    readonly previewBg: "#f3f4f6";
+    readonly panel: "#ffffff";
+    readonly fieldBg: "#ffffff";
+    readonly inputBorder: "#d1d5db";
+    readonly text: "#111827";
+    readonly text2: "#374151";
+    readonly muted: "#6b7280";
+    readonly line: "#e5e7eb";
+    readonly chipBg: "#f3f4f6";
+    readonly chipFg: "#6b7280";
+    readonly panelRadius: 12;
+    readonly rowRadius: 8;
+    readonly panelShadow: "0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.06)";
+    readonly topbarShadow: "0 1px 3px rgba(0,0,0,.06)";
+    readonly panelGap: 10;
+    readonly leftWidth: 288;
+    readonly rightWidth: 308;
+    readonly topbarHeight: 52;
+    readonly labelFont: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif";
+};
+export type Device = "desktop" | "tablet" | "mobile";
+export declare const DEVICE_WIDTH: Record<Device, string>;

package/dist/components/floating-editor/tokens.js

@@ -0,0 +1 @@
+const e={accent:"#2563eb",accentTint:"#eff6ff",accentText:"#1d4ed8",appBg:"#f9fafb",previewBg:"#f3f4f6",panel:"#ffffff",fieldBg:"#ffffff",inputBorder:"#d1d5db",text:"#111827",text2:"#374151",muted:"#6b7280",line:"#e5e7eb",chipBg:"#f3f4f6",chipFg:"#6b7280",panelRadius:12,rowRadius:8,panelShadow:"0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.06)",topbarShadow:"0 1px 3px rgba(0,0,0,.06)",panelGap:10,leftWidth:288,rightWidth:308,topbarHeight:52,labelFont:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"},t={desktop:"100%",tablet:"800px",mobile:"390px"};export{t as DEVICE_WIDTH,e as tk};

package/dist/components/goldPhrases.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type ShopMarkupNode } from "../lib/markup.js";
+export declare function renderGold(value: string, italic?: boolean): ReactNode;
+export declare function renderMarkupNodes(nodes: readonly ShopMarkupNode[], italic?: boolean): ReactNode;
+export declare function renderChrome(value: string): ReactNode;
+export declare function renderHeadline(value: string, italic?: boolean): ReactNode;
+export declare function splitParagraphs(value: string): string[];

package/dist/components/goldPhrases.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as u}from"react/jsx-runtime";import{Fragment as d}from"react";import{linePrefix as N,storefrontLines as L}from"../lib/markup.js";import{COLOUR_TOKEN as h,WORD_STYLE_ATTR as _,WORD_STYLE_BY_KIND as S}from"../lib/word-styles.js";import{isHexColour as g}from"../lib/puck/part-styles.js";import a from"./PartStyledText.js";import{withRMark as f}from"./RMark.js";function E(e,n=!1){const s=m(n),r=L(e);if(r.length===1){const[c]=r,l=N(c),b=l?w(l,c.children):c.children;return t(a,{value:e,children:o(b,s)})}const i=[];return r.forEach((c,l)=>{if(c.bullet){i.push(t("span",{"data-sf-bullet":"",className:T,children:o(c.children,s)},l));return}if(c.number!=null){i.push(u("span",{"data-sf-number":c.number,className:R,children:[u("span",{className:k,children:[c.number,"."]}),o(c.children,s)]},l));return}l>0&&!C(r[l-1])&&i.push(t("br",{},`br${l}`)),i.push(t(d,{children:o(c.children,s)},l))}),t(a,{value:e,children:i})}const T="relative block pl-6 before:absolute before:left-1.5 before:font-bold before:text-accent before:content-['\xB7']",R="relative block pl-[2em]",k="absolute left-0 w-[1.6em] text-right tabular-nums";function C(e){return e.bullet||e.number!=null}const O="text-accent underline underline-offset-[0.18em]";function w(e,n){const[s,...r]=n;return s?.kind==="text"?[{kind:"text",text:`${e}${s.text}`},...r]:[{kind:"text",text:e},...n]}function A(e){if(e)return g(e)?e:Object.hasOwn(h,e)?h[e]:void 0}function o(e,n){const s=[];let r=!1;return e.forEach((i,c)=>{if(i.kind==="text"){s.push(t("span",{children:f(i.text)},c)),r=!0;return}r||s.push(t("span",{},`e${c}`)),s.push(x(i,c,n)),r=!1}),r||s.push(t("span",{},"end")),s}function p(e,n){return e.length===1&&e[0].kind==="text"?f(e[0].text):e.map((s,r)=>s.kind==="text"?t(d,{children:f(s.text)},r):x(s,r,n))}function $(e,n=!1){return o(e,m(n))}function m(e){return e?"font-normal italic text-accent":"not-italic text-accent"}function D(e){return t(a,{value:e,children:t("span",{children:e})})}function x(e,n,s){if(e.kind==="link")return t("a",{href:e.href,className:O,children:p(e.children,s)},n);const r=p(e.children,s),i=S[e.kind];if(i)return t("span",{[_]:i,children:r},n);switch(e.kind){case"underline":return t("u",{children:r},n);case"sup":return t("sup",{children:r},n);case"sub":return t("sub",{children:r},n);case"color":{const c=A(e.color);return c?t("span",{style:{color:c},children:r},n):t("span",{children:r},n)}case"accent":case"highlight":return t("em",{className:s,children:r},n);case"bold":return t("strong",{className:"font-semibold",children:r},n);case"italic":return t("em",{className:"italic",children:r},n);case"strike":return t("s",{className:"line-through",children:r},n);default:return t("span",{children:r},n)}}function P(e,n=!0){const s=e.split(`
+`);return t(a,{value:e,children:s.map((r,i)=>u("span",{children:[E(r,n),i<s.length-1?t("br",{}):null]},i))})}function Y(e){return e.split(/\n\s*\n/).map(n=>n.trim()).filter(Boolean)}export{D as renderChrome,E as renderGold,P as renderHeadline,$ as renderMarkupNodes,Y as splitParagraphs};

package/dist/components/integrationIcons.d.ts

@@ -0,0 +1,2 @@
+import { type SimpleIcon } from "simple-icons";
+export declare function integrationIcon(label: string): SimpleIcon | null;

package/dist/components/integrationIcons.js

@@ -0,0 +1 @@
+import{siAdyen as a,siAfterpay as o,siAircall as r,siAmericanexpress as e,siApplepay as l,siBigcommerce as t,siBrevo as n,siCalendly as p,siCampaignmonitor as g,siDhl as m,siDropbox as c,siEbay as y,siEtsy as d,siFacebook as u,siFedex as b,siGmail as k,siGoogleads as h,siGoogleanalytics as x,siGooglecalendar as f,siGoogledrive as G,siGooglepay as M,siGooglesheets as v,siHubspot as S,siInstagram as q,siIntercom as w,siKlarna as A,siMailchimp as z,siMailgun as C,siMake as I,siMastercard as W,siMessenger as T,siMeta as i,siMyob as Z,siNotion as B,siPaypal as D,siPinterest as E,siQuickbooks as F,siSage as N,siShopify as P,siSquare as V,siSquarespace as H,siStripe as K,siTelegram as L,siTiktok as O,siTrello as Q,siUps as U,siVisa as X,siVonage as Y,siWhatsapp as j,siWise as J,siWix as R,siWoocommerce as _,siXero as $,siYoutube as ee,siZapier as ie,siZendesk as se,siZoom as ae}from"simple-icons";const oe={adyen:a,afterpay:o,aircall:r,americanexpress:e,amex:e,applepay:l,bigcommerce:t,brevo:n,calendly:p,campaignmonitor:g,dhl:m,dropbox:c,ebay:y,etsy:d,facebook:u,fedex:b,gmail:k,googleads:h,googleanalytics:x,googlecalendar:f,googledrive:G,googlepay:M,googlesheets:v,hubspot:S,instagram:q,intercom:w,klarna:A,mailchimp:z,mailgun:C,make:I,mastercard:W,messenger:T,meta:i,metaads:i,myob:Z,notion:B,paypal:D,pinterest:E,quickbooks:F,sage:N,shopify:P,square:V,squarespace:H,stripe:K,telegram:L,tiktok:O,trello:Q,ups:U,visa:X,vonage:Y,whatsapp:j,wise:J,wix:R,woocommerce:_,xero:$,youtube:ee,zapier:ie,zendesk:se,zoom:ae};function le(s){return oe[s.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}export{le as integrationIcon};

package/dist/components/panel-widths.d.ts

@@ -0,0 +1,12 @@
+export { MAX_PANEL_W, MIN_PANEL_W, panelWidthVars } from "efficient-easel/chrome";
+export declare const PANEL_WIDTHS_KEY = "sf-editor-panel-widths";
+export declare const DEFAULT_PANEL_W: {
+    readonly left: 288;
+    readonly right: 320;
+};
+export type PanelSide = "left" | "right";
+export type PanelWidths = {
+    left: number;
+    right: number;
+};
+export declare const clampPanelWidth: (w: number) => number;

package/dist/components/panel-widths.js

@@ -0,0 +1 @@
+import{DEFAULT_PANEL_W as _,clampPanelWidth as a}from"efficient-easel/chrome";import{MAX_PANEL_W as W,MIN_PANEL_W as r,panelWidthVars as A}from"efficient-easel/chrome";const o="sf-editor-panel-widths",l={..._},p=t=>a(t);export{l as DEFAULT_PANEL_W,W as MAX_PANEL_W,r as MIN_PANEL_W,o as PANEL_WIDTHS_KEY,p as clampPanelWidth,A as panelWidthVars};

package/dist/components/preview-devices.d.ts

@@ -0,0 +1,3 @@
+import type { DeviceOption } from "efficient-easel/chrome";
+import type { PreviewDevice } from "./PreviewDeviceContext.js";
+export declare const PREVIEW_DEVICES: ReadonlyArray<DeviceOption<PreviewDevice>>;

package/dist/components/preview-devices.js

@@ -0,0 +1 @@
+"use client";import{jsx as E}from"react/jsx-runtime";import{DesktopIcon as I,PhoneIcon as t,TabletIcon as e}from"efficient-easel/icons";import{VIEW_TIERS as m,VIEW_TIER_LABEL as n}from"../lib/content/view-tiers.js";const s={desktop:E(I,{}),tablet:E(e,{}),mobile:E(t,{})},_=m.map(o=>({id:o,label:n[o],icon:s[o]}));export{_ as PREVIEW_DEVICES};

package/dist/components/socialIcons.d.ts

@@ -0,0 +1,8 @@
+import type { SocialPlatform } from "../lib/content/social-links.js";
+export type SocialIconStyle = "outline" | "solid";
+export declare const DEFAULT_SOCIAL_ICON_STYLE: SocialIconStyle;
+export declare function SocialMark({ platform, iconStyle, size, }: {
+    platform: SocialPlatform;
+    iconStyle: SocialIconStyle;
+    size: number;
+}): import("react").JSX.Element;

package/dist/components/socialIcons.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{IconBrandFacebook as t,IconBrandFacebookFilled as d,IconBrandInstagram as l,IconBrandInstagramFilled as r,IconBrandLinkedin as s,IconBrandLinkedinFilled as c,IconBrandPinterest as I,IconBrandPinterestFilled as u,IconBrandTiktok as B,IconBrandTiktokFilled as k,IconBrandWhatsapp as p,IconBrandWhatsappFilled as F,IconBrandX as b,IconBrandXFilled as m,IconBrandYoutube as f,IconBrandYoutubeFilled as x}from"@tabler/icons-react";const T="outline",L={instagram:{outline:l,solid:r},facebook:{outline:t,solid:d},tiktok:{outline:B,solid:k},youtube:{outline:f,solid:x},x:{outline:b,solid:m},linkedin:{outline:s,solid:c},pinterest:{outline:I,solid:u},whatsapp:{outline:p,solid:F}};function _({platform:n,iconStyle:o,size:i}){const e=L[n][o];return a(e,{size:i,stroke:1.75,"aria-hidden":"true",focusable:"false"})}export{T as DEFAULT_SOCIAL_ICON_STYLE,_ as SocialMark};