@salla.sa/twilight-theme-engine 1.0.130 → 1.0.132

package/dist/skeleton.js

@@ -1,30 +1,31 @@
 export { BlogSkeleton, BreadcrumbSkeleton, CartSkeleton, CustomerLayoutSkeleton, CustomerPageSkeleton, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, SkeletonPulse } from './chunk-N7CCSGZF.js';
-export { HomeSkeleton } from './chunk-RXWWNPCR.js';
-import './chunk-AN2PETFM.js';
-import './chunk-T55LMU5R.js';
-import './chunk-K3PQSDGA.js';
-import './chunk-5JN6P5L5.js';
+export { HomeSkeleton } from './chunk-6LMS7IYL.js';
+import './chunk-IXHM24Z4.js';
+import './chunk-EANN5L2E.js';
+import './chunk-DROQER6S.js';
+import './chunk-GY6G7S3N.js';
+import './chunk-2MUBQOS5.js';
 import './chunk-Y32RHCOH.js';
-import './chunk-CGDUSBLK.js';
-import './chunk-FHAHE46U.js';
-import './chunk-672DTSG4.js';
-import './chunk-HH7WFQLN.js';
-import './chunk-3CNXPHJE.js';
+import './chunk-EJV3NYBP.js';
+import './chunk-H2QBHOF2.js';
+import './chunk-EJIMEI36.js';
+import './chunk-BAS4BPSB.js';
+import './chunk-PCEKL6S3.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-SCM4P6QG.js';
+import './chunk-ZVZPCDEU.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-AXPZEXJN.js';
+import './chunk-5NN4OICC.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import './chunk-FID76MUV.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-WYWI77EA.js';
+import './chunk-GLDGDTVU.js';
 import './chunk-OUW6WESU.js';
 import './chunk-BK5TBUGG.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-GSI42HHP.js';
-import './chunk-ELARAFMR.js';
+import './chunk-YZDL2P6T.js';
+import './chunk-TTZKDTD5.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
@@ -35,16 +36,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-JGVEGQHJ.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-D423MW2M.js';
+import './chunk-E7YBFA3H.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-54FS47CL.js';
+import './chunk-D5SYOOE2.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-BSGHOYMT.js';
+import './chunk-F5NB3H5P.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-IUEYRDEI.js';
+import './chunk-PGXRNW3Y.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';

package/dist/{store-lookup-KSHMPOFT.js → store-lookup-R5KJS7Z3.js}

@@ -1,11 +1,11 @@
-import { category } from './chunk-5DVSAKNY.js';
-import { blog } from './chunk-QYHNS2KS.js';
-import { brand } from './chunk-EZP2KOEL.js';
-import { product } from './chunk-K3PQSDGA.js';
+import { category } from './chunk-5RUFKW7T.js';
+import { blog } from './chunk-NXJ4KAJQ.js';
+import { brand } from './chunk-YMXOKWNO.js';
+import { product } from './chunk-GY6G7S3N.js';
 import { DEV_LOOKUP_BUDGET_MS } from './chunk-OXMUPNMH.js';
-import './chunk-WYWI77EA.js';
+import './chunk-GLDGDTVU.js';
 import './chunk-OUW6WESU.js';
-import './chunk-BSGHOYMT.js';
+import './chunk-F5NB3H5P.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-2TLIULJZ.js';
 import './chunk-GYXUYHKO.js';
@@ -111,5 +111,5 @@ function lookupInStore(source, query) {
 }
 
 export { lookupInStore };
-//# sourceMappingURL=store-lookup-KSHMPOFT.js.map
-//# sourceMappingURL=store-lookup-KSHMPOFT.js.map
+//# sourceMappingURL=store-lookup-R5KJS7Z3.js.map
+//# sourceMappingURL=store-lookup-R5KJS7Z3.js.map

package/dist/{store-lookup-KSHMPOFT.js.map → store-lookup-R5KJS7Z3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-KSHMPOFT.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}
+{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-R5KJS7Z3.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}

package/dist/tanstack/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/tanstack/router.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAwC,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMpD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAgBhE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CA2C7D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEzD;AAoED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,KAG7B,SAAS,GAAG,kRAOrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,sCA4BlE;AAyBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAa1E;AAkND;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,KAAK,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,mBAAmB,uGA+HzE;AAED,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,QAAQ;QAChB,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;KACzC;IAED,UAAU,aAAc,SAAQ,oBAAoB;KAAG;CACxD"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/tanstack/router.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMpD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAgBhE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CA2C7D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEzD;AAoED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,KAG7B,SAAS,GAAG,kRAOrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,sCA4BlE;AAyBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAa1E;AAoKD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,KAAK,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,mBAAmB,uGA6HzE;AAED,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,QAAQ;QAChB,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;KACzC;IAED,UAAU,aAAc,SAAQ,oBAAoB;KAAG;CACxD"}

package/dist/tanstack.js

@@ -1,26 +1,26 @@
-export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-ITMXD75H.js';
-import { requestHostOf } from './chunk-EDCRELH3.js';
-export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-EDCRELH3.js';
+export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-RSKVPOMJ.js';
+import { requestHostOf } from './chunk-BL6DCALA.js';
+export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-BL6DCALA.js';
 import './chunk-Z4Y55HWX.js';
 export { tanstackHeadAdapter as head, withHead } from './chunk-EHTLXK5F.js';
 import { CRITICAL_STYLE_HREF } from './chunk-4FJGZQD3.js';
-import './chunk-AIPIJWOC.js';
-import { readNativeAppHeaders } from './chunk-YGCPRUT6.js';
-import './chunk-4FYLW5WS.js';
-import './chunk-K3PQSDGA.js';
-import { rootHead } from './chunk-3CNXPHJE.js';
+import './chunk-YQELP5ND.js';
+import { readNativeAppHeaders } from './chunk-5DOMRYLF.js';
+import './chunk-7E7CA72E.js';
+import './chunk-GY6G7S3N.js';
+import { rootHead } from './chunk-PCEKL6S3.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-AXPZEXJN.js';
+import './chunk-5NN4OICC.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import { maintenanceEvidence, MAINTENANCE_EVIDENCE_HEADER, maintenanceEvidenceHeader } from './chunk-FID76MUV.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-WYWI77EA.js';
+import './chunk-GLDGDTVU.js';
 import './chunk-OUW6WESU.js';
 import './chunk-JWXJPJBO.js';
 export { mergeDocumentDescriptors as mergeAttrs } from './chunk-CW625T2E.js';
-import './chunk-54FS47CL.js';
-import './chunk-BSGHOYMT.js';
+import './chunk-D5SYOOE2.js';
+import './chunk-F5NB3H5P.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-BYMOPN2S.js';

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 export { stripUnsafeHtml } from '../chunk-RUHSV4Z6.js';
 export { formatSallaPlural } from '../chunk-BT6HEEAP.js';
-export { dispatchRouteChanged } from '../chunk-AIPIJWOC.js';
+export { dispatchRouteChanged } from '../chunk-YQELP5ND.js';
 export { sortOptions } from '../chunk-3LZJXKVO.js';
 export { color } from '../chunk-VVZNW5CB.js';
 export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-5FJFN3IW.js';
@@ -8,7 +8,7 @@ export { mergeHead, resolveHead, setHeadAdapter } from '../chunk-GD26FI4J.js';
 export { buildBaseHead, buildHreflangAlternates, localeToOgLocale } from '../chunk-OM2GRPDH.js';
 export { asset, cdn, isPlaceholder } from '../chunk-ZCH7W7DZ.js';
 export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps } from '../chunk-CW625T2E.js';
-import '../chunk-BSGHOYMT.js';
+import '../chunk-F5NB3H5P.js';
 import '../chunk-Z5M4YYWT.js';
 export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-GYXUYHKO.js';
 export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-FHU2MXZA.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.130",
+  "version": "1.0.132",
   "publishConfig": {
     "access": "public"
   },

package/tailwind/components/live-editor/LiveEditorBar.tsx.txt

@@ -7,9 +7,10 @@ import {
   type ReactElement,
   type RefObject,
 } from 'react';
-import { createPortal } from 'react-dom';
+import { createPortal, flushSync } from 'react-dom';
 import { useTranslation } from '../../providers/I18nProvider';
 import { BLOCK_ATTRIBUTE, areaOf, postToEditor, targetOf, type BlockAction } from './frame';
+import { moveLiveBlock } from './moves';
 
 const ACCENT = '#5dd5c4';
 const LAYER = 2147483000;
@@ -17,6 +18,8 @@ const LAYER = 2147483000;
 const BUSY_TIMEOUT_MS = 10_000;
 /** How long a link's click waits for a second one, so a double-click edits instead of navigating. */
 const DOUBLE_CLICK_MS = 300;
+/** How long a moved block, and the one it trades places with, slide to their new places. */
+const MOVE_MS = 300;
 
 /** Defaults for the `blocks.live_editor.*` keys, in the store's language. */
 const DEFAULT_LABELS = {
@@ -169,6 +172,45 @@ function blockSiblings(el: HTMLElement): HTMLElement[] {
   );
 }
 
+/** Each block's slide while it runs, so a move made meanwhile starts from where the block is seen. */
+const slides = new WeakMap<Element, Animation>();
+
+/**
+ * Moves the block one place up or down on the page while the editor saves the
+ * order, sliding the blocks that change places from where they are seen. The
+ * slides it starts, or `null` when it can't move, and the editor shows the
+ * saved order by reloading the page.
+ */
+function moveInPlace(el: HTMLElement, action: 'moveup' | 'movedown'): Animation[] | null {
+  const siblings = blockSiblings(el);
+  const from = siblings.indexOf(el);
+  const to = action === 'moveup' ? from - 1 : from + 1;
+  if (from === -1 || to < 0 || to >= siblings.length) return null;
+
+  // Where each block is seen, mid-slide included; its slide then gives way to the new one.
+  const before = new Map(siblings.map((block) => [block, block.getBoundingClientRect().top]));
+  for (const block of siblings) slides.get(block)?.cancel();
+  let moved = false;
+  // Committed before measuring again, so the blocks start their slide from where they were.
+  flushSync(() => {
+    moved = moveLiveBlock(from, to);
+  });
+  if (!moved) return null;
+  if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches) return [];
+  const started: Animation[] = [];
+  for (const [block, top] of before) {
+    const shift = top - block.getBoundingClientRect().top;
+    if (!shift || typeof block.animate !== 'function') continue;
+    const slide = block.animate([{ transform: `translateY(${shift}px)` }, { transform: 'none' }], {
+      duration: MOVE_MS,
+      easing: 'ease-in-out',
+    });
+    slides.set(block, slide);
+    started.push(slide);
+  }
+  return started;
+}
+
 function connected(el: HTMLElement | null): HTMLElement | null {
   return el?.isConnected ? el : null;
 }
@@ -197,8 +239,14 @@ function boxOf(el: Element): Box {
   return { top, left, width: right - left, height: bottom - top };
 }
 
-function useLayoutTick(active: boolean): void {
+/**
+ * Re-renders the bar when the page scrolls or resizes, so it stays on its
+ * block. The returned `follow` re-renders it every frame until the given
+ * slides end: a move changes the page without resizing it.
+ */
+function useLayoutTick(active: boolean): (slides: readonly Animation[]) => void {
   const [, setTick] = useState(0);
+  const following = useRef(0);
   useEffect(() => {
     if (!active) return;
     let frame = 0;
@@ -217,6 +265,23 @@ function useLayoutTick(active: boolean): void {
       observer?.disconnect();
     };
   }, [active]);
+  // Stop following when the bar goes away.
+  useEffect(() => () => void (following.current += 1), []);
+
+  return useCallback((slides: readonly Animation[]) => {
+    const run = ++following.current;
+    let ended = false;
+    void Promise.allSettled(slides.map((slide) => slide.finished)).then(() => {
+      ended = true;
+      if (following.current === run) setTick((n) => n + 1);
+    });
+    const step = () => {
+      if (following.current !== run) return;
+      setTick((n) => n + 1);
+      if (!ended) requestAnimationFrame(step);
+    };
+    step();
+  }, []);
 }
 
 type LabelKey = keyof typeof DEFAULT_LABELS.en;
@@ -393,6 +458,9 @@ export function LiveEditorBar({
   const [host, setHost] = useState<HTMLElement | null>(null);
   const labels = useLabels();
   useHeldLinkClicks(barRef);
+  const target = connected(hovered);
+  const selected = connected(editing);
+  const follow = useLayoutTick(Boolean(target || selected));
 
   const act = useCallback(
     (el: HTMLElement, action: BlockAction) => {
@@ -404,12 +472,20 @@ export function LiveEditorBar({
       }
       const id = el.getAttribute(BLOCK_ATTRIBUTE);
       if (!id) return;
-      postToEditor(origin, `preview::${action}.component`, blockRefOf(el, id));
+      // Which copy it is, from where it is before it moves.
+      const ref = blockRefOf(el, id);
+      // `moved`: the page shows the new order, so the editor saves it without a reload. The dev editor's layout moves it.
+      const slid =
+        !dev && (action === 'moveup' || action === 'movedown') ? moveInPlace(el, action) : null;
+      const moved = slid !== null;
+      postToEditor(origin, `preview::${action}.component`, moved ? { ...ref, moved } : ref);
+      // The bar rides along with its block and knows its new place.
+      if (slid) follow(slid);
       if (action === 'edit') setEditing(el);
       else if (!dev && (action === 'hide' || action === 'duplicate' || action === 'delete'))
         setBusy(action);
     },
-    [origin, dev]
+    [origin, dev, follow]
   );
 
   useEffect(() => {
@@ -444,10 +520,6 @@ export function LiveEditorBar({
     return () => window.clearTimeout(timer);
   }, [busy]);
 
-  const target = connected(hovered);
-  const selected = connected(editing);
-  useLayoutTick(Boolean(target || selected));
-
   if (!host || (!target && !selected)) return null;
 
   const targetArea = target ? areaOf(target) : null;

package/tailwind/components/live-editor/frame.ts.txt

@@ -105,7 +105,7 @@ export function previewTheme(theme: Theme): Theme {
 export function postToEditor(
   origin: string,
   action: LiveEditorMessage | typeof FRAME_LOADED_ACTION,
-  data?: { id: string }
+  data?: { id: string; copy?: number; moved?: boolean }
 ): void {
   window.parent.postMessage({ action, data, is_salla: true }, origin);
 }

package/tailwind/components/live-editor/moves.ts.txt

@@ -0,0 +1,38 @@
+/**
+ * Moving a home block in the theme editor's preview without reloading it: the
+ * editor saves the new order, and the home page shows it right away, the way
+ * the twig themes' `live-themes-editor.js` moves a section on the page.
+ */
+
+import { useEffect } from 'react';
+
+type Mover = (from: number, to: number) => void;
+
+/** The home page on screen, if any; it alone knows the order its blocks render in. */
+let mover: Mover | null = null;
+
+/** Lets the bar move the page's blocks while the page is mounted. */
+export function useLiveBlockMoves(onMove: Mover): void {
+  useEffect(() => {
+    mover = onMove;
+    return () => {
+      if (mover === onMove) mover = null;
+    };
+  }, [onMove]);
+}
+
+/** Moves the block rendered at `from` to `to`; `false` when no home page is on screen. */
+export function moveLiveBlock(from: number, to: number): boolean {
+  if (!mover) return false;
+  mover(from, to);
+  return true;
+}
+
+/** `order` with the entry at `from` moved to `to`; as it is when either is out of range. */
+export function reorder(order: readonly number[], from: number, to: number): number[] {
+  const next = [...order];
+  if (from === to || from < 0 || to < 0 || from >= next.length || to >= next.length) return next;
+  const [moved] = next.splice(from, 1);
+  next.splice(to, 0, moved);
+  return next;
+}

package/tailwind/components/snippets/AppsSnippets.tsx.txt

@@ -3,7 +3,6 @@ import { useQuery } from '@tanstack/react-query';
 import { apps, type AppSnippetRow } from '../../api/apps';
 import { installAppScope } from '../../utils/app-scope';
 import { applyThemeHookSlots } from '../../utils/theme-hook-slots';
-import { setSnippetPageTargets } from '../../utils/snippet-page-compat';
 import { getTwilightContext } from '../../twilight/context';
 
 /** How long to wait on the SDK / settings before injecting anyway. */
@@ -181,9 +180,6 @@ export function AppsSnippets() {
     [data]
   );
 
-  // Pages these snippets check once on load: navigating to or from them reloads the document.
-  useEffect(() => setSnippetPageTargets(owned), [owned]);
-
   // Every CDN snippet → a real `<script>` tag in the SSR body (rendered below).
   const ssrCdnScripts = useMemo<SsrCdnScript[]>(
     () =>

package/tailwind/routes/home/HomePage.tsx.txt

@@ -1,8 +1,10 @@
-import { memo } from 'react';
+import { memo, useCallback, useState } from 'react';
 import { useDevHomeBlocks } from '../../dev/dev-settings-store';
 import { HookSlot } from '../../hooks';
 import { HomeComponentRenderer, ReorderProducts } from '../../components/home';
+import { reorder, useLiveBlockMoves } from '../../components/live-editor/moves';
 import type { HomePageProps } from './types';
+import type { HomeComponentData } from '../../types';
 import { Pulse } from '@salla.sa/twilight-components-react';
 
 export const HomeSkeleton = memo(function HomeSkeleton() {
@@ -31,20 +33,44 @@ export const HomeSkeleton = memo(function HomeSkeleton() {
   );
 });
 
+/** The blocks' places in the store's order: 0, 1, 2… */
+const storeOrder = (blocks: readonly unknown[]) => Array.from(blocks, (_, at) => at);
+
 export const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {
   // Dev-mode only: the dev editor's layout replaces the store's blocks while it
   // is on. No-op passthrough in production builds.
   const renderedComponents = useDevHomeBlocks(components);
+  // The theme editor's preview moves blocks in place while the editor saves the
+  // order; blocks from the server (a new page, a reload) start over from theirs.
+  const [moved, setMoved] = useState<{ source: HomeComponentData[]; order: number[] } | null>(null);
+  const order = moved?.source === renderedComponents ? moved.order : null;
+  const onMove = useCallback(
+    (from: number, to: number) =>
+      setMoved((prev) => ({
+        source: renderedComponents,
+        order: reorder(
+          prev?.source === renderedComponents ? prev.order : storeOrder(renderedComponents),
+          from,
+          to
+        ),
+      })),
+    [renderedComponents]
+  );
+  useLiveBlockMoves(onMove);
+  const placed = order ?? storeOrder(renderedComponents);
+
   return (
     <>
       <HookSlot name="home:start" />
       <HookSlot name="home:content" />
-      {renderedComponents.map((data, index) => (
+      {placed.map((at, index) => {
+        const data = renderedComponents[at];
         // `data.key` is the twilight.json catalog id, shared by every placement
-        // of that block. Platform blocks send null. Position is unique; a dev
-        // layout block keeps its own id so a reorder doesn't remount the rest.
-        <HomeComponentRenderer key={data.__dev_id ?? index} data={data} index={index} />
-      ))}
+        // of that block. Platform blocks send null. The block's place in the
+        // store's order is unique and stays with it when the preview moves it, so
+        // a move keeps its state; a dev layout block keeps its own id.
+        return <HomeComponentRenderer key={data.__dev_id ?? at} data={data} index={index} />;
+      })}
       <HookSlot name="home:end" />
       <ReorderProducts />
     </>

package/dist/LiveEditorBar-DOSRO35J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/live-editor/LiveEditorBar.tsx"],"names":[],"mappings":";;;;;;;;;AAaA,IAAM,MAAA,GAAS,SAAA;AACf,IAAM,KAAA,GAAQ,SAAA;AAEd,IAAM,eAAA,GAAkB,GAAA;AAExB,IAAM,eAAA,GAAkB,GAAA;AAGxB,IAAM,cAAA,GAAiB;AAAA,EACrB,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,gCAAA;AAAA,IACN,IAAA,EAAM,gCAAA;AAAA,IACN,MAAA,EAAQ,+DAAA;AAAA,IACR,QAAA,EAAU,+DAAA;AAAA,IACV,SAAA,EAAW,gCAAA;AAAA,IACX,GAAA,EAAK,yDAAA;AAAA,IACL,MAAA,EAAQ,oBAAA;AAAA,IACR,MAAA,EAAQ,yDAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,QAAA,EAAU,WAAA;AAAA,IACV,SAAA,EAAW,WAAA;AAAA,IACX,GAAA,EAAK,aAAA;AAAA,IACL,MAAA,EAAQ,QAAA;AAAA,IACR,MAAA,EAAQ,QAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAGA,IAAM,aAAA,GAA+B;AAAA,EACnC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,cAAc,aAAA,CAAc,MAAA,CAAO,CAAC,MAAA,KAAW,WAAW,MAAM,CAAA;AAGtE,IAAM,KAAA,GAA2C;AAAA,EAC/C,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,UAAA,EAAW,CAAA;AAAA,oBACnB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8CAAA,EAA+C;AAAA,GAAA,EACzD,CAAA;AAAA,EAEF,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,0EAAA,EAA2E,CAAA;AAAA,oBACnF,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sEAAA,EAAuE,CAAA;AAAA,oBAC/E,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gCAAA,EAAiC,CAAA;AAAA,oBACzC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,YAAA,EAAa;AAAA,GAAA,EACvB,CAAA;AAAA,EAEF,MAAA,kBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB,CAAA;AAAA,EACjC,QAAA,kBAAU,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe,CAAA;AAAA,EACjC,2BACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,EAAA,EAAG,GAAA,EAAI,CAAA;AAAA,oBAChD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sDAAA,EAAuD;AAAA,GAAA,EACjE,CAAA;AAAA,EAEF,GAAA,kBAAK,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kBAAA,EAAmB,CAAA;AAAA,EAChC,wBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,SAAA,EAAU,CAAA;AAAA,oBAClB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0CAAA,EAA2C,CAAA;AAAA,oBACnD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,wCAAA,EAAyC;AAAA,GAAA,EACnD;AAEJ,CAAA;AAEA,IAAM,OAAA,GAAyB;AAAA,EAC7B,QAAA,EAAU,OAAA;AAAA,EACV,MAAA,EAAQ,KAAA;AAAA,EACR,aAAA,EAAe,MAAA;AAAA,EACf,SAAA,EAAW,YAAA;AAAA,EACX,MAAA,EAAQ,aAAa,MAAM,CAAA;AAC7B,CAAA;AAEA,IAAM,IAAA,GAAsB;AAAA,EAC1B,QAAA,EAAU,UAAA;AAAA,EACV,GAAA,EAAK,CAAA;AAAA,EACL,gBAAA,EAAkB,CAAA;AAAA,EAClB,OAAA,EAAS,UAAA;AAAA,EACT,UAAA,EAAY,MAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,IAAA,EAAM,oCAAA;AAAA,EACN,UAAA,EAAY;AACd,CAAA;AAEA,IAAM,GAAA,GAAqB;AAAA,EACzB,QAAA,EAAU,OAAA;AAAA,EACV,QAAQ,KAAA,GAAQ,CAAA;AAAA,EAChB,OAAA,EAAS,MAAA;AAAA,EACT,GAAA,EAAK,CAAA;AAAA,EACL,OAAA,EAAS,CAAA;AAAA,EACT,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,CAAA;AAAA,EACd,SAAA,EAAW,mCAAA;AAAA,EACX,SAAA,EAAW;AACb,CAAA;AAEA,SAAS,WAAA,CAAY,QAA8B,QAAA,EAAkC;AACnF,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,GAAA,EAAK,CAAA;AAAA,IACL,QAAA,EAAU,EAAA;AAAA,IACV,MAAA,EAAQ,EAAA;AAAA,IACR,OAAA,EAAS,OAAA;AAAA,IACT,MAAA,EAAQ,CAAA;AAAA,IACR,YAAA,EAAc,CAAA;AAAA,IACd,UAAA,EAAY,aAAA;AAAA,IACZ,OAAO,MAAA,KAAW,QAAA,GAAW,SAAA,GAAY,MAAA,KAAW,SAAS,SAAA,GAAY,SAAA;AAAA,IACzE,IAAA,EAAM,kCAAA;AAAA,IACN,MAAA,EAAQ,WAAW,SAAA,GAAY,SAAA;AAAA,IAC/B,OAAA,EAAS,WAAW,IAAA,GAAO;AAAA,GAC7B;AACF;AAEA,SAAS,IAAA,CAAK,EAAE,QAAA,EAAS,EAA+B;AACtD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,IAAA;AAAA,MACN,MAAA,EAAO,IAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MACf,aAAA,EAAY,MAAA;AAAA,MAEX;AAAA;AAAA,GACH;AAEJ;AAGA,SAAS,cAAc,EAAA,EAAgC;AACrD,EAAA,MAAM,SAAS,EAAA,CAAG,aAAA;AAClB,EAAA,IAAI,CAAC,MAAA,EAAQ,OAAO,CAAC,EAAE,CAAA;AACvB,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,QAAQ,CAAA,CAAE,MAAA;AAAA,IACjC,CAAC,KAAA,KACC,KAAA,YAAiB,WAAA,IAAe,KAAA,CAAM,aAAa,eAAe;AAAA,GACtE;AACF;AAEA,SAAS,UAAU,EAAA,EAA4C;AAC7D,EAAA,OAAO,EAAA,EAAI,cAAc,EAAA,GAAK,IAAA;AAChC;AAcA,SAAS,MAAM,EAAA,EAAkB;AAC/B,EAAA,MAAM,IAAA,GAAO,GAAG,qBAAA,EAAsB;AACtC,EAAA,IAAI,IAAA,CAAK,KAAA,IAAS,IAAA,CAAK,MAAA,EAAQ,OAAO,IAAA;AACtC,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,EAAA,CAAG,QAAA,EAAU,KAAK,CAAA,CAAE,MAAA,CAAO,CAAC,GAAA,KAAQ,GAAA,CAAI,KAAA,IAAS,IAAI,MAAM,CAAA;AACpF,EAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAC1B,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,CAAM,IAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,GAAG,CAAC,CAAA;AACnD,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,CAAM,IAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,IAAI,CAAC,CAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,CAAM,GAAA,CAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,IAAA,GAAO,GAAA,CAAI,KAAK,CAAC,CAAA;AAClE,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,CAAM,GAAA,CAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,GAAA,GAAM,GAAA,CAAI,MAAM,CAAC,CAAA;AACnE,EAAA,OAAO,EAAE,KAAK,IAAA,EAAM,KAAA,EAAO,QAAQ,IAAA,EAAM,MAAA,EAAQ,SAAS,GAAA,EAAI;AAChE;AAEA,SAAS,cAAc,MAAA,EAAuB;AAC5C,EAAA,MAAM,GAAG,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAC9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,KAAA,GAAQ,sBAAsB,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAC,CAAA;AAAA,IAC3D,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,QAAA,EAAU,EAAE,SAAS,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAC5E,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAC1C,IAAA,MAAM,WAAW,OAAO,cAAA,KAAmB,cAAc,IAAI,cAAA,CAAe,QAAQ,CAAA,GAAI,IAAA;AACxF,IAAA,QAAA,EAAU,OAAA,CAAQ,SAAS,IAAI,CAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,MAAA,CAAO,oBAAoB,QAAA,EAAU,QAAA,EAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAChE,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC7C,MAAA,QAAA,EAAU,UAAA,EAAW;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACb;AAKA,SAAS,SAAA,GAAoB;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAG,IAAA,EAAK,GAAI,cAAA,EAAe;AACnC,EAAA,MAAM,QAAA,GAAW,MAAM,QAAA,EAAU,UAAA,CAAW,IAAI,CAAA,GAAI,cAAA,CAAe,KAAK,cAAA,CAAe,EAAA;AACvF,EAAA,OAAO,MAAA,CAAO,WAAA;AAAA,IACX,OAAO,IAAA,CAAK,QAAQ,CAAA,CAAiB,GAAA,CAAI,CAAC,GAAA,KAAQ;AAAA,MACjD,GAAA;AAAA,MACA,CAAA,CAAE,sBAAsB,GAAG,CAAA,CAAA,EAAI,EAAE,YAAA,EAAc,QAAA,CAAS,GAAG,CAAA,EAAG;AAAA,KAC/D;AAAA,GACH;AACF;AAQA,SAAS,kBAAkB,MAAA,EAAgD;AACzE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,GAA0D,IAAA;AAC9D,IAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAsB;AACrC,MAAA,IAAI,SAAA,IAAa,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AACrC,MAAA,IAAI,MAAM,OAAA,IAAW,KAAA,CAAM,WAAW,KAAA,CAAM,QAAA,IAAY,MAAM,MAAA,EAAQ;AACtE,MAAA,IAAI,MAAA,CAAO,OAAA,EAAS,QAAA,CAAS,KAAA,CAAM,MAAc,CAAA,EAAG;AACpD,MAAA,MAAM,IAAA,GAAO,MAAM,MAAA,YAAkB,OAAA,GAAU,MAAM,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,GAAI,IAAA;AACjF,MAAA,IAAI,EAAE,IAAA,YAAgB,iBAAA,CAAA,IAAsB,CAAC,QAAA,CAAS,IAAI,CAAA,EAAG;AAG7D,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,MAAM,QAAA,GAAW,IAAA;AACjB,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAA,CAAO,YAAA,CAAa,SAAS,KAAK,CAAA;AAClC,QAAA,IAAA,GAAO,IAAA;AACP,QAAA,IAAI,QAAA,CAAS,SAAS,IAAA,EAAM;AAAA,MAC9B;AACA,MAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,UAAA,CAAW,MAAM;AACpC,QAAA,IAAA,GAAO,IAAA;AACP,QAAA,SAAA,GAAY,IAAA;AACZ,QAAA,IAAA,CAAK,KAAA,EAAM;AACX,QAAA,SAAA,GAAY,KAAA;AAAA,MACd,GAAG,eAAe,CAAA;AAClB,MAAA,IAAA,GAAO,EAAE,MAAM,KAAA,EAAM;AAAA,IACvB,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,OAAA,EAAS,OAAA,EAAS,IAAI,CAAA;AAChD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,OAAA,EAAS,OAAA,EAAS,IAAI,CAAA;AACnD,MAAA,IAAI,IAAA,EAAM,MAAA,CAAO,YAAA,CAAa,IAAA,CAAK,KAAK,CAAA;AAAA,IAC1C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACb;AAEA,SAAS,OAAA,CAAQ,EAAE,EAAA,EAAI,KAAA,EAAM,EAAwC;AACnE,EAAA,MAAM,IAAA,GAAO,MAAM,EAAE,CAAA;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,qBAAA;AAAA,MACZ,KAAA,EAAO,EAAE,GAAG,OAAA,EAAS,KAAK,IAAA,CAAK,GAAA,EAAK,IAAA,EAAM,IAAA,CAAK,MAAM,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAA,EAAQ,KAAK,MAAA,EAAO;AAAA,MAE3F,QAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,MAAO,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA,GACtC;AAEJ;AAYA,SAAS,OAAA,CAAQ,EAAE,MAAA,EAAQ,MAAA,EAAQ,MAAM,MAAA,EAAQ,OAAA,EAAS,OAAM,EAAiB;AAC/E,EAAA,MAAM,IAAA,GAAO,MAAM,MAAM,CAAA;AACzB,EAAA,MAAM,KAAA,GAAuB;AAAA,IAC3B,GAAG,GAAA;AAAA,IACH,KAAK,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,GAAM,GAAG,CAAC,CAAA;AAAA,IAC7B,IAAA,EAAM,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ;AAAA,GACjC;AAEA,EAAA,IAAI,MAAA,CAAO,MAAM,CAAA,EAAG;AAClB,IAAA,2BACG,KAAA,EAAA,EAAI,GAAA,EAAK,MAAA,EAAQ,aAAA,EAAY,mBAAkB,KAAA,EAC9C,QAAA,kBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,aAAA,EAAY,kBAAA;AAAA,QACZ,KAAA,EAAO,WAAA,CAAY,MAAA,EAAQ,KAAK,CAAA;AAAA,QAChC,OAAA,EAAS,MAAM,KAAA,CAAM,MAAA,EAAQ,MAAM,CAAA;AAAA,QAEnC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAM,gBAAM,IAAA,EAAK,CAAA;AAAA,UACjB,MAAA,CAAO;AAAA;AAAA;AAAA,KACV,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,QAAA,GAAW,cAAc,MAAM,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,MAAM,CAAA;AACrC,EAAA,MAAM,UAAA,GAAa,CAAC,MAAA,KAClB,IAAA,KAAS,IAAA,IACR,MAAA,KAAW,QAAA,IAAY,KAAA,IAAS,CAAA,IAChC,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,SAAS,MAAA,GAAS,CAAA;AAEvD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,MAAA;AAAA,MACL,aAAA,EAAY,iBAAA;AAAA,MACZ,IAAA,EAAK,SAAA;AAAA,MACL,cAAY,MAAA,CAAO,IAAA;AAAA,MACnB,KAAA;AAAA,MAEC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACZ,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,aAAA,EAAa,eAAe,MAAM,CAAA,CAAA;AAAA,UAClC,KAAA,EAAO,OAAO,MAAM,CAAA;AAAA,UACpB,YAAA,EAAY,OAAO,MAAM,CAAA;AAAA,UACzB,WAAA,EAAW,SAAS,MAAA,IAAU,MAAA;AAAA,UAC9B,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,UAC3B,KAAA,EAAO,WAAA,CAAY,MAAA,EAAQ,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,UAC7C,OAAA,EAAS,MAAM,KAAA,CAAM,MAAA,EAAQ,MAAM,CAAA;AAAA,UAEnC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,KAAA,CAAM,MAAM,CAAA,EAAE;AAAA,SAAA;AAAA,QAVhB;AAAA,OAYR;AAAA;AAAA,GACH;AAEJ;AAMA,SAAS,UAAA,CAAW,IAAiB,EAAA,EAA2C;AAC9E,EAAA,IAAI,QAAQ,IAAA,CAAK,EAAE,CAAA,EAAG,OAAO,EAAE,EAAA,EAAG;AAClC,EAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,QAAA,CAAS,iBAAiB,CAAA,CAAA,EAAI,eAAe,CAAA,CAAA,CAAG,CAAC,CAAA,CAAE,MAAA;AAAA,IAC3E,CAAC,KAAA,KAAU,KAAA,CAAM,YAAA,CAAa,eAAe,CAAA,KAAM;AAAA,GACrD;AACA,EAAA,OAAO,EAAE,EAAA,EAAI,IAAA,EAAM,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAA,EAAE;AACxC;AAWO,SAAS,aAAA,CAAc;AAAA,EAC5B,MAAA;AAAA,EACA,GAAA,GAAM;AACR,CAAA,EAGwB;AACtB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA6B,IAAI,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA6B,IAAI,CAAA;AAC/D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,MAAA,GAAS,OAAuB,IAAI,CAAA;AAE1C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,IAAI,CAAA;AACzD,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,iBAAA,CAAkB,MAAM,CAAA;AAExB,EAAA,MAAM,GAAA,GAAM,WAAA;AAAA,IACV,CAAC,IAAiB,MAAA,KAAwB;AACxC,MAAA,MAAM,IAAA,GAAO,OAAO,EAAE,CAAA;AACtB,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,YAAA,CAAa,MAAA,EAAQ,iBAAiB,IAAI,CAAA,CAAA,EAAI,EAAE,EAAA,EAAI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,CAAA;AACrE,QAAA,UAAA,CAAW,EAAE,CAAA;AACb,QAAA;AAAA,MACF;AACA,MAAA,MAAM,EAAA,GAAK,EAAA,CAAG,YAAA,CAAa,eAAe,CAAA;AAC1C,MAAA,IAAI,CAAC,EAAA,EAAI;AACT,MAAA,YAAA,CAAa,QAAQ,CAAA,SAAA,EAAY,MAAM,cAAc,UAAA,CAAW,EAAA,EAAI,EAAE,CAAC,CAAA;AACvE,MAAA,IAAI,MAAA,KAAW,MAAA,EAAQ,UAAA,CAAW,EAAE,CAAA;AAAA,WAAA,IAC3B,CAAC,GAAA,KAAQ,MAAA,KAAW,MAAA,IAAU,MAAA,KAAW,eAAe,MAAA,KAAW,QAAA,CAAA;AAC1E,QAAA,OAAA,CAAQ,MAAM,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,CAAC,QAAQ,GAAG;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAA,GAAS,CAAC,KAAA,KAAsB;AAEpC,MAAA,IAAI,MAAA,CAAO,OAAA,EAAS,QAAA,CAAS,KAAA,CAAM,MAAc,CAAA,EAAG;AACpD,MAAA,UAAA,CAAW,QAAA,CAAS,KAAA,CAAM,MAAM,CAAC,CAAA;AAAA,IACnC,CAAA;AACA,IAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAsB;AACnC,MAAA,IAAI,CAAC,KAAA,CAAM,aAAA,EAAe,UAAA,CAAW,IAAI,CAAA;AAAA,IAC3C,CAAA;AACA,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAsB;AAC3C,MAAA,IAAI,MAAA,CAAO,OAAA,EAAS,QAAA,CAAS,KAAA,CAAM,MAAc,CAAA,EAAG;AACpD,MAAA,MAAM,EAAA,GAAK,QAAA,CAAS,KAAA,CAAM,MAAM,CAAA;AAChC,MAAA,IAAI,EAAA,EAAI,GAAA,CAAI,EAAA,EAAI,MAAM,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,MAAM,CAAA;AAC7C,IAAA,QAAA,CAAS,gBAAA,CAAiB,YAAY,KAAK,CAAA;AAC3C,IAAA,QAAA,CAAS,gBAAA,CAAiB,YAAY,aAAa,CAAA;AACnD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,MAAM,CAAA;AAChD,MAAA,QAAA,CAAS,mBAAA,CAAoB,YAAY,KAAK,CAAA;AAC9C,MAAA,QAAA,CAAS,mBAAA,CAAoB,YAAY,aAAa,CAAA;AAAA,IACxD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,QAAA,CAAS,IAAI,CAAA,EAAG,EAAE,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,QAAQ,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,eAAe,CAAA;AACpE,IAAA,OAAO,MAAM,MAAA,CAAO,YAAA,CAAa,KAAK,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,MAAA,GAAS,UAAU,OAAO,CAAA;AAChC,EAAA,MAAM,QAAA,GAAW,UAAU,OAAO,CAAA;AAClC,EAAA,aAAA,CAAc,OAAA,CAAQ,MAAA,IAAU,QAAQ,CAAC,CAAA;AAEzC,EAAA,IAAI,CAAC,IAAA,IAAS,CAAC,MAAA,IAAU,CAAC,UAAW,OAAO,IAAA;AAE5C,EAAA,MAAM,UAAA,GAAa,MAAA,GAAS,MAAA,CAAO,MAAM,CAAA,GAAI,IAAA;AAE7C,EAAA,OAAO,YAAA;AAAA,oBACL,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,QAAA,IAAY,QAAA,KAAa,MAAA,oBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAI,QAAA,EAAU,CAAA;AAAA,MAC1D,MAAA,oBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,EAAA,EAAI,MAAA,EAAQ,OAAO,UAAA,GAAa,MAAA,CAAO,UAAU,CAAA,GAAI,MAAA,EAAW,CAAA;AAAA,MACnF,MAAA,oBACC,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,MAAA;AAAA,UACA,IAAA;AAAA,UACA,MAAA;AAAA,UACA,OAAA,EAAS,MAAM,WAAA,GAAc,aAAA;AAAA,UAC7B,KAAA,EAAO;AAAA;AAAA;AACT,KAAA,EAEJ,CAAA;AAAA,IACA;AAAA,GACF;AACF","file":"LiveEditorBar-DOSRO35J.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { BLOCK_ATTRIBUTE, areaOf, postToEditor, targetOf, type BlockAction } from './frame';\n\nconst ACCENT = '#5dd5c4';\nconst LAYER = 2147483000;\n/** The editor reloads the preview after hide, duplicate and delete; stop waiting if it doesn't. */\nconst BUSY_TIMEOUT_MS = 10_000;\n/** How long a link's click waits for a second one, so a double-click edits instead of navigating. */\nconst DOUBLE_CLICK_MS = 300;\n\n/** Defaults for the `blocks.live_editor.*` keys, in the store's language. */\nconst DEFAULT_LABELS = {\n  ar: {\n    edit: 'تعديل',\n    hide: 'إخفاء',\n    moveup: 'تحريك لأعلى',\n    movedown: 'تحريك لأسفل',\n    duplicate: 'تكرار',\n    add: 'إضافة عنصر',\n    delete: 'حذف',\n    header: 'رأس الصفحة',\n    footer: 'ذيل الصفحة',\n  },\n  en: {\n    edit: 'Edit',\n    hide: 'Hide',\n    moveup: 'Move up',\n    movedown: 'Move down',\n    duplicate: 'Duplicate',\n    add: 'Add element',\n    delete: 'Delete',\n    header: 'Header',\n    footer: 'Footer',\n  },\n} as const;\n\n/** Twig's order, read from the start of the line: edit first, delete last. */\nconst BLOCK_ACTIONS: BlockAction[] = [\n  'edit',\n  'hide',\n  'moveup',\n  'movedown',\n  'duplicate',\n  'add',\n  'delete',\n];\n\nconst DEV_ACTIONS = BLOCK_ACTIONS.filter((action) => action !== 'hide');\n\n/** Lucide-style 24px stroke icons. */\nconst ICONS: Record<BlockAction, ReactElement> = {\n  edit: (\n    <>\n      <path d=\"M12 20h9\" />\n      <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n    </>\n  ),\n  hide: (\n    <>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a13.16 13.16 0 0 1-1.67 2.68\" />\n      <path d=\"M6.61 6.61A13.53 13.53 0 0 0 2 12s3 8 10 8a9.74 9.74 0 0 0 5.39-1.61\" />\n      <path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\" />\n      <path d=\"m2 2 20 20\" />\n    </>\n  ),\n  moveup: <path d=\"m18 15-6-6-6 6\" />,\n  movedown: <path d=\"m6 9 6 6 6-6\" />,\n  duplicate: (\n    <>\n      <rect x=\"8\" y=\"8\" width=\"14\" height=\"14\" rx=\"2\" />\n      <path d=\"M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2\" />\n    </>\n  ),\n  add: <path d=\"M12 5v14M5 12h14\" />,\n  delete: (\n    <>\n      <path d=\"M3 6h18\" />\n      <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n      <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    </>\n  ),\n};\n\nconst OUTLINE: CSSProperties = {\n  position: 'fixed',\n  zIndex: LAYER,\n  pointerEvents: 'none',\n  boxSizing: 'border-box',\n  border: `2px solid ${ACCENT}`,\n};\n\nconst CHIP: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  insetInlineStart: 0,\n  padding: '4px 12px',\n  background: ACCENT,\n  color: '#0f172a',\n  font: '500 14px/1.4 system-ui, sans-serif',\n  whiteSpace: 'nowrap',\n};\n\nconst BAR: CSSProperties = {\n  position: 'fixed',\n  zIndex: LAYER + 1,\n  display: 'flex',\n  gap: 4,\n  padding: 6,\n  background: '#fff',\n  borderRadius: 8,\n  boxShadow: '0 4px 16px rgba(15, 23, 42, 0.18)',\n  transform: 'translateX(-50%)',\n};\n\nfunction buttonStyle(action: BlockAction | 'area', disabled: boolean): CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 6,\n    minWidth: 36,\n    height: 36,\n    padding: '0 8px',\n    border: 0,\n    borderRadius: 6,\n    background: 'transparent',\n    color: action === 'delete' ? '#e11d48' : action === 'edit' ? '#0d9488' : '#475569',\n    font: '500 14px/1 system-ui, sans-serif',\n    cursor: disabled ? 'default' : 'pointer',\n    opacity: disabled ? 0.35 : 1,\n  };\n}\n\nfunction Icon({ children }: { children: ReactElement }) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </svg>\n  );\n}\n\n/** The blocks `el` can trade places with: its siblings in the same list. */\nfunction blockSiblings(el: HTMLElement): HTMLElement[] {\n  const parent = el.parentElement;\n  if (!parent) return [el];\n  return Array.from(parent.children).filter(\n    (child): child is HTMLElement =>\n      child instanceof HTMLElement && child.hasAttribute(BLOCK_ATTRIBUTE)\n  );\n}\n\nfunction connected(el: HTMLElement | null): HTMLElement | null {\n  return el?.isConnected ? el : null;\n}\n\n/** Re-renders on scroll, resize and layout shifts, so the overlay follows what it outlines. */\ninterface Box {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Where `el` is on screen. One with no box of its own (`display: contents`, as\n * Raed's header) measures 0×0 at the corner, so it's measured by its children.\n */\nfunction boxOf(el: Element): Box {\n  const rect = el.getBoundingClientRect();\n  if (rect.width || rect.height) return rect;\n  const boxes = Array.from(el.children, boxOf).filter((box) => box.width || box.height);\n  if (!boxes.length) return rect;\n  const top = Math.min(...boxes.map((box) => box.top));\n  const left = Math.min(...boxes.map((box) => box.left));\n  const right = Math.max(...boxes.map((box) => box.left + box.width));\n  const bottom = Math.max(...boxes.map((box) => box.top + box.height));\n  return { top, left, width: right - left, height: bottom - top };\n}\n\nfunction useLayoutTick(active: boolean): void {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!active) return;\n    let frame = 0;\n    const schedule = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setTick((n) => n + 1));\n    };\n    window.addEventListener('scroll', schedule, { capture: true, passive: true });\n    window.addEventListener('resize', schedule);\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(schedule) : null;\n    observer?.observe(document.body);\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('scroll', schedule, { capture: true });\n      window.removeEventListener('resize', schedule);\n      observer?.disconnect();\n    };\n  }, [active]);\n}\n\ntype LabelKey = keyof typeof DEFAULT_LABELS.en;\ntype Labels = Record<LabelKey, string>;\n\nfunction useLabels(): Labels {\n  const { t, i18n } = useTranslation();\n  const defaults = i18n?.language?.startsWith('ar') ? DEFAULT_LABELS.ar : DEFAULT_LABELS.en;\n  return Object.fromEntries(\n    (Object.keys(defaults) as LabelKey[]).map((key) => [\n      key,\n      t(`blocks.live_editor.${key}`, { defaultValue: defaults[key] }),\n    ])\n  ) as Labels;\n}\n\n/**\n * Holds a link's click inside a block, the header or the footer for\n * {@link DOUBLE_CLICK_MS}: a second click on the same link makes it a\n * double-click, which edits the area, and the link never navigates; otherwise\n * the click is replayed. A click on another link drops the first one.\n */\nfunction useHeldLinkClicks(barRef: RefObject<HTMLDivElement | null>): void {\n  useEffect(() => {\n    let held: { link: HTMLAnchorElement; timer: number } | null = null;\n    let replaying = false;\n\n    const onClick = (event: MouseEvent) => {\n      if (replaying || event.button !== 0) return;\n      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n      if (barRef.current?.contains(event.target as Node)) return;\n      const link = event.target instanceof Element ? event.target.closest('a[href]') : null;\n      if (!(link instanceof HTMLAnchorElement) || !targetOf(link)) return;\n\n      // Before the router's own handler, which sits below the document.\n      event.preventDefault();\n      event.stopPropagation();\n      const previous = held;\n      if (previous) {\n        window.clearTimeout(previous.timer);\n        held = null;\n        if (previous.link === link) return;\n      }\n      const timer = window.setTimeout(() => {\n        held = null;\n        replaying = true;\n        link.click();\n        replaying = false;\n      }, DOUBLE_CLICK_MS);\n      held = { link, timer };\n    };\n\n    document.addEventListener('click', onClick, true);\n    return () => {\n      document.removeEventListener('click', onClick, true);\n      if (held) window.clearTimeout(held.timer);\n    };\n  }, [barRef]);\n}\n\nfunction Outline({ el, label }: { el: HTMLElement; label?: string }) {\n  const rect = boxOf(el);\n  return (\n    <div\n      data-testid=\"live-editor-outline\"\n      style={{ ...OUTLINE, top: rect.top, left: rect.left, width: rect.width, height: rect.height }}\n    >\n      {label && <span style={CHIP}>{label}</span>}\n    </div>\n  );\n}\n\ninterface ToolbarProps {\n  target: HTMLElement;\n  labels: Labels;\n  busy: BlockAction | null;\n  barRef: RefObject<HTMLDivElement | null>;\n  actions: BlockAction[];\n  onAct: (el: HTMLElement, action: BlockAction) => void;\n}\n\n/** One edit button for the header or footer; the full set for a block. */\nfunction Toolbar({ target, labels, busy, barRef, actions, onAct }: ToolbarProps) {\n  const rect = boxOf(target);\n  const style: CSSProperties = {\n    ...BAR,\n    top: Math.max(rect.top + 8, 8),\n    left: rect.left + rect.width / 2,\n  };\n\n  if (areaOf(target)) {\n    return (\n      <div ref={barRef} data-testid=\"live-editor-bar\" style={style}>\n        <button\n          type=\"button\"\n          data-testid=\"live-editor-edit\"\n          style={buttonStyle('area', false)}\n          onClick={() => onAct(target, 'edit')}\n        >\n          <Icon>{ICONS.edit}</Icon>\n          {labels.edit}\n        </button>\n      </div>\n    );\n  }\n\n  const siblings = blockSiblings(target);\n  const index = siblings.indexOf(target);\n  const isDisabled = (action: BlockAction) =>\n    busy !== null ||\n    (action === 'moveup' && index <= 0) ||\n    (action === 'movedown' && index >= siblings.length - 1);\n\n  return (\n    <div\n      ref={barRef}\n      data-testid=\"live-editor-bar\"\n      role=\"toolbar\"\n      aria-label={labels.edit}\n      style={style}\n    >\n      {actions.map((action) => (\n        <button\n          key={action}\n          type=\"button\"\n          data-testid={`live-editor-${action}`}\n          title={labels[action]}\n          aria-label={labels[action]}\n          aria-busy={busy === action || undefined}\n          disabled={isDisabled(action)}\n          style={buttonStyle(action, isDisabled(action))}\n          onClick={() => onAct(target, action)}\n        >\n          <Icon>{ICONS[action]}</Icon>\n        </button>\n      ))}\n    </div>\n  );\n}\n\n/**\n * The block an action names. A uuid is shared by every copy of one component,\n * so it comes with which copy, in page order; a row id is unique on its own.\n */\nfunction blockRefOf(el: HTMLElement, id: string): { id: string; copy?: number } {\n  if (/^\\d+$/.test(id)) return { id };\n  const copies = Array.from(document.querySelectorAll(`[${BLOCK_ATTRIBUTE}]`)).filter(\n    (block) => block.getAttribute(BLOCK_ATTRIBUTE) === id\n  );\n  return { id, copy: copies.indexOf(el) };\n}\n\n/**\n * The live editor's action bar: hovering a home block outlines it and shows\n * edit, hide, move, duplicate, add and delete; hovering the header or footer\n * shows an edit button. Double-clicking either edits it. Each action is a\n * message to the editor, which saves the change and reloads the preview.\n *\n * In the engine's dev editor (`dev`) edits reach the page live, so nothing\n * waits for a reload, and there is no hide: its layout has no hidden blocks.\n */\nexport function LiveEditorBar({\n  origin,\n  dev = false,\n}: {\n  origin: string;\n  dev?: boolean;\n}): ReactElement | null {\n  const [hovered, setHovered] = useState<HTMLElement | null>(null);\n  const [editing, setEditing] = useState<HTMLElement | null>(null);\n  const [busy, setBusy] = useState<BlockAction | null>(null);\n  const barRef = useRef<HTMLDivElement>(null);\n  // Taken after mount, so nothing reads the DOM while rendering.\n  const [host, setHost] = useState<HTMLElement | null>(null);\n  const labels = useLabels();\n  useHeldLinkClicks(barRef);\n\n  const act = useCallback(\n    (el: HTMLElement, action: BlockAction) => {\n      const area = areaOf(el);\n      if (area) {\n        postToEditor(origin, `preview::edit.${area}`, { id: `store-${area}` });\n        setEditing(el);\n        return;\n      }\n      const id = el.getAttribute(BLOCK_ATTRIBUTE);\n      if (!id) return;\n      postToEditor(origin, `preview::${action}.component`, blockRefOf(el, id));\n      if (action === 'edit') setEditing(el);\n      else if (!dev && (action === 'hide' || action === 'duplicate' || action === 'delete'))\n        setBusy(action);\n    },\n    [origin, dev]\n  );\n\n  useEffect(() => {\n    const onOver = (event: MouseEvent) => {\n      // The bar sits over the block it acts on: reaching it keeps that block.\n      if (barRef.current?.contains(event.target as Node)) return;\n      setHovered(targetOf(event.target));\n    };\n    const onOut = (event: MouseEvent) => {\n      if (!event.relatedTarget) setHovered(null);\n    };\n    const onDoubleClick = (event: MouseEvent) => {\n      if (barRef.current?.contains(event.target as Node)) return;\n      const el = targetOf(event.target);\n      if (el) act(el, 'edit');\n    };\n    document.addEventListener('mouseover', onOver);\n    document.addEventListener('mouseout', onOut);\n    document.addEventListener('dblclick', onDoubleClick);\n    return () => {\n      document.removeEventListener('mouseover', onOver);\n      document.removeEventListener('mouseout', onOut);\n      document.removeEventListener('dblclick', onDoubleClick);\n    };\n  }, [act]);\n\n  useEffect(() => setHost(document.body), []);\n\n  useEffect(() => {\n    if (!busy) return;\n    const timer = window.setTimeout(() => setBusy(null), BUSY_TIMEOUT_MS);\n    return () => window.clearTimeout(timer);\n  }, [busy]);\n\n  const target = connected(hovered);\n  const selected = connected(editing);\n  useLayoutTick(Boolean(target || selected));\n\n  if (!host || (!target && !selected)) return null;\n\n  const targetArea = target ? areaOf(target) : null;\n\n  return createPortal(\n    <>\n      {selected && selected !== target && <Outline el={selected} />}\n      {target && <Outline el={target} label={targetArea ? labels[targetArea] : undefined} />}\n      {target && (\n        <Toolbar\n          target={target}\n          labels={labels}\n          busy={busy}\n          barRef={barRef}\n          actions={dev ? DEV_ACTIONS : BLOCK_ACTIONS}\n          onAct={act}\n        />\n      )}\n    </>,\n    host\n  );\n}\n"]}

package/dist/chunk-2A2NODLC.js

@@ -1,14 +0,0 @@
-import { lazy } from 'react';
-
-// src/components/cart/lazy.ts
-var LazyCartItem = lazy(() => import('./CartItem-B7AYUFGZ.js').then((m) => ({ default: m.CartItem })));
-var LazyCartSummary = lazy(
-  () => import('./CartSummary-LSFD7QUY.js').then((m) => ({ default: m.CartSummary }))
-);
-var LazySeoCartWidget = lazy(
-  () => import('./SeoCartWidget-7SUVC6MT.js').then((m) => ({ default: m.SeoCartWidget }))
-);
-
-export { LazyCartItem, LazyCartSummary, LazySeoCartWidget };
-//# sourceMappingURL=chunk-2A2NODLC.js.map
-//# sourceMappingURL=chunk-2A2NODLC.js.map