@salla.sa/twilight-theme-engine 1.0.105 → 1.0.107

package/dist/{BlogSinglePage-543VMKSI.js → BlogSinglePage-TRYJUPCB.js}

@@ -1,39 +1,39 @@
-import { useDate } from './chunk-P7N3TZFE.js';
-import './chunk-D6IJYZ7U.js';
-import './chunk-PXM3FBPO.js';
-import './chunk-D2VMJV3L.js';
-import './chunk-S6SP272Z.js';
-import './chunk-LPAWMUJR.js';
+import { useDate } from './chunk-6YI5J5ZN.js';
+import './chunk-SZ65XCSZ.js';
+import './chunk-ZI5XWXWG.js';
+import './chunk-W354TTIE.js';
+import './chunk-EHX45KZG.js';
+import './chunk-BR56OEPZ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-TWD4ECS3.js';
+import './chunk-UZGP2KFA.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-FQHNVD3H.js';
+import './chunk-U6KJ7XBO.js';
 import './chunk-GD26FI4J.js';
 import './chunk-4SZZPXM2.js';
-import './chunk-V7QFIGQ4.js';
+import './chunk-UWDUMPL7.js';
 import './chunk-OUW6WESU.js';
-import { useComments } from './chunk-VEA7QDNY.js';
+import { useComments } from './chunk-KSS7OA3Q.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-25SLMOCZ.js';
-import './chunk-C5MQ6VWX.js';
+import './chunk-RBFLDI2Z.js';
+import './chunk-24UCMWQB.js';
 import './chunk-MVT5AF2A.js';
 import { useAsset } from './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-4O52OV5N.js';
+import './chunk-BEMWHR4T.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-3EBV4X6W.js';
+import './chunk-HNSR4KLL.js';
 import { useBlogLike } from './chunk-OAMIDZKW.js';
-import './chunk-DMMGD4GW.js';
+import './chunk-ZVYJK6XQ.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-YSRKR5DE.js';
+import './chunk-4PT5MXGR.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-KTLQV4Q4.js';
+import './chunk-YDSWLCOY.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb, Image } from './chunk-TYTYD6AK.js';
+import { LazyBreadcrumb, Image } from './chunk-L26XGP65.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -41,11 +41,11 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-7V5HOZW4.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-76GCBYJX.js';
-import './chunk-QUBQPGT7.js';
-import './chunk-OWJMPD7X.js';
-import './chunk-SU7NHAYA.js';
-import './chunk-HG4B4F4N.js';
+import './chunk-OSSOU36J.js';
+import './chunk-A4NN6C5B.js';
+import './chunk-3NFVZJNI.js';
+import './chunk-GXZW6BJY.js';
+import './chunk-JNAJTCJD.js';
 import './chunk-T72DAX7R.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
@@ -198,5 +198,5 @@ function BlogSinglePage({ page, article, related = [] }) {
 }
 
 export { BlogSinglePage };
-//# sourceMappingURL=BlogSinglePage-543VMKSI.js.map
-//# sourceMappingURL=BlogSinglePage-543VMKSI.js.map
+//# sourceMappingURL=BlogSinglePage-TRYJUPCB.js.map
+//# sourceMappingURL=BlogSinglePage-TRYJUPCB.js.map

package/dist/{BlogSinglePage-543VMKSI.js.map → BlogSinglePage-TRYJUPCB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/blog/BlogSinglePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,eAAe,EAAE,IAAA,EAAM,SAAS,OAAA,GAAU,IAAG,EAAwB;AACnF,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,GAAA,EAAI,GAAI,QAAA,EAAS;AACzB,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAI,OAAA,EAAQ;AACvC,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,SAAQ,GAAI,WAAA;AAAA,IACzC,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAA,IAAK,CAAA;AAAA,IACtB,OAAA,CAAQ,OAAO,KAAA,IAAS;AAAA,GAC1B;AACA,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,WAAA,EAAY;AAEpC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAqB,SAAA,EAAU,yBAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAW,IAAA,EAAY,CAAA;AAAA,oBAExB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oFAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,mBAAA,EAAoB,CAAA;AAAA,wBAEnC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oCAAA,EAAsC,kBAAQ,IAAA,EAAK,CAAA;AAAA,wBAEjE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uCAAA,EAAwC,CAAA;AAAA,4BACrD,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,UAAA,CAAW,OAAA,CAAQ,UAAU,CAAA,EAAE;AAAA,WAAA,EACxC,CAAA;AAAA,0BACA,IAAA,CAAC,QAAK,EAAA,EAAI,OAAA,CAAQ,QAAQ,GAAA,IAAO,GAAA,EAAK,WAAU,mCAAA,EAC9C,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,8BAAA,EAA+B,CAAA;AAAA,4BAC5C,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,OAAA,CAAQ,MAAA,EAAQ,IAAA,EAAK;AAAA,WAAA,EAC9B;AAAA,SAAA,EACF,CAAA;AAAA,QAEC,QAAQ,KAAA,oBACP,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAK,OAAA,CAAQ,KAAA;AAAA,YACb,KAAK,OAAA,CAAQ,IAAA;AAAA,YACb,SAAA,EAAU,8BAAA;AAAA,YACV,WAAA,EAAY,MAAA;AAAA,YACZ,QAAA,EAAQ,IAAA;AAAA,YACR,SAAA,EAAS;AAAA;AAAA,SACX;AAAA,QAGD,MAAM,QAAA,EAAU,IAAA,EAAM,4CACrB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,EAAA,EAAG,WAAA;AAAA,cACH,gBAAc,OAAA,CAAQ,EAAA;AAAA,cACtB,SAAA,EAAW,CAAA,0CAAA,EAA6C,MAAA,GAAS,kCAAA,GAAqC,EAAE,CAAA,CAAA;AAAA,cACxG,OAAA,EAAS,MAAA;AAAA,cACT,QAAA,EAAU,OAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,OAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,CAAA,mBAEvC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,CAAA,gBAAA,EAAmB,MAAA,GAAS,cAAA,GAAiB,EAAE,CAAA,CAAA,EAAI,CAAA;AAAA,gCAEnE,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,WACf;AAAA,UAAA,CACE,OAAA,CAAQ,OAAO,QAAA,IAAY,CAAA,IAAK,qBAChC,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,yBAAA,EAA0B,CAAA;AAAA,YACtC,QAAQ,KAAA,EAAO;AAAA,WAAA,EAClB;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAGF,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,yBAAA;AAAA,YACV,uBAAA,EAAyB,EAAE,MAAA,EAAQ,OAAA,CAAQ,aAAa,OAAA,CAAQ,SAAA,EAAW,GAAG,CAAA,IAAK,EAAA;AAAG;AAAA,SACxF;AAAA,QAEC,OAAA,CAAQ,IAAA,IAAQ,OAAA,CAAQ,IAAA,CAAK,SAAS,CAAA,oBACrC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,qBACjB,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,IAAI,GAAA,CAAI,GAAA;AAAA,YACR,SAAA,EAAU,uGAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,6CAAA,EAA8C,CAAA;AAAA,8BAC3D,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAAA,EAA+B,cAAI,IAAA,EAAK;AAAA;AAAA,WAAA;AAAA,UALnD,GAAA,CAAI;AAAA,SAOZ,CAAA,EACH,CAAA;AAAA,QAGD,KAAA,CAAM,QAAA,EAAU,IAAA,EAAM,wBAAA,oBACrB,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YAEC,MAAA,EAAQ,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAA,IAAK,CAAA;AAAA,YAC9B,IAAA,EAAM;AAAA,WAAA;AAAA,UAFD;AAAA,SAGP;AAAA,wBAGF,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,iBAAA,EAAkB;AAAA,OAAA,EACnC,CAAA;AAAA,sBAEA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,SAAA;AAAA,UACX,SAAA,EAAU,8DAAA;AAAA,UAET,QAAA,EAAA,OAAA,CAAQ,MAAA,GAAS,CAAA,oBAChB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAA,EAAE,CAAA;AAAA,4BAEjE,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,2BAAA,EAA4B,CAAA;AAAA,YAE1C,OAAA,CAAQ,GAAA,CAAI,CAAC,cAAA,qBACZ,IAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAU,gDAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,UAAA,EACb,QAAA,kBAAA,IAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,cAAA,CAAe,GAAA;AAAA,sBACnB,SAAA,EAAU,uFAAA;AAAA,sBAEV,QAAA,EAAA;AAAA,wCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,cAAA,CAAe,IAAA,EAAK,CAAA;AAAA,wBAC9C,eAAe,KAAA,mBACd,GAAA;AAAA,0BAAC,KAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAU,4BAAA;AAAA,4BACV,KAAK,cAAA,CAAe,KAAA;AAAA,4BACpB,KAAK,cAAA,CAAe,IAAA;AAAA,4BACpB,WAAA,EAAY;AAAA;AAAA,yBACd,mBAEA,GAAA;AAAA,0BAAC,KAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAU,0CAAA;AAAA,4BACV,GAAA,EAAK,IAAI,yBAAyB,CAAA;AAAA,4BAClC,GAAA,EAAI;AAAA;AAAA;AACN;AAAA;AAAA,mBAEJ,EACF,CAAA;AAAA,kCACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,oCAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EACb,QAAA,EAAA;AAAA,sCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,2DAAA,EAA4D,CAAA;AAAA,sCACzE,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,UAAA,CAAW,cAAA,CAAe,UAAU,CAAA,EAAE;AAAA,qBAAA,EAC/C,CAAA;AAAA,oCACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,cAAA,CAAe,GAAA,EAAK,SAAA,EAAU,iBAAA,EACrC,QAAA,EAAA,cAAA,CAAe,MAClB,CAAA,EACF;AAAA,mBAAA,EACF;AAAA;AAAA,eAAA;AAAA,cAnCK,cAAA,CAAe;AAAA,aAqCvB,CAAA;AAAA,4BAED,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,yBAAA,EAA0B;AAAA,WAAA,EAC3C;AAAA;AAAA;AAEJ,KAAA,EACF;AAAA,GAAA,EAAA,EA/IQ,QAAQ,EAgJlB,CAAA;AAEJ","file":"BlogSinglePage-543VMKSI.js","sourcesContent":["import { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport { HookSlot, useAsset, useDate } from '../../hooks';\nimport { useBlogLike } from '../../hooks/useBlogLike';\nimport { useComments } from '../../hooks/useComments';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { BlogSinglePageProps } from './types';\nimport { Breadcrumb, Image, Link } from '../../components/common';\nimport { useTwilight } from '../../providers/twilight-context';\n\nexport function BlogSinglePage({ page, article, related = [] }: BlogSinglePageProps) {\n  const { t } = useTranslation();\n  const { store } = useTwilight();\n  const { cdn } = useAsset();\n  const { format: formatDate } = useDate();\n  const { active, count, toggle, loading } = useBlogLike(\n    Number(article.id) || 0,\n    article.stats?.likes ?? 0\n  );\n  const { commentsKey } = useComments();\n\n  return (\n    <div key={article.id} className=\"container mb-8 sm:mb-24\">\n      <Breadcrumb page={page} />\n\n      <div className=\"md:flex items-start\">\n        <div className=\"main-content blog-category md:w-96 flex-1 bg-white lg:p-8 rounded-md mb-10 md:mb-0\">\n          <HookSlot name=\"blog:single.start\" />\n\n          <h1 className=\"font-bold text-3xl mb-5 leading-10\">{article.name}</h1>\n\n          <div className=\"mb-10 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n            <div className=\"flex items-center\">\n              <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n              <span>{formatDate(article.created_at)}</span>\n            </div>\n            <Link to={article.author?.url || '#'} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author?.name}</span>\n            </Link>\n          </div>\n\n          {article.image && (\n            <Image\n              src={article.image}\n              alt={article.name}\n              className=\"h-80 mb-10 w-full rounded-md\"\n              aspectRatio=\"16/9\"\n              priority\n              noWrapper\n            />\n          )}\n\n          {store.settings?.blog?.allow_likes_and_comments && (\n            <div className=\"flex items-center gap-2.5 text-gray-500 text-base mb-2\">\n              <button\n                type=\"button\"\n                id=\"blog-like\"\n                data-blog-id={article.id}\n                className={`flex items-center gap-1 transition-colors ${active ? 'text-primary font-semibold liked' : ''}`}\n                onClick={toggle}\n                disabled={loading}\n              >\n                {loading ? (\n                  <span className=\"loader loader--small\"></span>\n                ) : (\n                  <i className={`sicon-thumbs-up ${active ? 'text-primary' : ''}`}></i>\n                )}\n                <span>{count}</span>\n              </button>\n              {(article.stats?.comments ?? 0) > 0 && (\n                <div className=\"flex items-center gap-1\">\n                  <i className=\"sicon-chat text-primary\"></i>\n                  {article.stats?.comments}\n                </div>\n              )}\n            </div>\n          )}\n\n          <article\n            className=\"leading-7 text-sm mb-10\"\n            dangerouslySetInnerHTML={{ __html: article.description?.replace(/&nbsp;/g, ' ') || '' }}\n          />\n\n          {article.tags && article.tags.length > 0 && (\n            <div className=\"p-4 flex flex-wrap items-center border-t border-gray-200\">\n              {article.tags.map((tag) => (\n                <Link\n                  key={tag.id}\n                  to={tag.url}\n                  className=\"py-2 px-4 rounded-large inline-flex items-center text-gray-500 hover:text-dark justify-center text-sm\"\n                >\n                  <i className=\"font-medium sicon-tag rtl:ml-1.5 ltr:mr-1.5\"></i>\n                  <span className=\"fix-align whitespace-nowrap\">{tag.name}</span>\n                </Link>\n              ))}\n            </div>\n          )}\n\n          {store.settings?.blog?.allow_likes_and_comments && (\n            <SallaComments\n              key={commentsKey}\n              itemId={Number(article.id) || 0}\n              type={'blog' as any}\n            />\n          )}\n\n          <HookSlot name=\"blog:single.end\" />\n        </div>\n\n        <aside\n          aria-label=\"Sidebar\"\n          className=\"sticky shrink-0 top-24 md:w-96 rtl:lg:mr-8 ltr:lg:ml-8 pb-11\"\n        >\n          {related.length > 0 && (\n            <>\n              <h2 className=\"font-bold mb-3\">{t('pages.blog_articles.related')}</h2>\n\n              <HookSlot name=\"blog:single.related.start\" />\n\n              {related.map((relatedArticle) => (\n                <div\n                  key={relatedArticle.id}\n                  className=\"mt-5 flex items-center bg-white p-5 rounded-md\"\n                >\n                  <div className=\"shrink-0\">\n                    <Link\n                      to={relatedArticle.url}\n                      className=\"bg-border-color h-24 w-24 rounded-md overflow-hidden flex items-center justify-center\"\n                    >\n                      <span className=\"sr-only\">{relatedArticle.name}</span>\n                      {relatedArticle.image ? (\n                        <Image\n                          className=\"h-full w-full object-cover\"\n                          src={relatedArticle.image}\n                          alt={relatedArticle.name}\n                          aspectRatio=\"1/1\"\n                        />\n                      ) : (\n                        <Image\n                          className=\"sm:h-full w-10 object-contain opacity-60\"\n                          src={cdn('/images/placeholder.png')}\n                          alt=\"post image\"\n                        />\n                      )}\n                    </Link>\n                  </div>\n                  <div className=\"rtl:mr-3 ltr:ml-3\">\n                    <div className=\"flex items-center text-sm text-gray-500 mb-2\">\n                      <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1 rtl:pl-px ltr:pr-px\"></i>\n                      <time>{formatDate(relatedArticle.created_at)}</time>\n                    </div>\n                    <h3 className=\"text-sm font-bold text-gray-800 leading-6\">\n                      <Link to={relatedArticle.url} className=\"hover:underline\">\n                        {relatedArticle.name}\n                      </Link>\n                    </h3>\n                  </div>\n                </div>\n              ))}\n\n              <HookSlot name=\"blog:single.related.end\" />\n            </>\n          )}\n        </aside>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/blog/BlogSinglePage.tsx"],"names":[],"mappings":"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","file":"BlogSinglePage-TRYJUPCB.js","sourcesContent":["import { SallaComments } from '@salla.sa/twilight-components-react/comments';\nimport { HookSlot, useAsset, useDate } from '../../hooks';\nimport { useBlogLike } from '../../hooks/useBlogLike';\nimport { useComments } from '../../hooks/useComments';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { BlogSinglePageProps } from './types';\nimport { Breadcrumb, Image, Link } from '../../components/common';\nimport { useTwilight } from '../../providers/twilight-context';\n\nexport function BlogSinglePage({ page, article, related = [] }: BlogSinglePageProps) {\n  const { t } = useTranslation();\n  const { store } = useTwilight();\n  const { cdn } = useAsset();\n  const { format: formatDate } = useDate();\n  const { active, count, toggle, loading } = useBlogLike(\n    Number(article.id) || 0,\n    article.stats?.likes ?? 0\n  );\n  const { commentsKey } = useComments();\n\n  return (\n    <div key={article.id} className=\"container mb-8 sm:mb-24\">\n      <Breadcrumb page={page} />\n\n      <div className=\"md:flex items-start\">\n        <div className=\"main-content blog-category md:w-96 flex-1 bg-white lg:p-8 rounded-md mb-10 md:mb-0\">\n          <HookSlot name=\"blog:single.start\" />\n\n          <h1 className=\"font-bold text-3xl mb-5 leading-10\">{article.name}</h1>\n\n          <div className=\"mb-10 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n            <div className=\"flex items-center\">\n              <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n              <span>{formatDate(article.created_at)}</span>\n            </div>\n            <Link to={article.author?.url || '#'} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author?.name}</span>\n            </Link>\n          </div>\n\n          {article.image && (\n            <Image\n              src={article.image}\n              alt={article.name}\n              className=\"h-80 mb-10 w-full rounded-md\"\n              aspectRatio=\"16/9\"\n              priority\n              noWrapper\n            />\n          )}\n\n          {store.settings?.blog?.allow_likes_and_comments && (\n            <div className=\"flex items-center gap-2.5 text-gray-500 text-base mb-2\">\n              <button\n                type=\"button\"\n                id=\"blog-like\"\n                data-blog-id={article.id}\n                className={`flex items-center gap-1 transition-colors ${active ? 'text-primary font-semibold liked' : ''}`}\n                onClick={toggle}\n                disabled={loading}\n              >\n                {loading ? (\n                  <span className=\"loader loader--small\"></span>\n                ) : (\n                  <i className={`sicon-thumbs-up ${active ? 'text-primary' : ''}`}></i>\n                )}\n                <span>{count}</span>\n              </button>\n              {(article.stats?.comments ?? 0) > 0 && (\n                <div className=\"flex items-center gap-1\">\n                  <i className=\"sicon-chat text-primary\"></i>\n                  {article.stats?.comments}\n                </div>\n              )}\n            </div>\n          )}\n\n          <article\n            className=\"leading-7 text-sm mb-10\"\n            dangerouslySetInnerHTML={{ __html: article.description?.replace(/&nbsp;/g, ' ') || '' }}\n          />\n\n          {article.tags && article.tags.length > 0 && (\n            <div className=\"p-4 flex flex-wrap items-center border-t border-gray-200\">\n              {article.tags.map((tag) => (\n                <Link\n                  key={tag.id}\n                  to={tag.url}\n                  className=\"py-2 px-4 rounded-large inline-flex items-center text-gray-500 hover:text-dark justify-center text-sm\"\n                >\n                  <i className=\"font-medium sicon-tag rtl:ml-1.5 ltr:mr-1.5\"></i>\n                  <span className=\"fix-align whitespace-nowrap\">{tag.name}</span>\n                </Link>\n              ))}\n            </div>\n          )}\n\n          {store.settings?.blog?.allow_likes_and_comments && (\n            <SallaComments\n              key={commentsKey}\n              itemId={Number(article.id) || 0}\n              type={'blog' as any}\n            />\n          )}\n\n          <HookSlot name=\"blog:single.end\" />\n        </div>\n\n        <aside\n          aria-label=\"Sidebar\"\n          className=\"sticky shrink-0 top-24 md:w-96 rtl:lg:mr-8 ltr:lg:ml-8 pb-11\"\n        >\n          {related.length > 0 && (\n            <>\n              <h2 className=\"font-bold mb-3\">{t('pages.blog_articles.related')}</h2>\n\n              <HookSlot name=\"blog:single.related.start\" />\n\n              {related.map((relatedArticle) => (\n                <div\n                  key={relatedArticle.id}\n                  className=\"mt-5 flex items-center bg-white p-5 rounded-md\"\n                >\n                  <div className=\"shrink-0\">\n                    <Link\n                      to={relatedArticle.url}\n                      className=\"bg-border-color h-24 w-24 rounded-md overflow-hidden flex items-center justify-center\"\n                    >\n                      <span className=\"sr-only\">{relatedArticle.name}</span>\n                      {relatedArticle.image ? (\n                        <Image\n                          className=\"h-full w-full object-cover\"\n                          src={relatedArticle.image}\n                          alt={relatedArticle.name}\n                          aspectRatio=\"1/1\"\n                        />\n                      ) : (\n                        <Image\n                          className=\"sm:h-full w-10 object-contain opacity-60\"\n                          src={cdn('/images/placeholder.png')}\n                          alt=\"post image\"\n                        />\n                      )}\n                    </Link>\n                  </div>\n                  <div className=\"rtl:mr-3 ltr:ml-3\">\n                    <div className=\"flex items-center text-sm text-gray-500 mb-2\">\n                      <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1 rtl:pl-px ltr:pr-px\"></i>\n                      <time>{formatDate(relatedArticle.created_at)}</time>\n                    </div>\n                    <h3 className=\"text-sm font-bold text-gray-800 leading-6\">\n                      <Link to={relatedArticle.url} className=\"hover:underline\">\n                        {relatedArticle.name}\n                      </Link>\n                    </h3>\n                  </div>\n                </div>\n              ))}\n\n              <HookSlot name=\"blog:single.related.end\" />\n            </>\n          )}\n        </aside>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{BlogTagPage-KDQVHQ65.js → BlogTagPage-2JKCTBIU.js}

@@ -1,41 +1,41 @@
-import { BlogListLayout, BlogArticleCard } from './chunk-MHDOK7GH.js';
-import { blog } from './chunk-PSBXF3O5.js';
-import './chunk-P7N3TZFE.js';
-import './chunk-D6IJYZ7U.js';
-import './chunk-PXM3FBPO.js';
-import './chunk-D2VMJV3L.js';
-import './chunk-S6SP272Z.js';
-import './chunk-LPAWMUJR.js';
+import { BlogListLayout, BlogArticleCard } from './chunk-NZBBYJID.js';
+import { blog } from './chunk-T5VU67NQ.js';
+import './chunk-6YI5J5ZN.js';
+import './chunk-SZ65XCSZ.js';
+import './chunk-ZI5XWXWG.js';
+import './chunk-W354TTIE.js';
+import './chunk-EHX45KZG.js';
+import './chunk-BR56OEPZ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-TWD4ECS3.js';
+import './chunk-UZGP2KFA.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-FQHNVD3H.js';
+import './chunk-U6KJ7XBO.js';
 import './chunk-GD26FI4J.js';
 import './chunk-4SZZPXM2.js';
-import { useLocation } from './chunk-V7QFIGQ4.js';
+import { useLocation } from './chunk-UWDUMPL7.js';
 import './chunk-OUW6WESU.js';
-import './chunk-VEA7QDNY.js';
+import './chunk-KSS7OA3Q.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-25SLMOCZ.js';
-import './chunk-C5MQ6VWX.js';
+import './chunk-RBFLDI2Z.js';
+import './chunk-24UCMWQB.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-4O52OV5N.js';
+import './chunk-BEMWHR4T.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-3EBV4X6W.js';
+import './chunk-HNSR4KLL.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-DMMGD4GW.js';
+import './chunk-ZVYJK6XQ.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-YSRKR5DE.js';
+import './chunk-4PT5MXGR.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-KTLQV4Q4.js';
+import './chunk-YDSWLCOY.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb, LazyNoContent } from './chunk-TYTYD6AK.js';
+import { LazyBreadcrumb, LazyNoContent } from './chunk-L26XGP65.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -43,11 +43,11 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-7V5HOZW4.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-76GCBYJX.js';
-import './chunk-QUBQPGT7.js';
-import './chunk-OWJMPD7X.js';
-import './chunk-SU7NHAYA.js';
-import './chunk-HG4B4F4N.js';
+import './chunk-OSSOU36J.js';
+import './chunk-A4NN6C5B.js';
+import './chunk-3NFVZJNI.js';
+import './chunk-GXZW6BJY.js';
+import './chunk-JNAJTCJD.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
@@ -113,5 +113,5 @@ function BlogTagPage({
 }
 
 export { BlogTagPage };
-//# sourceMappingURL=BlogTagPage-KDQVHQ65.js.map
-//# sourceMappingURL=BlogTagPage-KDQVHQ65.js.map
+//# sourceMappingURL=BlogTagPage-2JKCTBIU.js.map
+//# sourceMappingURL=BlogTagPage-2JKCTBIU.js.map

package/dist/{BlogTagPage-KDQVHQ65.js.map → BlogTagPage-2JKCTBIU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/blog/BlogTagPage.tsx"],"names":[],"mappings":"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","file":"BlogTagPage-KDQVHQ65.js","sourcesContent":["import { useRef, useCallback } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useLocation } from '../../providers/NavigationProvider';\nimport { Breadcrumb, NoContent } from '../../components/common';\nimport { blog } from '../../api/blog';\nimport { BlogArticleCard, BlogListLayout } from './components';\nimport type { BlogTagLoaderData, ArticleSummary } from './types';\n\nconst EMPTY_CATEGORIES: BlogTagLoaderData['categories'] = [];\nconst EMPTY_ARTICLES: ArticleSummary[] = [];\n\nexport function BlogTagPage({\n  page,\n  blogTag,\n  categories = EMPTY_CATEGORIES,\n  articles = EMPTY_ARTICLES,\n  cursor,\n}: BlogTagLoaderData) {\n  const { t } = useTranslation();\n  const { pathname, searchStr } = useLocation();\n  const nextCursorRef = useRef<string | null>(cursor?.next ?? null);\n\n  const loader = useCallback(async () => {\n    const nextUrl = nextCursorRef.current;\n    const cursorMatch = nextUrl?.match(/[?&]cursor=([^&]+)/);\n    const cursorValue = cursorMatch ? decodeURIComponent(cursorMatch[1]) : (nextUrl ?? undefined);\n\n    const result = await blog.articles.list({ tag: String(blogTag.id), cursor: cursorValue });\n    nextCursorRef.current = result.cursor?.next ?? null;\n\n    return {\n      items: result.data,\n      next: result.cursor?.next ?? null,\n    };\n  }, [blogTag.id]);\n\n  if (articles.length === 0) {\n    return (\n      <div className=\"container mb-8 sm:mb-24\">\n        <Breadcrumb page={page} />\n        <BlogListLayout categories={categories}>\n          <HookSlot name=\"blog:tag.start\" />\n          <NoContent icon=\"sicon-inbox\" message={t('pages.blog_categories.no_articles')} />\n          <HookSlot name=\"blog:tag.end\" />\n        </BlogListLayout>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"container mb-8 sm:mb-24\">\n      <Breadcrumb page={page} />\n\n      <BlogListLayout categories={categories}>\n        <HookSlot name=\"blog:tag.start\" />\n\n        <div className=\"mb-6\">\n          <h1 className=\"font-bold text-xl\">{blogTag.name}</h1>\n        </div>\n\n        <ItemsList<ArticleSummary>\n          items={articles}\n          loader={cursor?.next ? loader : undefined}\n          mode={cursor?.next ? 'infinite' : 'static'}\n          pageUrl={pathname + searchStr}\n          className=\"s-blog-list\"\n          itemsClassName=\"grid md:grid-cols-2 gap-2.5 md:gap-8\"\n          empty={<NoContent icon=\"sicon-inbox\" message={t('pages.blog_categories.no_articles')} />}\n          t={(key, fallback) => t(key, fallback || key)}\n        >\n          {(items) =>\n            items.map((article) => (\n              <BlogArticleCard key={article.id} article={article} showAuthor />\n            ))\n          }\n        </ItemsList>\n\n        <HookSlot name=\"blog:tag.end\" />\n      </BlogListLayout>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/blog/BlogTagPage.tsx"],"names":[],"mappings":"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","file":"BlogTagPage-2JKCTBIU.js","sourcesContent":["import { useRef, useCallback } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useLocation } from '../../providers/NavigationProvider';\nimport { Breadcrumb, NoContent } from '../../components/common';\nimport { blog } from '../../api/blog';\nimport { BlogArticleCard, BlogListLayout } from './components';\nimport type { BlogTagLoaderData, ArticleSummary } from './types';\n\nconst EMPTY_CATEGORIES: BlogTagLoaderData['categories'] = [];\nconst EMPTY_ARTICLES: ArticleSummary[] = [];\n\nexport function BlogTagPage({\n  page,\n  blogTag,\n  categories = EMPTY_CATEGORIES,\n  articles = EMPTY_ARTICLES,\n  cursor,\n}: BlogTagLoaderData) {\n  const { t } = useTranslation();\n  const { pathname, searchStr } = useLocation();\n  const nextCursorRef = useRef<string | null>(cursor?.next ?? null);\n\n  const loader = useCallback(async () => {\n    const nextUrl = nextCursorRef.current;\n    const cursorMatch = nextUrl?.match(/[?&]cursor=([^&]+)/);\n    const cursorValue = cursorMatch ? decodeURIComponent(cursorMatch[1]) : (nextUrl ?? undefined);\n\n    const result = await blog.articles.list({ tag: String(blogTag.id), cursor: cursorValue });\n    nextCursorRef.current = result.cursor?.next ?? null;\n\n    return {\n      items: result.data,\n      next: result.cursor?.next ?? null,\n    };\n  }, [blogTag.id]);\n\n  if (articles.length === 0) {\n    return (\n      <div className=\"container mb-8 sm:mb-24\">\n        <Breadcrumb page={page} />\n        <BlogListLayout categories={categories}>\n          <HookSlot name=\"blog:tag.start\" />\n          <NoContent icon=\"sicon-inbox\" message={t('pages.blog_categories.no_articles')} />\n          <HookSlot name=\"blog:tag.end\" />\n        </BlogListLayout>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"container mb-8 sm:mb-24\">\n      <Breadcrumb page={page} />\n\n      <BlogListLayout categories={categories}>\n        <HookSlot name=\"blog:tag.start\" />\n\n        <div className=\"mb-6\">\n          <h1 className=\"font-bold text-xl\">{blogTag.name}</h1>\n        </div>\n\n        <ItemsList<ArticleSummary>\n          items={articles}\n          loader={cursor?.next ? loader : undefined}\n          mode={cursor?.next ? 'infinite' : 'static'}\n          pageUrl={pathname + searchStr}\n          className=\"s-blog-list\"\n          itemsClassName=\"grid md:grid-cols-2 gap-2.5 md:gap-8\"\n          empty={<NoContent icon=\"sicon-inbox\" message={t('pages.blog_categories.no_articles')} />}\n          t={(key, fallback) => t(key, fallback || key)}\n        >\n          {(items) =>\n            items.map((article) => (\n              <BlogArticleCard key={article.id} article={article} showAuthor />\n            ))\n          }\n        </ItemsList>\n\n        <HookSlot name=\"blog:tag.end\" />\n      </BlogListLayout>\n    </div>\n  );\n}\n"]}

package/dist/{BrandsPage-ABKUKE5J.js → BrandsPage-PGCDHGOI.js}

@@ -1,40 +1,40 @@
-import { brand } from './chunk-ZE262XHY.js';
-import './chunk-P7N3TZFE.js';
-import './chunk-D6IJYZ7U.js';
-import './chunk-PXM3FBPO.js';
-import './chunk-D2VMJV3L.js';
-import './chunk-S6SP272Z.js';
-import './chunk-LPAWMUJR.js';
+import { brand } from './chunk-ENC6POPF.js';
+import './chunk-6YI5J5ZN.js';
+import './chunk-SZ65XCSZ.js';
+import './chunk-ZI5XWXWG.js';
+import './chunk-W354TTIE.js';
+import './chunk-EHX45KZG.js';
+import './chunk-BR56OEPZ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-TWD4ECS3.js';
+import './chunk-UZGP2KFA.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-FQHNVD3H.js';
+import './chunk-U6KJ7XBO.js';
 import './chunk-GD26FI4J.js';
 import './chunk-4SZZPXM2.js';
-import './chunk-V7QFIGQ4.js';
+import './chunk-UWDUMPL7.js';
 import './chunk-OUW6WESU.js';
-import './chunk-VEA7QDNY.js';
+import './chunk-KSS7OA3Q.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-25SLMOCZ.js';
-import './chunk-C5MQ6VWX.js';
+import './chunk-RBFLDI2Z.js';
+import './chunk-24UCMWQB.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-4O52OV5N.js';
+import './chunk-BEMWHR4T.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-3EBV4X6W.js';
+import './chunk-HNSR4KLL.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-DMMGD4GW.js';
+import './chunk-ZVYJK6XQ.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-YSRKR5DE.js';
+import './chunk-4PT5MXGR.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-KTLQV4Q4.js';
+import './chunk-YDSWLCOY.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { LazyBreadcrumb, LazyNoContent, Image } from './chunk-TYTYD6AK.js';
+import { LazyBreadcrumb, LazyNoContent, Image } from './chunk-L26XGP65.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -42,11 +42,11 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-7V5HOZW4.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-76GCBYJX.js';
-import './chunk-QUBQPGT7.js';
-import './chunk-OWJMPD7X.js';
-import './chunk-SU7NHAYA.js';
-import './chunk-HG4B4F4N.js';
+import './chunk-OSSOU36J.js';
+import './chunk-A4NN6C5B.js';
+import './chunk-3NFVZJNI.js';
+import './chunk-GXZW6BJY.js';
+import './chunk-JNAJTCJD.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
@@ -192,5 +192,5 @@ function BrandsPageComponent({ page, brands, pagination }) {
 var BrandsPage = memo(BrandsPageComponent);
 
 export { BrandsPage };
-//# sourceMappingURL=BrandsPage-ABKUKE5J.js.map
-//# sourceMappingURL=BrandsPage-ABKUKE5J.js.map
+//# sourceMappingURL=BrandsPage-PGCDHGOI.js.map
+//# sourceMappingURL=BrandsPage-PGCDHGOI.js.map

package/dist/{BrandsPage-ABKUKE5J.js.map → BrandsPage-PGCDHGOI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/brands/BrandsPage.tsx"],"names":[],"mappings":"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","file":"BrandsPage-ABKUKE5J.js","sourcesContent":["import { memo, useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useInfiniteQuery } from '@tanstack/react-query';\nimport { useWindowScroll } from '@uidotdev/usehooks';\nimport { Link, Breadcrumb, NoContent, Image } from '../../components/common';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { brand } from '../../api/brands';\nimport type { Brand, BrandsGroup, BrandsPageProps } from './types';\n\nfunction byLetter(brands: Brand[], locale: string): [string, Brand[]][] {\n  const groups: BrandsGroup = {};\n  for (const item of brands) {\n    (groups[(locale === 'ar' ? item.ar_char : item.en_char) || '#'] ??= []).push(item);\n  }\n  // Code point order is alphabetical for Arabic and Latin, and the same on server and browser.\n  return Object.entries(groups).sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0));\n}\n\ninterface BrandSectionProps {\n  char: string;\n  brands: Brand[];\n  sectionRef: (el: HTMLElement | null) => void;\n}\n\nfunction BrandSection({ char, brands, sectionRef }: BrandSectionProps) {\n  return (\n    <section\n      id={`brand-section-${char}`}\n      ref={sectionRef}\n      className=\"pt-24 first:pt-16 md:first:pt-24\"\n    >\n      <div className=\"flex items-center mb-10\">\n        <span data-id={char} className=\"brand-char\">\n          <span className=\"fix-align\">{char}</span>\n        </span>\n        <div className=\"bg-border-color h-px flex-1\"></div>\n      </div>\n      <div className=\"grid grid-cols-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 grid-flow-row gap-4 md:gap-8\">\n        {brands.map((item) => (\n          // A grid of logos would preload a brand for every logo the mouse crosses.\n          <Link key={item.id} to={`/brands/${item.id}`} className=\"brand-item\" preload={false}>\n            <Image\n              className=\"max-h-full\"\n              objectFit=\"contain\"\n              width={400}\n              height={300}\n              src={item.logo}\n              alt={item.name}\n            />\n          </Link>\n        ))}\n      </div>\n    </section>\n  );\n}\n\nconst PAGES_PER_WAVE = 6;\n\n// One retry per page, so a network blip does not drop it.\nconst fetchPage = (page: number) => brand.list(page).catch(() => brand.list(page));\n\nasync function fetchWave(from: number): Promise<{ items: Brand[]; done: boolean }> {\n  const settled = await Promise.allSettled(\n    Array.from({ length: PAGES_PER_WAVE }, (_, i) => fetchPage(from + i))\n  );\n  const pages = settled.flatMap((result) => (result.status === 'fulfilled' ? [result.value] : []));\n  return {\n    items: pages.flatMap((result) => result.items),\n    // Stop at the last page, or when a whole wave fails.\n    done: pages.length === 0 || pages.some((result) => !result.next),\n  };\n}\n\n/**\n * The first page plus every page after `next`, fetched in the background so the letter menu is\n * complete without scrolling. The API has no page count, so pages load in parallel waves.\n */\nfunction useAllBrands(first: Brand[], next: string | null | undefined, locale: string): Brand[] {\n  const startPage = Number(next?.match(/[?&]page=(\\d+)/)?.[1]) || 0;\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } = useInfiniteQuery({\n    queryKey: ['brands', 'after-first-page', locale, startPage],\n    queryFn: ({ pageParam }) => fetchWave(pageParam),\n    initialPageParam: startPage,\n    getNextPageParam: (wave, _waves, from) => (wave.done ? undefined : from + PAGES_PER_WAVE),\n    enabled: startPage > 0,\n    // Not reused across visits: it must match the first page the loader just fetched.\n    gcTime: 0,\n  });\n\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) void fetchNextPage();\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return useMemo(() => {\n    const extra = data?.pages.flatMap((wave) => wave.items) ?? [];\n    return extra.length ? [...first, ...extra] : first;\n  }, [first, data]);\n}\n\nfunction BrandsPageComponent({ page, brands, pagination }: BrandsPageProps) {\n  const { t, locale } = useTranslation();\n  const allBrands = useAllBrands(brands, pagination?.next, locale);\n  const brandEntries = useMemo(() => byLetter(allBrands, locale), [allBrands, locale]);\n  const [selectedChar, setSelectedChar] = useState<string | null>(null);\n  const sectionRefs = useRef<Record<string, HTMLElement | null>>({});\n\n  // Use useWindowScroll hook instead of manual listener\n  const [{ y }] = useWindowScroll();\n  const isSticky = (y ?? 0) > 200;\n\n  // Handle brand nav item click - matches brands.js toggle class logic\n  const handleBrandClick = useCallback((e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const char = e.currentTarget.dataset.id;\n    if (char) {\n      setSelectedChar(char);\n      sectionRefs.current[char]?.scrollIntoView({ behavior: 'smooth' });\n    }\n  }, []);\n\n  return (\n    <div className=\"container mb-20\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-between pt-2 pb-6\">\n        <h1 className=\"font-bold mb-6 md:mb-0\">{page.title}</h1>\n      </div>\n\n      {brandEntries.length > 0 ? (\n        <>\n          <div className=\"brands-nav-wrap\">\n            <ul\n              id=\"brands-nav\"\n              className={`brands-nav ${isSticky ? 'is-sticky' : 'is-not-sticky'}`}\n            >\n              <li></li>\n              {brandEntries.map(([char]) => (\n                <li key={char}>\n                  <a\n                    className={`brands-nav__item ${selectedChar === char ? 'is-selected' : 'unselected'}`}\n                    href={`#brand-section-${char}`}\n                    onClick={handleBrandClick}\n                    data-id={char}\n                  >\n                    <span className=\"fix-align\">{char}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n\n          <div className=\"px-8 xl:px-0\">\n            <HookSlot name=\"brands:index.items.start\" />\n\n            {brandEntries.map(([char, brandGroup]) => (\n              <BrandSection\n                key={char}\n                char={char}\n                brands={brandGroup}\n                sectionRef={(el) => {\n                  sectionRefs.current[char] = el;\n                }}\n              />\n            ))}\n\n            <HookSlot name=\"brands:index.items.end\" />\n          </div>\n        </>\n      ) : (\n        <NoContent\n          icon=\"sicon-award-ribbon\"\n          message={t('pages.brands.non_brands')}\n          actionLabel={t('common.elements.back_home')}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const BrandsPage = memo(BrandsPageComponent);\n"]}
+{"version":3,"sources":["../src/routes/brands/BrandsPage.tsx"],"names":[],"mappings":"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","file":"BrandsPage-PGCDHGOI.js","sourcesContent":["import { memo, useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useInfiniteQuery } from '@tanstack/react-query';\nimport { useWindowScroll } from '@uidotdev/usehooks';\nimport { Link, Breadcrumb, NoContent, Image } from '../../components/common';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { brand } from '../../api/brands';\nimport type { Brand, BrandsGroup, BrandsPageProps } from './types';\n\nfunction byLetter(brands: Brand[], locale: string): [string, Brand[]][] {\n  const groups: BrandsGroup = {};\n  for (const item of brands) {\n    (groups[(locale === 'ar' ? item.ar_char : item.en_char) || '#'] ??= []).push(item);\n  }\n  // Code point order is alphabetical for Arabic and Latin, and the same on server and browser.\n  return Object.entries(groups).sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0));\n}\n\ninterface BrandSectionProps {\n  char: string;\n  brands: Brand[];\n  sectionRef: (el: HTMLElement | null) => void;\n}\n\nfunction BrandSection({ char, brands, sectionRef }: BrandSectionProps) {\n  return (\n    <section\n      id={`brand-section-${char}`}\n      ref={sectionRef}\n      className=\"pt-24 first:pt-16 md:first:pt-24\"\n    >\n      <div className=\"flex items-center mb-10\">\n        <span data-id={char} className=\"brand-char\">\n          <span className=\"fix-align\">{char}</span>\n        </span>\n        <div className=\"bg-border-color h-px flex-1\"></div>\n      </div>\n      <div className=\"grid grid-cols-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 grid-flow-row gap-4 md:gap-8\">\n        {brands.map((item) => (\n          // A grid of logos would preload a brand for every logo the mouse crosses.\n          <Link key={item.id} to={`/brands/${item.id}`} className=\"brand-item\" preload={false}>\n            <Image\n              className=\"max-h-full\"\n              objectFit=\"contain\"\n              width={400}\n              height={300}\n              src={item.logo}\n              alt={item.name}\n            />\n          </Link>\n        ))}\n      </div>\n    </section>\n  );\n}\n\nconst PAGES_PER_WAVE = 6;\n\n// One retry per page, so a network blip does not drop it.\nconst fetchPage = (page: number) => brand.list(page).catch(() => brand.list(page));\n\nasync function fetchWave(from: number): Promise<{ items: Brand[]; done: boolean }> {\n  const settled = await Promise.allSettled(\n    Array.from({ length: PAGES_PER_WAVE }, (_, i) => fetchPage(from + i))\n  );\n  const pages = settled.flatMap((result) => (result.status === 'fulfilled' ? [result.value] : []));\n  return {\n    items: pages.flatMap((result) => result.items),\n    // Stop at the last page, or when a whole wave fails.\n    done: pages.length === 0 || pages.some((result) => !result.next),\n  };\n}\n\n/**\n * The first page plus every page after `next`, fetched in the background so the letter menu is\n * complete without scrolling. The API has no page count, so pages load in parallel waves.\n */\nfunction useAllBrands(first: Brand[], next: string | null | undefined, locale: string): Brand[] {\n  const startPage = Number(next?.match(/[?&]page=(\\d+)/)?.[1]) || 0;\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } = useInfiniteQuery({\n    queryKey: ['brands', 'after-first-page', locale, startPage],\n    queryFn: ({ pageParam }) => fetchWave(pageParam),\n    initialPageParam: startPage,\n    getNextPageParam: (wave, _waves, from) => (wave.done ? undefined : from + PAGES_PER_WAVE),\n    enabled: startPage > 0,\n    // Not reused across visits: it must match the first page the loader just fetched.\n    gcTime: 0,\n  });\n\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) void fetchNextPage();\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return useMemo(() => {\n    const extra = data?.pages.flatMap((wave) => wave.items) ?? [];\n    return extra.length ? [...first, ...extra] : first;\n  }, [first, data]);\n}\n\nfunction BrandsPageComponent({ page, brands, pagination }: BrandsPageProps) {\n  const { t, locale } = useTranslation();\n  const allBrands = useAllBrands(brands, pagination?.next, locale);\n  const brandEntries = useMemo(() => byLetter(allBrands, locale), [allBrands, locale]);\n  const [selectedChar, setSelectedChar] = useState<string | null>(null);\n  const sectionRefs = useRef<Record<string, HTMLElement | null>>({});\n\n  // Use useWindowScroll hook instead of manual listener\n  const [{ y }] = useWindowScroll();\n  const isSticky = (y ?? 0) > 200;\n\n  // Handle brand nav item click - matches brands.js toggle class logic\n  const handleBrandClick = useCallback((e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const char = e.currentTarget.dataset.id;\n    if (char) {\n      setSelectedChar(char);\n      sectionRefs.current[char]?.scrollIntoView({ behavior: 'smooth' });\n    }\n  }, []);\n\n  return (\n    <div className=\"container mb-20\">\n      <Breadcrumb page={page} />\n\n      <div className=\"flex justify-between pt-2 pb-6\">\n        <h1 className=\"font-bold mb-6 md:mb-0\">{page.title}</h1>\n      </div>\n\n      {brandEntries.length > 0 ? (\n        <>\n          <div className=\"brands-nav-wrap\">\n            <ul\n              id=\"brands-nav\"\n              className={`brands-nav ${isSticky ? 'is-sticky' : 'is-not-sticky'}`}\n            >\n              <li></li>\n              {brandEntries.map(([char]) => (\n                <li key={char}>\n                  <a\n                    className={`brands-nav__item ${selectedChar === char ? 'is-selected' : 'unselected'}`}\n                    href={`#brand-section-${char}`}\n                    onClick={handleBrandClick}\n                    data-id={char}\n                  >\n                    <span className=\"fix-align\">{char}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n\n          <div className=\"px-8 xl:px-0\">\n            <HookSlot name=\"brands:index.items.start\" />\n\n            {brandEntries.map(([char, brandGroup]) => (\n              <BrandSection\n                key={char}\n                char={char}\n                brands={brandGroup}\n                sectionRef={(el) => {\n                  sectionRefs.current[char] = el;\n                }}\n              />\n            ))}\n\n            <HookSlot name=\"brands:index.items.end\" />\n          </div>\n        </>\n      ) : (\n        <NoContent\n          icon=\"sicon-award-ribbon\"\n          message={t('pages.brands.non_brands')}\n          actionLabel={t('common.elements.back_home')}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const BrandsPage = memo(BrandsPageComponent);\n"]}

package/dist/{Breadcrumb-WBTLVXYF.js → Breadcrumb-ACO63JUO.js}

@@ -1,39 +1,39 @@
-import { useBreadcrumbs } from './chunk-P7N3TZFE.js';
-import './chunk-D6IJYZ7U.js';
-import './chunk-PXM3FBPO.js';
-import './chunk-D2VMJV3L.js';
-import './chunk-S6SP272Z.js';
-import './chunk-LPAWMUJR.js';
+import { useBreadcrumbs } from './chunk-6YI5J5ZN.js';
+import './chunk-SZ65XCSZ.js';
+import './chunk-ZI5XWXWG.js';
+import './chunk-W354TTIE.js';
+import './chunk-EHX45KZG.js';
+import './chunk-BR56OEPZ.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-TWD4ECS3.js';
+import './chunk-UZGP2KFA.js';
 import './chunk-VVZNW5CB.js';
-import './chunk-FQHNVD3H.js';
+import './chunk-U6KJ7XBO.js';
 import './chunk-GD26FI4J.js';
 import './chunk-4SZZPXM2.js';
-import './chunk-V7QFIGQ4.js';
+import './chunk-UWDUMPL7.js';
 import './chunk-OUW6WESU.js';
-import './chunk-VEA7QDNY.js';
+import './chunk-KSS7OA3Q.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-25SLMOCZ.js';
-import './chunk-C5MQ6VWX.js';
+import './chunk-RBFLDI2Z.js';
+import './chunk-24UCMWQB.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
-import './chunk-4O52OV5N.js';
+import './chunk-BEMWHR4T.js';
 import './chunk-JWXJPJBO.js';
 import './chunk-CW625T2E.js';
 import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
-import './chunk-3EBV4X6W.js';
+import './chunk-HNSR4KLL.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-DMMGD4GW.js';
+import './chunk-ZVYJK6XQ.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-YSRKR5DE.js';
+import './chunk-4PT5MXGR.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-KTLQV4Q4.js';
+import './chunk-YDSWLCOY.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-TYTYD6AK.js';
+import './chunk-L26XGP65.js';
 import { Link } from './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';
@@ -41,11 +41,11 @@ import './chunk-6BZ5TKEV.js';
 import './chunk-FZKRSGLP.js';
 import './chunk-7V5HOZW4.js';
 import './chunk-YA6ABQB7.js';
-import './chunk-76GCBYJX.js';
-import './chunk-QUBQPGT7.js';
-import './chunk-OWJMPD7X.js';
-import './chunk-SU7NHAYA.js';
-import './chunk-HG4B4F4N.js';
+import './chunk-OSSOU36J.js';
+import './chunk-A4NN6C5B.js';
+import './chunk-3NFVZJNI.js';
+import './chunk-GXZW6BJY.js';
+import './chunk-JNAJTCJD.js';
 import './chunk-T72DAX7R.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';
@@ -162,5 +162,5 @@ function Breadcrumb({ page, className }) {
 }
 
 export { Breadcrumb };
-//# sourceMappingURL=Breadcrumb-WBTLVXYF.js.map
-//# sourceMappingURL=Breadcrumb-WBTLVXYF.js.map
+//# sourceMappingURL=Breadcrumb-ACO63JUO.js.map
+//# sourceMappingURL=Breadcrumb-ACO63JUO.js.map

package/dist/{Breadcrumb-WBTLVXYF.js.map → Breadcrumb-ACO63JUO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/common/BreadcrumbTrail.tsx","../src/components/common/BreadcrumbJsonLd.tsx","../src/components/common/Breadcrumb.tsx"],"names":["BreadcrumbTrail","jsx","jsxs","Fragment"],"mappings":"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","file":"Breadcrumb-WBTLVXYF.js","sourcesContent":["import { memo, useState, useEffect } from 'react';\nimport type { Breadcrumb } from '../../types';\nimport { Link } from './Link';\n\nconst MAX_VISIBLE_ITEMS = 4;\n\ninterface BreadcrumbTrailProps {\n  items: Breadcrumb[];\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    aria-hidden=\"true\"\n  >\n    <title>keyboard_arrow_left</title>\n    <path d=\"M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z\"></path>\n  </svg>\n);\n\nfunction truncateItems(items: Breadcrumb[]): Breadcrumb[] {\n  if (items.length <= MAX_VISIBLE_ITEMS) return items;\n\n  return [items[0], { name: '…', url: '' }, ...items.slice(-2)];\n}\n\nexport const BreadcrumbTrail = memo(function BreadcrumbTrail({\n  items,\n  className,\n}: BreadcrumbTrailProps) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(false);\n  }, [items]);\n\n  if (items.length === 0) return null;\n\n  const displayItems = expanded ? items : truncateItems(items);\n\n  return (\n    <nav className={className ?? 'breadcrumbs w-full py-5'} aria-label=\"Breadcrumb\">\n      <ol className=\"s-breadcrumb-wrapper\" itemScope itemType=\"https://schema.org/BreadcrumbList\">\n        {displayItems.map((item, index) => {\n          const isLast = index === displayItems.length - 1;\n          const isEllipsis = item.name === '…' && !item.url;\n\n          return (\n            <li\n              key={`${item.url}-${item.name}`}\n              className={['s-breadcrumb-item', isEllipsis ? 'cursor-pointer select-none' : ''].join(\n                ' '\n              )}\n              aria-current={isLast ? 'page' : undefined}\n              itemProp=\"itemListElement\"\n              itemScope\n              itemType=\"https://schema.org/ListItem\"\n            >\n              {isEllipsis ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setExpanded(true);\n                  }}\n                  className=\"inline-flex items-center gap-1 hover:underline\"\n                  aria-label=\"Show all breadcrumbs\"\n                >\n                  <span aria-hidden=\"true\" className=\"text-xs\">\n                    •••\n                  </span>\n                </button>\n              ) : isLast ? (\n                <span itemProp=\"name\">{item.name}</span>\n              ) : (\n                <>\n                  <Link to={item.url} itemProp=\"item\">\n                    <span itemProp=\"name\">{item.name}</span>\n                  </Link>\n                  <span aria-hidden=\"true\" className=\"s-breadcrumb-arrow inline-flex\">\n                    <ChevronIcon />\n                  </span>\n                  <meta itemProp=\"position\" content={String(index + 1)} />\n                </>\n              )}\n              {isLast && <meta itemProp=\"position\" content={String(index + 1)} />}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n","import type { Breadcrumb } from '../../types';\n\ninterface BreadcrumbJsonLdProps {\n  items: Breadcrumb[];\n  origin: string;\n}\n\nfunction toAbsoluteUrl(origin: string, path: string): string {\n  if (path.startsWith('http')) return path;\n  return origin + path;\n}\n\nexport function BreadcrumbJsonLd({ items, origin }: BreadcrumbJsonLdProps) {\n  if (items.length === 0) return null;\n\n  const schema = {\n    '@context': 'https://schema.org',\n    '@type': 'BreadcrumbList',\n    itemListElement: items.map((item, index) => {\n      const isLast = index === items.length - 1;\n      const url = toAbsoluteUrl(origin, item.url);\n      return {\n        '@type': 'ListItem',\n        position: index + 1,\n        name: item.name,\n        ...(isLast ? { '@id': url } : { item: url }),\n      };\n    }),\n  };\n\n  const html = JSON.stringify(schema);\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      suppressHydrationWarning\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import type { Page } from '../../types';\nimport { useBreadcrumbs } from '../../hooks/useBreadcrumbs';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { BreadcrumbTrail } from './BreadcrumbTrail';\nimport { BreadcrumbJsonLd } from './BreadcrumbJsonLd';\n\nexport interface BreadcrumbProps {\n  page?: Page | null;\n  className?: string;\n}\n\nexport function Breadcrumb({ page, className }: BreadcrumbProps) {\n  const { theme, store } = useTwilight();\n  const breadcrumbsEnabled = theme.settings.is_breadcrumbs_enabled ?? true;\n  const origin = store.url;\n\n  const items = useBreadcrumbs(page);\n\n  if (!breadcrumbsEnabled) return null;\n\n  return (\n    <>\n      <BreadcrumbTrail items={items} className={className} />\n      <BreadcrumbJsonLd items={items} origin={origin} />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/common/BreadcrumbTrail.tsx","../src/components/common/BreadcrumbJsonLd.tsx","../src/components/common/Breadcrumb.tsx"],"names":["BreadcrumbTrail","jsx","jsxs","Fragment"],"mappings":"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","file":"Breadcrumb-ACO63JUO.js","sourcesContent":["import { memo, useState, useEffect } from 'react';\nimport type { Breadcrumb } from '../../types';\nimport { Link } from './Link';\n\nconst MAX_VISIBLE_ITEMS = 4;\n\ninterface BreadcrumbTrailProps {\n  items: Breadcrumb[];\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    aria-hidden=\"true\"\n  >\n    <title>keyboard_arrow_left</title>\n    <path d=\"M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z\"></path>\n  </svg>\n);\n\nfunction truncateItems(items: Breadcrumb[]): Breadcrumb[] {\n  if (items.length <= MAX_VISIBLE_ITEMS) return items;\n\n  return [items[0], { name: '…', url: '' }, ...items.slice(-2)];\n}\n\nexport const BreadcrumbTrail = memo(function BreadcrumbTrail({\n  items,\n  className,\n}: BreadcrumbTrailProps) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(false);\n  }, [items]);\n\n  if (items.length === 0) return null;\n\n  const displayItems = expanded ? items : truncateItems(items);\n\n  return (\n    <nav className={className ?? 'breadcrumbs w-full py-5'} aria-label=\"Breadcrumb\">\n      <ol className=\"s-breadcrumb-wrapper\" itemScope itemType=\"https://schema.org/BreadcrumbList\">\n        {displayItems.map((item, index) => {\n          const isLast = index === displayItems.length - 1;\n          const isEllipsis = item.name === '…' && !item.url;\n\n          return (\n            <li\n              key={`${item.url}-${item.name}`}\n              className={['s-breadcrumb-item', isEllipsis ? 'cursor-pointer select-none' : ''].join(\n                ' '\n              )}\n              aria-current={isLast ? 'page' : undefined}\n              itemProp=\"itemListElement\"\n              itemScope\n              itemType=\"https://schema.org/ListItem\"\n            >\n              {isEllipsis ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setExpanded(true);\n                  }}\n                  className=\"inline-flex items-center gap-1 hover:underline\"\n                  aria-label=\"Show all breadcrumbs\"\n                >\n                  <span aria-hidden=\"true\" className=\"text-xs\">\n                    •••\n                  </span>\n                </button>\n              ) : isLast ? (\n                <span itemProp=\"name\">{item.name}</span>\n              ) : (\n                <>\n                  <Link to={item.url} itemProp=\"item\">\n                    <span itemProp=\"name\">{item.name}</span>\n                  </Link>\n                  <span aria-hidden=\"true\" className=\"s-breadcrumb-arrow inline-flex\">\n                    <ChevronIcon />\n                  </span>\n                  <meta itemProp=\"position\" content={String(index + 1)} />\n                </>\n              )}\n              {isLast && <meta itemProp=\"position\" content={String(index + 1)} />}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n","import type { Breadcrumb } from '../../types';\n\ninterface BreadcrumbJsonLdProps {\n  items: Breadcrumb[];\n  origin: string;\n}\n\nfunction toAbsoluteUrl(origin: string, path: string): string {\n  if (path.startsWith('http')) return path;\n  return origin + path;\n}\n\nexport function BreadcrumbJsonLd({ items, origin }: BreadcrumbJsonLdProps) {\n  if (items.length === 0) return null;\n\n  const schema = {\n    '@context': 'https://schema.org',\n    '@type': 'BreadcrumbList',\n    itemListElement: items.map((item, index) => {\n      const isLast = index === items.length - 1;\n      const url = toAbsoluteUrl(origin, item.url);\n      return {\n        '@type': 'ListItem',\n        position: index + 1,\n        name: item.name,\n        ...(isLast ? { '@id': url } : { item: url }),\n      };\n    }),\n  };\n\n  const html = JSON.stringify(schema);\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      suppressHydrationWarning\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import type { Page } from '../../types';\nimport { useBreadcrumbs } from '../../hooks/useBreadcrumbs';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { BreadcrumbTrail } from './BreadcrumbTrail';\nimport { BreadcrumbJsonLd } from './BreadcrumbJsonLd';\n\nexport interface BreadcrumbProps {\n  page?: Page | null;\n  className?: string;\n}\n\nexport function Breadcrumb({ page, className }: BreadcrumbProps) {\n  const { theme, store } = useTwilight();\n  const breadcrumbsEnabled = theme.settings.is_breadcrumbs_enabled ?? true;\n  const origin = store.url;\n\n  const items = useBreadcrumbs(page);\n\n  if (!breadcrumbsEnabled) return null;\n\n  return (\n    <>\n      <BreadcrumbTrail items={items} className={className} />\n      <BreadcrumbJsonLd items={items} origin={origin} />\n    </>\n  );\n}\n"]}