simplycms 0.4.0

package/dist/chunk-5XW3TCGE.js

@@ -0,0 +1,132 @@
+import { useBanners } from 'simplycms/core/hooks/useBanners';
+import useEmblaCarousel from 'embla-carousel-react';
+import { useState, useCallback, useEffect } from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { Button } from 'simplycms/ui/button';
+import { Link } from '@tanstack/react-router';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/storefront-routes/components/BannerSlider.tsx
+function BannerSlider({
+  placement = "home",
+  sectionId,
+  banners: initialBanners
+}) {
+  const { data: fetchedBanners } = useBanners(placement, sectionId);
+  const banners = fetchedBanners ?? initialBanners;
+  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true });
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const onSelect = useCallback(() => {
+    if (!emblaApi) return;
+    setSelectedIndex(emblaApi.selectedScrollSnap());
+  }, [emblaApi]);
+  const [prevEmblaApi, setPrevEmblaApi] = useState(emblaApi);
+  if (emblaApi && emblaApi !== prevEmblaApi) {
+    setPrevEmblaApi(emblaApi);
+    setSelectedIndex(emblaApi.selectedScrollSnap());
+  }
+  useEffect(() => {
+    if (!emblaApi || !banners?.length) return;
+    emblaApi.on("select", onSelect);
+    const currentBanner = banners[emblaApi.selectedScrollSnap()];
+    const duration = currentBanner?.slide_duration || 5e3;
+    const interval = setInterval(() => {
+      if (emblaApi.canScrollNext()) emblaApi.scrollNext();
+      else emblaApi.scrollTo(0);
+    }, duration);
+    return () => {
+      clearInterval(interval);
+      emblaApi.off("select", onSelect);
+    };
+  }, [emblaApi, onSelect, banners]);
+  if (!banners?.length) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+    /* @__PURE__ */ jsx("div", { className: "overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ jsx("div", { className: "flex", children: banners.map((banner, index) => /* @__PURE__ */ jsx("div", { className: "flex-[0_0_100%] min-w-0 relative", children: /* @__PURE__ */ jsx(BannerContent, { banner, isFirst: index === 0 }) }, banner.id)) }) }),
+    banners.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "absolute left-4 top-1/2 -translate-y-1/2 bg-background/60 hover:bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity rounded-full",
+          onClick: () => emblaApi?.scrollPrev(),
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "absolute right-4 top-1/2 -translate-y-1/2 bg-background/60 hover:bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity rounded-full",
+          onClick: () => emblaApi?.scrollNext(),
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: banners.map((_, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `h-2 rounded-full transition-all ${i === selectedIndex ? "w-6 bg-primary" : "w-2 bg-foreground/30"}`,
+          onClick: () => emblaApi?.scrollTo(i)
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
+function BannerContent({
+  banner,
+  isFirst
+}) {
+  const textAlign = banner.text_position === "center" ? "items-center text-center" : banner.text_position === "right" ? "items-end text-right" : "items-start";
+  const gradientDir = banner.text_position === "right" ? "from-transparent to-black/40" : banner.text_position === "center" ? "from-black/30 via-black/20 to-black/30" : "from-black/40 to-transparent";
+  return /* @__PURE__ */ jsxs("div", { className: "relative aspect-[21/9] md:aspect-[3/1] bg-muted overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: banner.image_url,
+        alt: banner.title,
+        fetchPriority: isFirst ? "high" : void 0,
+        loading: isFirst ? "eager" : "lazy",
+        decoding: "async",
+        className: "absolute inset-0 w-full h-full object-cover",
+        style: {
+          animationDuration: `${banner.animation_duration}ms`
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `absolute inset-0 bg-gradient-to-r ${gradientDir} flex ${textAlign}`,
+        style: { backgroundColor: banner.overlay_color || void 0 },
+        children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 flex flex-col justify-center h-full", children: /* @__PURE__ */ jsxs("div", { className: `max-w-lg text-white flex flex-col ${textAlign}`, children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-4xl font-heading font-bold mb-2", children: banner.title }),
+          banner.subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm md:text-base opacity-90 mb-4", children: banner.subtitle }),
+          banner.buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-3 flex-wrap", children: banner.buttons.map((btn, i) => /* @__PURE__ */ jsx(BannerButtonEl, { button: btn }, i)) })
+        ] }) })
+      }
+    )
+  ] });
+}
+function BannerButtonEl({ button }) {
+  const baseClass = "inline-block px-6 py-2 rounded text-sm font-medium transition-colors";
+  const variantClass = button.variant === "secondary" ? "bg-secondary text-secondary-foreground hover:bg-secondary/80" : button.variant === "outline" ? "border border-white text-white hover:bg-white/20" : "bg-primary text-primary-foreground hover:bg-primary/90";
+  if (button.target === "_blank") {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: button.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: `${baseClass} ${variantClass}`,
+        children: button.text
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Link, { to: button.url || "#", className: `${baseClass} ${variantClass}`, children: button.text });
+}
+
+export { BannerSlider };
+//# sourceMappingURL=chunk-5XW3TCGE.js.map
+//# sourceMappingURL=chunk-5XW3TCGE.js.map

package/dist/chunk-5XW3TCGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/components/BannerSlider.tsx"],"names":[],"mappings":"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","file":"chunk-5XW3TCGE.js","sourcesContent":["import { useBanners } from 'simplycms/core/hooks/useBanners';\nimport type { Banner, BannerButton } from 'simplycms/contracts/objects';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from 'simplycms/ui/button';\nimport { Link } from '@tanstack/react-router';\n\ninterface BannerSliderProps {\n  placement?: string;\n  sectionId?: string;\n  banners?: Banner[];\n}\n\nexport function BannerSlider({\n  placement = 'home',\n  sectionId,\n  banners: initialBanners,\n}: BannerSliderProps) {\n  const { data: fetchedBanners } = useBanners(placement, sectionId);\n  const banners = fetchedBanners ?? initialBanners;\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true });\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const onSelect = useCallback(() => {\n    if (!emblaApi) return;\n    setSelectedIndex(emblaApi.selectedScrollSnap());\n  }, [emblaApi]);\n\n  // Ініціалізація selectedIndex при появі emblaApi (adjust state during render)\n  const [prevEmblaApi, setPrevEmblaApi] = useState(emblaApi);\n  if (emblaApi && emblaApi !== prevEmblaApi) {\n    setPrevEmblaApi(emblaApi);\n    setSelectedIndex(emblaApi.selectedScrollSnap());\n  }\n\n  useEffect(() => {\n    if (!emblaApi || !banners?.length) return;\n    emblaApi.on('select', onSelect);\n\n    const currentBanner = banners[emblaApi.selectedScrollSnap()];\n    const duration = currentBanner?.slide_duration || 5000;\n\n    const interval = setInterval(() => {\n      if (emblaApi.canScrollNext()) emblaApi.scrollNext();\n      else emblaApi.scrollTo(0);\n    }, duration);\n\n    return () => {\n      clearInterval(interval);\n      emblaApi.off('select', onSelect);\n    };\n  }, [emblaApi, onSelect, banners]);\n\n  if (!banners?.length) return null;\n\n  return (\n    <div className=\"relative group\">\n      <div className=\"overflow-hidden\" ref={emblaRef}>\n        <div className=\"flex\">\n          {banners.map((banner, index) => (\n            <div key={banner.id} className=\"flex-[0_0_100%] min-w-0 relative\">\n              <BannerContent banner={banner} isFirst={index === 0} />\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {banners.length > 1 && (\n        <>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"absolute left-4 top-1/2 -translate-y-1/2 bg-background/60 hover:bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity rounded-full\"\n            onClick={() => emblaApi?.scrollPrev()}\n          >\n            <ChevronLeft className=\"h-5 w-5\" />\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"absolute right-4 top-1/2 -translate-y-1/2 bg-background/60 hover:bg-background/80 opacity-0 group-hover:opacity-100 transition-opacity rounded-full\"\n            onClick={() => emblaApi?.scrollNext()}\n          >\n            <ChevronRight className=\"h-5 w-5\" />\n          </Button>\n\n          <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2\">\n            {banners.map((_, i) => (\n              <button\n                key={i}\n                className={`h-2 rounded-full transition-all ${\n                  i === selectedIndex\n                    ? 'w-6 bg-primary'\n                    : 'w-2 bg-foreground/30'\n                }`}\n                onClick={() => emblaApi?.scrollTo(i)}\n              />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction BannerContent({\n  banner,\n  isFirst,\n}: {\n  banner: Banner;\n  isFirst: boolean;\n}) {\n  const textAlign =\n    banner.text_position === 'center'\n      ? 'items-center text-center'\n      : banner.text_position === 'right'\n        ? 'items-end text-right'\n        : 'items-start';\n  const gradientDir =\n    banner.text_position === 'right'\n      ? 'from-transparent to-black/40'\n      : banner.text_position === 'center'\n        ? 'from-black/30 via-black/20 to-black/30'\n        : 'from-black/40 to-transparent';\n\n  return (\n    <div className=\"relative aspect-[21/9] md:aspect-[3/1] bg-muted overflow-hidden\">\n      <img\n        src={banner.image_url}\n        alt={banner.title}\n        fetchPriority={isFirst ? 'high' : undefined}\n        loading={isFirst ? 'eager' : 'lazy'}\n        decoding=\"async\"\n        className=\"absolute inset-0 w-full h-full object-cover\"\n        style={{\n          animationDuration: `${banner.animation_duration}ms`,\n        }}\n      />\n      <div\n        className={`absolute inset-0 bg-gradient-to-r ${gradientDir} flex ${textAlign}`}\n        style={{ backgroundColor: banner.overlay_color || undefined }}\n      >\n        <div className=\"container mx-auto px-4 flex flex-col justify-center h-full\">\n          <div className={`max-w-lg text-white flex flex-col ${textAlign}`}>\n            <h2 className=\"text-2xl md:text-4xl font-heading font-bold mb-2\">\n              {banner.title}\n            </h2>\n            {banner.subtitle && (\n              <p className=\"text-sm md:text-base opacity-90 mb-4\">\n                {banner.subtitle}\n              </p>\n            )}\n            {banner.buttons.length > 0 && (\n              <div className=\"flex gap-3 flex-wrap\">\n                {banner.buttons.map((btn, i) => (\n                  <BannerButtonEl key={i} button={btn} />\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction BannerButtonEl({ button }: { button: BannerButton }) {\n  const baseClass =\n    'inline-block px-6 py-2 rounded text-sm font-medium transition-colors';\n  const variantClass =\n    button.variant === 'secondary'\n      ? 'bg-secondary text-secondary-foreground hover:bg-secondary/80'\n      : button.variant === 'outline'\n        ? 'border border-white text-white hover:bg-white/20'\n        : 'bg-primary text-primary-foreground hover:bg-primary/90';\n\n  if (button.target === '_blank') {\n    return (\n      <a\n        href={button.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={`${baseClass} ${variantClass}`}\n      >\n        {button.text}\n      </a>\n    );\n  }\n\n  return (\n    <Link to={button.url || '#'} className={`${baseClass} ${variantClass}`}>\n      {button.text}\n    </Link>\n  );\n}\n"]}

package/dist/chunk-64LMUHDA.js

@@ -0,0 +1,122 @@
+import { satisfies, CORE_VERSION } from 'simplycms/contracts/semver';
+
+// src/themes/validateThemeModule.ts
+
+// src/themes/validateThemeViews.ts
+var THEME_VIEW_KEYS = [
+  "Home",
+  "Catalog",
+  "CatalogSection",
+  "ProductDetail",
+  "Cart"
+];
+function validateThemeViews(themeName, views) {
+  if (typeof views !== "object" || views === null || Array.isArray(views)) {
+    throw new Error(
+      `[theme] "${themeName}": views \u043C\u0430\u044E\u0442\u044C \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C { <\u0441\u0442\u043E\u0440\u0456\u043D\u043A\u0430>: React-\u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 }`
+    );
+  }
+  for (const [key, view] of Object.entries(views)) {
+    if (!THEME_VIEW_KEYS.includes(key)) {
+      throw new Error(
+        `[theme] "${themeName}": \u043D\u0435\u0432\u0456\u0434\u043E\u043C\u0438\u0439 views.${key}; \u0434\u043E\u0437\u0432\u043E\u043B\u0435\u043D\u0456: ${THEME_VIEW_KEYS.join(", ")}`
+      );
+    }
+    if (typeof view !== "function") {
+      throw new Error(
+        `[theme] "${themeName}": views.${key} \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 React-\u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u043C`
+      );
+    }
+  }
+}
+
+// src/themes/validateThemeModule.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function validateThemeModule(m) {
+  if (!isRecord(m)) {
+    throw new Error("[theme] \u041C\u043E\u0434\u0443\u043B\u044C \u0442\u0435\u043C\u0438 \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C");
+  }
+  const { manifest, tokens, components, settings, messages, fonts, views } = m;
+  if (!isRecord(manifest)) {
+    throw new Error("[theme] \u0412\u0456\u0434\u0441\u0443\u0442\u043D\u0456\u0439 manifest");
+  }
+  if (typeof manifest.name !== "string" || typeof manifest.displayName !== "string" || typeof manifest.version !== "string") {
+    throw new Error(
+      "[theme] \u041D\u0435\u043F\u043E\u0432\u043D\u0438\u0439 manifest: \u043F\u043E\u0442\u0440\u0456\u0431\u043D\u0456 name, displayName, version"
+    );
+  }
+  const engines = manifest.engines;
+  if (!isRecord(engines) || typeof engines.simplycms !== "string") {
+    throw new Error(
+      `[theme] "${manifest.name}": manifest.engines.simplycms \u043E\u0431\u043E\u0432\u02BC\u044F\u0437\u043A\u043E\u0432\u0438\u0439 (\u0434\u0456\u0430\u043F\u0430\u0437\u043E\u043D \u0441\u0443\u043C\u0456\u0441\u043D\u043E\u0441\u0442\u0456 \u0437 \u044F\u0434\u0440\u043E\u043C)`
+    );
+  }
+  try {
+    if (!satisfies(CORE_VERSION, engines.simplycms)) {
+      console.warn(
+        `[theme] "${manifest.name}": engines.simplycms "${engines.simplycms}" \u043D\u0435 \u043F\u043E\u043A\u0440\u0438\u0432\u0430\u0454 \u044F\u0434\u0440\u043E ${CORE_VERSION} \u2014 \u0442\u0435\u043C\u0430 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043D\u0435\u0441\u0443\u043C\u0456\u0441\u043D\u043E\u044E`
+      );
+    }
+  } catch (error) {
+    console.warn(
+      `[theme] "${manifest.name}": engines.simplycms \u043D\u0435 \u0440\u043E\u0437\u043F\u0430\u0440\u0441\u0438\u0432\u0441\u044F: ${error instanceof Error ? error.message : String(error)}`
+    );
+  }
+  if (!isRecord(tokens)) {
+    throw new Error(`[theme] "${manifest.name}": \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456 tokens`);
+  }
+  if (!isRecord(components)) {
+    throw new Error(`[theme] "${manifest.name}": \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456 components`);
+  }
+  if (typeof components.Header !== "function") {
+    throw new Error(`[theme] "${manifest.name}": \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456\u0439 components.Header`);
+  }
+  if (typeof components.Footer !== "function") {
+    throw new Error(`[theme] "${manifest.name}": \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456\u0439 components.Footer`);
+  }
+  if (settings !== void 0 && !isRecord(settings)) {
+    throw new Error(
+      `[theme] "${manifest.name}": settings \u043C\u0430\u044E\u0442\u044C \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C \u0441\u0445\u0435\u043C\u0438 \u043D\u0430\u043B\u0430\u0448\u0442\u0443\u0432\u0430\u043D\u044C`
+    );
+  }
+  if (messages !== void 0) {
+    if (!isRecord(messages)) {
+      throw new Error(
+        `[theme] "${manifest.name}": messages \u043C\u0430\u044E\u0442\u044C \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C \u043A\u0430\u0442\u0430\u043B\u043E\u0433\u0456\u0432 \u0437\u0430 \u043B\u043E\u043A\u0430\u043B\u043B\u044E`
+      );
+    }
+    for (const [locale, catalog] of Object.entries(messages)) {
+      if (!isRecord(catalog)) {
+        throw new Error(
+          `[theme] "${manifest.name}": messages.${locale} \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C \u0440\u044F\u0434\u043E\u043A\u2192\u0440\u044F\u0434\u043E\u043A`
+        );
+      }
+      for (const [key, value] of Object.entries(catalog)) {
+        if (typeof value !== "string") {
+          throw new Error(
+            `[theme] "${manifest.name}": messages.${locale}.${key} \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 \u0440\u044F\u0434\u043A\u043E\u043C`
+          );
+        }
+      }
+    }
+  }
+  if (fonts !== void 0) {
+    if (!Array.isArray(fonts)) {
+      throw new Error(`[theme] "${manifest.name}": fonts \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 \u043C\u0430\u0441\u0438\u0432\u043E\u043C`);
+    }
+    fonts.forEach((entry, index) => {
+      if (!isRecord(entry) || typeof entry.stylesheet !== "string") {
+        throw new Error(
+          `[theme] "${manifest.name}": fonts[${index}] \u043C\u0430\u0454 \u0431\u0443\u0442\u0438 \u043E\u0431\u02BC\u0454\u043A\u0442\u043E\u043C { stylesheet: string }`
+        );
+      }
+    });
+  }
+  if (views !== void 0) validateThemeViews(String(manifest.name), views);
+}
+
+export { THEME_VIEW_KEYS, validateThemeModule };
+//# sourceMappingURL=chunk-64LMUHDA.js.map
+//# sourceMappingURL=chunk-64LMUHDA.js.map

package/dist/chunk-64LMUHDA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/validateThemeViews.ts","../src/themes/validateThemeModule.ts"],"names":[],"mappings":"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","file":"chunk-64LMUHDA.js","sourcesContent":["// Мʼяка перевірка форми `ThemeModule.views` (контракт тем v3).\n//\n// Винесено з `validateThemeModule` окремим модулем за каноном розміру файлу;\n// семантику заявлених view (обовʼязкові реквізити, крайні стани) доводить не\n// цей код, а conformance-kit (`simplycms/themes/conformance`) — тут лише\n// форма, за ідіомою блоку `fonts`.\n\n/**\n * Відомі ключі `ThemeModule.views` — рівно пʼять канонічних сторінок вітрини.\n * Список публічний: на ньому тримається і валідація форми тут, і перелік\n * фікстур conformance-kit-а.\n */\nexport const THEME_VIEW_KEYS = [\n  'Home',\n  'Catalog',\n  'CatalogSection',\n  'ProductDetail',\n  'Cart',\n] as const;\n\n/**\n * Кидає, якщо `views` не мапа відомих сторінок у React-компоненти.\n * Тема без `views` сюди не доходить — поле опційне й валідне відсутнім.\n */\nexport function validateThemeViews(themeName: string, views: unknown): void {\n  // 🔴 `typeof [] === 'object'`, а масив views — це не мапа сторінок:\n  // відсікаємо явно.\n  if (typeof views !== 'object' || views === null || Array.isArray(views)) {\n    throw new Error(\n      `[theme] \"${themeName}\": views мають бути обʼєктом { <сторінка>: React-компонент }`,\n    );\n  }\n\n  for (const [key, view] of Object.entries(views)) {\n    if (!(THEME_VIEW_KEYS as readonly string[]).includes(key)) {\n      throw new Error(\n        `[theme] \"${themeName}\": невідомий views.${key}; дозволені: ${THEME_VIEW_KEYS.join(', ')}`,\n      );\n    }\n    if (typeof view !== 'function') {\n      throw new Error(\n        `[theme] \"${themeName}\": views.${key} має бути React-компонентом`,\n      );\n    }\n  }\n}\n","import { CORE_VERSION, satisfies } from 'simplycms/contracts/semver';\nimport type { ThemeModule } from './types';\nimport { validateThemeViews } from './validateThemeViews';\n\nexport { THEME_VIEW_KEYS } from './validateThemeViews';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\n/**\n * Публічний pure-валідатор модуля теми (контракт v2).\n *\n * Тема приходить із зовнішнього пакета, тому її форма — `unknown` доти, доки\n * не перевірена тут. Реєстр не має власної приватної валідації: єдина\n * реалізація контракту живе в цій функції.\n */\nexport function validateThemeModule(m: unknown): asserts m is ThemeModule {\n  if (!isRecord(m)) {\n    throw new Error('[theme] Модуль теми має бути обʼєктом');\n  }\n\n  const { manifest, tokens, components, settings, messages, fonts, views } = m;\n\n  if (!isRecord(manifest)) {\n    throw new Error('[theme] Відсутній manifest');\n  }\n\n  if (\n    typeof manifest.name !== 'string' ||\n    typeof manifest.displayName !== 'string' ||\n    typeof manifest.version !== 'string'\n  ) {\n    throw new Error(\n      '[theme] Неповний manifest: потрібні name, displayName, version',\n    );\n  }\n\n  const engines = manifest.engines;\n  if (!isRecord(engines) || typeof engines.simplycms !== 'string') {\n    throw new Error(\n      `[theme] \"${manifest.name}\": manifest.engines.simplycms обовʼязковий (діапазон сумісності з ядром)`,\n    );\n  }\n\n  // Реальна semver-перевірка діапазону — warn-режим на 0.x (рішення Р5 плану\n  // Фази 3): невідповідність не валить тему, строгий фейл — політика\n  // реліз-потяга v1.0. Нерозбірливий діапазон — теж warn, з причиною.\n  try {\n    if (!satisfies(CORE_VERSION, engines.simplycms)) {\n      console.warn(\n        `[theme] \"${manifest.name}\": engines.simplycms \"${engines.simplycms}\" ` +\n          `не покриває ядро ${CORE_VERSION} — тема може бути несумісною`,\n      );\n    }\n  } catch (error) {\n    console.warn(\n      `[theme] \"${manifest.name}\": engines.simplycms не розпарсився: ${\n        error instanceof Error ? error.message : String(error)\n      }`,\n    );\n  }\n\n  if (!isRecord(tokens)) {\n    throw new Error(`[theme] \"${manifest.name}\": відсутні tokens`);\n  }\n\n  if (!isRecord(components)) {\n    throw new Error(`[theme] \"${manifest.name}\": відсутні components`);\n  }\n\n  if (typeof components.Header !== 'function') {\n    throw new Error(`[theme] \"${manifest.name}\": відсутній components.Header`);\n  }\n\n  if (typeof components.Footer !== 'function') {\n    throw new Error(`[theme] \"${manifest.name}\": відсутній components.Footer`);\n  }\n\n  if (settings !== undefined && !isRecord(settings)) {\n    throw new Error(\n      `[theme] \"${manifest.name}\": settings мають бути обʼєктом схеми налаштувань`,\n    );\n  }\n\n  if (messages !== undefined) {\n    if (!isRecord(messages)) {\n      throw new Error(\n        `[theme] \"${manifest.name}\": messages мають бути обʼєктом каталогів за локаллю`,\n      );\n    }\n    for (const [locale, catalog] of Object.entries(messages)) {\n      if (!isRecord(catalog)) {\n        throw new Error(\n          `[theme] \"${manifest.name}\": messages.${locale} має бути обʼєктом рядок→рядок`,\n        );\n      }\n      for (const [key, value] of Object.entries(catalog)) {\n        if (typeof value !== 'string') {\n          throw new Error(\n            `[theme] \"${manifest.name}\": messages.${locale}.${key} має бути рядком`,\n          );\n        }\n      }\n    }\n  }\n\n  // Мʼяка перевірка форми `fonts` (контракт v2.2, Р4): рантайм-фільтрація\n  // валідних https:-URL — робота `safeFontStylesheets`, тут лише форма.\n  if (fonts !== undefined) {\n    if (!Array.isArray(fonts)) {\n      throw new Error(`[theme] \"${manifest.name}\": fonts має бути масивом`);\n    }\n    fonts.forEach((entry, index) => {\n      if (!isRecord(entry) || typeof entry.stylesheet !== 'string') {\n        throw new Error(\n          `[theme] \"${manifest.name}\": fonts[${index}] має бути обʼєктом { stylesheet: string }`,\n        );\n      }\n    });\n  }\n\n  // Мʼяка перевірка форми `views` (контракт v3) — за ідіомою блоку `fonts`:\n  // лише форма, семантику доводить conformance-kit. Тема без `views` валідна.\n  if (views !== undefined) validateThemeViews(String(manifest.name), views);\n}\n"]}

package/dist/chunk-6CF3TA4X.js

@@ -0,0 +1,23 @@
+import { createServerFn } from '@tanstack/react-start';
+import { z } from 'zod';
+import { withStorefrontDb, loadProduct, loadModificationStock, loadModificationIds, loadProductModificationValues } from 'simplycms/storefront/loaders';
+
+// src/storefront-routes/server/products.ts
+var getProduct = createServerFn({ method: "GET" }).inputValidator(z.object({ slug: z.string().min(1) })).handler(async ({ data: input }) => {
+  const { slug } = input;
+  return withStorefrontDb((db) => loadProduct(db, slug));
+});
+var getModificationData = createServerFn({ method: "GET" }).inputValidator(z.object({ productId: z.string().min(1) })).handler(async ({ data: input }) => {
+  const { productId } = input;
+  return withStorefrontDb(async (db) => ({
+    propertyValues: await loadProductModificationValues(db, productId),
+    stock: await loadModificationStock(
+      db,
+      await loadModificationIds(db, productId)
+    )
+  }));
+});
+
+export { getModificationData, getProduct };
+//# sourceMappingURL=chunk-6CF3TA4X.js.map
+//# sourceMappingURL=chunk-6CF3TA4X.js.map

package/dist/chunk-6CF3TA4X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/server/products.ts"],"names":[],"mappings":";;;;;AAmBO,IAAM,UAAA,GAAa,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CACvD,cAAA,CAAe,CAAA,CAAE,MAAA,CAAO,EAAE,IAAA,EAAM,CAAA,CAAE,QAAO,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAC,CAAA,CACpD,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAM,KAAA,EAAM,KAAM;AAClC,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AACjB,EAAA,OAAO,iBAAiB,CAAC,EAAA,KAAO,WAAA,CAAY,EAAA,EAAI,IAAI,CAAC,CAAA;AACvD,CAAC;AAUI,IAAM,mBAAA,GAAsB,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAChE,cAAA,CAAe,CAAA,CAAE,MAAA,CAAO,EAAE,SAAA,EAAW,CAAA,CAAE,QAAO,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAC,CAAA,CACzD,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAM,KAAA,EAAM,KAAwC;AACpE,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AAEtB,EAAA,OAAO,gBAAA,CAAiB,OAAO,EAAA,MAAQ;AAAA,IACrC,cAAA,EAAgB,MAAM,6BAAA,CAA8B,EAAA,EAAI,SAAS,CAAA;AAAA,IACjE,OAAO,MAAM,qBAAA;AAAA,MACX,EAAA;AAAA,MACA,MAAM,mBAAA,CAAoB,EAAA,EAAI,SAAS;AAAA;AACzC,GACF,CAAE,CAAA;AACJ,CAAC","file":"chunk-6CF3TA4X.js","sourcesContent":["import { createServerFn } from '@tanstack/react-start';\nimport { z } from 'zod';\nimport {\n  loadModificationIds,\n  loadModificationStock,\n  loadProduct,\n  loadProductModificationValues,\n  withStorefrontDb,\n  type ModificationStockRow,\n} from 'simplycms/storefront/loaders';\nimport type { ProductPropertyValueViewModel } from 'simplycms/contracts/views';\n\n/** Характеристики й наявність модифікацій одного товару. */\nexport interface ModificationDataPayload {\n  propertyValues: Record<string, ProductPropertyValueViewModel[]>;\n  stock: Record<string, ModificationStockRow>;\n}\n\n/** Отримати товар за slug (для сторінки товару). */\nexport const getProduct = createServerFn({ method: 'GET' })\n  .inputValidator(z.object({ slug: z.string().min(1) }))\n  .handler(async ({ data: input }) => {\n    const { slug } = input as { slug: string };\n    return withStorefrontDb((db) => loadProduct(db, slug));\n  });\n\n/**\n * Дані модифікацій товару: характеристики й залишки.\n *\n * 🔴 Вхід — `productId`, а не список id модифікацій. По-перше, список із\n * браузера довелося б звіряти; по-друге, старий клієнт робив ОКРЕМИЙ виклик\n * `rpc('get_stock_info')` на кожну модифікацію — тобто N раундтрипів там, де\n * достатньо двох запитів. Самої функції в схемі v2 вже й немає (B13).\n */\nexport const getModificationData = createServerFn({ method: 'GET' })\n  .inputValidator(z.object({ productId: z.string().min(1) }))\n  .handler(async ({ data: input }): Promise<ModificationDataPayload> => {\n    const { productId } = input as { productId: string };\n\n    return withStorefrontDb(async (db) => ({\n      propertyValues: await loadProductModificationValues(db, productId),\n      stock: await loadModificationStock(\n        db,\n        await loadModificationIds(db, productId),\n      ),\n    }));\n  });\n"]}

package/dist/chunk-6D2UAQNA.js

@@ -0,0 +1,36 @@
+import { PRODUCT_DETAIL_REQUISITES } from 'simplycms/contracts/views';
+import { useT } from 'simplycms/i18n';
+import { Badge } from 'simplycms/ui/badge';
+import { cn } from 'simplycms/ui/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/storefront-routes/views/slots/ProductStockBadge.tsx
+function ProductStockBadge({
+  className,
+  stockStatus
+}) {
+  const t = useT();
+  const isInStock = stockStatus === "in_stock" || stockStatus === "on_order";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-simplycms-requisite": PRODUCT_DETAIL_REQUISITES.StockBadge,
+      className: cn("contents", className),
+      children: [
+        stockStatus === "on_order" && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: "border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/20",
+            children: t("product.onOrder")
+          }
+        ),
+        !isInStock && stockStatus !== "on_order" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: t("product.outOfStock") })
+      ]
+    }
+  );
+}
+
+export { ProductStockBadge };
+//# sourceMappingURL=chunk-6D2UAQNA.js.map
+//# sourceMappingURL=chunk-6D2UAQNA.js.map

package/dist/chunk-6D2UAQNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/slots/ProductStockBadge.tsx"],"names":[],"mappings":";;;;;;;AAmBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,UAAA,IAAc,WAAA,KAAgB,UAAA;AAEhE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,yBAAA,CAA0B,UAAA;AAAA,MACpD,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAElC,QAAA,EAAA;AAAA,QAAA,WAAA,KAAgB,UAAA,oBACf,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,SAAA;AAAA,YACR,SAAA,EAAU,kEAAA;AAAA,YAET,YAAE,iBAAiB;AAAA;AAAA,SACtB;AAAA,QAED,CAAC,SAAA,IAAa,WAAA,KAAgB,UAAA,oBAC7B,GAAA,CAAC,SAAM,OAAA,EAAQ,WAAA,EAAa,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAAE;AAAA;AAAA;AAAA,GAExD;AAEJ","file":"chunk-6D2UAQNA.js","sourcesContent":["import { PRODUCT_DETAIL_REQUISITES } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { Badge } from 'simplycms/ui/badge';\nimport { cn } from 'simplycms/ui/utils';\n\nexport interface ProductStockBadgeProps {\n  className?: string;\n  /** Статус наявності товару або обраної модифікації. */\n  stockStatus: string | null;\n}\n\n/**\n * Реквізит «бейдж наявності»: «під замовлення» / «немає в наявності».\n *\n * 🔴 Корінь слота — `display: contents` (клас `contents`): маркер існує\n * завжди, а бокса елемент не створює, тож у flex-ряду бейджі лишаються\n * прямими flex-item-ами і `gap` не зʼїдає порожній слот. Так реквізит видно\n * conformance-у навіть у стані «товар у наявності», коли бейджа немає.\n */\nexport function ProductStockBadge({\n  className,\n  stockStatus,\n}: ProductStockBadgeProps) {\n  const t = useT();\n  const isInStock = stockStatus === 'in_stock' || stockStatus === 'on_order';\n\n  return (\n    <div\n      data-simplycms-requisite={PRODUCT_DETAIL_REQUISITES.StockBadge}\n      className={cn('contents', className)}\n    >\n      {stockStatus === 'on_order' && (\n        <Badge\n          variant=\"outline\"\n          className=\"border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/20\"\n        >\n          {t('product.onOrder')}\n        </Badge>\n      )}\n      {!isInStock && stockStatus !== 'on_order' && (\n        <Badge variant=\"secondary\">{t('product.outOfStock')}</Badge>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-6EQJNNCU.js

@@ -0,0 +1,39 @@
+import { CART_REQUISITES } from 'simplycms/contracts/views';
+import { useT } from 'simplycms/i18n';
+import { useCart, useFormatPrice } from 'simplycms/react-query';
+import { Separator } from 'simplycms/ui/separator';
+import { cn } from 'simplycms/ui/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/storefront-routes/views/slots/CartSummary.tsx
+function CartSummary({ className }) {
+  const t = useT();
+  const { totalPrice } = useCart();
+  const formatPrice = useFormatPrice();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-simplycms-requisite": CART_REQUISITES.Summary,
+      className: cn("space-y-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cart.summary.itemsTotal") }),
+          /* @__PURE__ */ jsx("span", { children: formatPrice(totalPrice) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cart.summary.shipping") }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cart.summary.shippingHint") })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between font-semibold text-lg", children: [
+          /* @__PURE__ */ jsx("span", { children: t("cart.summary.total") }),
+          /* @__PURE__ */ jsx("span", { className: "text-primary", children: formatPrice(totalPrice) })
+        ] })
+      ]
+    }
+  );
+}
+
+export { CartSummary };
+//# sourceMappingURL=chunk-6EQJNNCU.js.map
+//# sourceMappingURL=chunk-6EQJNNCU.js.map

package/dist/chunk-6EQJNNCU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/slots/CartSummary.tsx"],"names":[],"mappings":";;;;;;;;AAiBO,SAAS,WAAA,CAAY,EAAE,SAAA,EAAU,EAAqB;AAC3D,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,OAAA,EAAQ;AAC/B,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,eAAA,CAAgB,OAAA;AAAA,MAC1C,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA;AAAA,MAEpC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC9B,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,CAAY,UAAU,CAAA,EAAE;AAAA,SAAA,EACjC,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC5B,CAAA;AAAA,8BACC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA,CAAA,CAAE,2BAA2B,CAAA,EAChC;AAAA,SAAA,EACF,CAAA;AAAA,4BACC,SAAA,EAAA,EAAU,CAAA;AAAA,wBACX,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAAE,CAAA;AAAA,8BAC9B,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,WAAA,CAAY,UAAU,CAAA,EAAE;AAAA,SAAA,EAC1D;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-6EQJNNCU.js","sourcesContent":["import { CART_REQUISITES } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { useCart, useFormatPrice } from 'simplycms/react-query';\nimport { Separator } from 'simplycms/ui/separator';\nimport { cn } from 'simplycms/ui/utils';\n\nexport interface CartSummaryProps {\n  className?: string;\n}\n\n/**\n * Реквізит «підсумок замовлення»: сума позицій, доставка, разом.\n *\n * 🔴 Вертикальні відступи (`space-y-4`) переїхали з `CardContent` сторінки в\n * КОРІНЬ слота: обгортка з `display: contents` тут не годиться — `space-y-*`\n * добирає лише прямих дітей, і рядки підсумку втратили б відступи.\n */\nexport function CartSummary({ className }: CartSummaryProps) {\n  const t = useT();\n  const { totalPrice } = useCart();\n  const formatPrice = useFormatPrice();\n\n  return (\n    <div\n      data-simplycms-requisite={CART_REQUISITES.Summary}\n      className={cn('space-y-4', className)}\n    >\n      <div className=\"flex justify-between text-sm\">\n        <span className=\"text-muted-foreground\">\n          {t('cart.summary.itemsTotal')}\n        </span>\n        <span>{formatPrice(totalPrice)}</span>\n      </div>\n      <div className=\"flex justify-between text-sm\">\n        <span className=\"text-muted-foreground\">\n          {t('cart.summary.shipping')}\n        </span>\n        <span className=\"text-muted-foreground\">\n          {t('cart.summary.shippingHint')}\n        </span>\n      </div>\n      <Separator />\n      <div className=\"flex justify-between font-semibold text-lg\">\n        <span>{t('cart.summary.total')}</span>\n        <span className=\"text-primary\">{formatPrice(totalPrice)}</span>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-6J52Y6TD.js

@@ -0,0 +1,38 @@
+import { CatalogPageHeader, CatalogLayout } from './chunk-IFL7XD6B.js';
+import { StorefrontBreadcrumbs } from './chunk-FJN35H2F.js';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CatalogSectionView({
+  breadcrumbs,
+  productCount,
+  section,
+  slots
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-8", children: [
+    /* @__PURE__ */ jsx(StorefrontBreadcrumbs, { items: breadcrumbs }),
+    /* @__PURE__ */ jsx(
+      CatalogPageHeader,
+      {
+        title: section.name,
+        subtitle: t("catalog.subtitle")
+      }
+    ),
+    /* @__PURE__ */ jsx(CatalogLayout, { productCount, slots }),
+    section.description && /* @__PURE__ */ jsxs("div", { className: "mt-12 pt-8 border-t", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-4", children: section.name }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "prose prose-sm max-w-none text-muted-foreground dark:prose-invert",
+          dangerouslySetInnerHTML: { __html: section.description }
+        }
+      )
+    ] })
+  ] });
+}
+
+export { CatalogSectionView };
+//# sourceMappingURL=chunk-6J52Y6TD.js.map
+//# sourceMappingURL=chunk-6J52Y6TD.js.map

package/dist/chunk-6J52Y6TD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/CatalogSectionView.tsx"],"names":[],"mappings":";;;;;AAUO,SAAS,kBAAA,CAAmB;AAAA,EACjC,WAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,OAAO,WAAA,EAAa,CAAA;AAAA,oBAC3C,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,OAAO,OAAA,CAAQ,IAAA;AAAA,QACf,QAAA,EAAU,EAAE,kBAAkB;AAAA;AAAA,KAChC;AAAA,oBACA,GAAA,CAAC,aAAA,EAAA,EAAc,YAAA,EAA4B,KAAA,EAAc,CAAA;AAAA,IAExD,OAAA,CAAQ,WAAA,oBACP,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,OAAA,CAAQ,IAAA,EAAK,CAAA;AAAA,sBACtD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mEAAA;AAAA,UACV,uBAAA,EAAyB,EAAE,MAAA,EAAQ,OAAA,CAAQ,WAAA;AAAY;AAAA;AACzD,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-6J52Y6TD.js","sourcesContent":["import type { CatalogSectionViewModel } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { CatalogLayout, CatalogPageHeader } from './CatalogLayout';\nimport { StorefrontBreadcrumbs } from './StorefrontBreadcrumbs';\n\n/**\n * Канонічний view сторінки розділу (контракт тем v3). Кістяк — той самий, що\n * в каталозі (`CatalogLayout`); розділ додає власну назву в шапці й HTML-опис\n * під вибіркою.\n */\nexport function CatalogSectionView({\n  breadcrumbs,\n  productCount,\n  section,\n  slots,\n}: CatalogSectionViewModel) {\n  const t = useT();\n\n  return (\n    <div className=\"container mx-auto px-4 py-8\">\n      <StorefrontBreadcrumbs items={breadcrumbs} />\n      <CatalogPageHeader\n        title={section.name}\n        subtitle={t('catalog.subtitle')}\n      />\n      <CatalogLayout productCount={productCount} slots={slots} />\n\n      {section.description && (\n        <div className=\"mt-12 pt-8 border-t\">\n          <h2 className=\"text-2xl font-bold mb-4\">{section.name}</h2>\n          <div\n            className=\"prose prose-sm max-w-none text-muted-foreground dark:prose-invert\"\n            dangerouslySetInnerHTML={{ __html: section.description }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-6SGVGV62.js

@@ -0,0 +1,24 @@
+import { ToastProvider, Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport } from './chunk-HV3QOXWS.js';
+import { useToast } from 'simplycms/ui/use-toast';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Toaster() {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(function({ id, title, description, action, ...props }) {
+      return /* @__PURE__ */ jsxs(Toast, { ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ] }, id);
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
+}
+
+export { Toaster };
+//# sourceMappingURL=chunk-6SGVGV62.js.map
+//# sourceMappingURL=chunk-6SGVGV62.js.map

package/dist/chunk-6SGVGV62.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toaster.tsx"],"names":[],"mappings":";;;;AAUO,SAAS,OAAA,GAAU;AACxB,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,QAAA,EAAS;AAE5B,EAAA,4BACG,aAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,MAAA,CAAO,GAAA,CAAI,SAAU,EAAE,EAAA,EAAI,OAAO,WAAA,EAAa,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG;AAClE,MAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAgB,GAAG,KAAA,EAClB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,oBAAS,GAAA,CAAC,cAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC5B,WAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAEnC,CAAA;AAAA,QACC,MAAA;AAAA,4BACA,UAAA,EAAA,EAAW;AAAA,OAAA,EAAA,EARF,EASZ,CAAA;AAAA,IAEJ,CAAC,CAAA;AAAA,wBACA,aAAA,EAAA,EAAc;AAAA,GAAA,EACjB,CAAA;AAEJ","file":"chunk-6SGVGV62.js","sourcesContent":["import { useToast } from 'simplycms/ui/use-toast';\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from './toast';\n\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} {...props}>\n            <div className=\"grid gap-1\">\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && (\n                <ToastDescription>{description}</ToastDescription>\n              )}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"]}

package/dist/chunk-6ZC3GWAR.js

@@ -0,0 +1,37 @@
+import { createServerFn } from '@tanstack/react-start';
+import { getRequest } from '@tanstack/react-start/server';
+import { z } from 'zod';
+import { readSessionSubject } from 'simplycms/auth';
+import { withCustomerDb, insertProductReview, deleteProductReview } from 'simplycms/storefront/loaders';
+
+// src/core/lib/review-form.ts
+var reviewInput = z.object({
+  productId: z.string().uuid(),
+  rating: z.number().int().min(1).max(5),
+  title: z.string().max(200).nullable(),
+  content: z.string().max(5e3).nullable(),
+  images: z.array(z.string().url()).max(10)
+});
+var submitProductReview = createServerFn({ method: "POST" }).inputValidator(reviewInput).handler(async ({ data }) => {
+  const input = data;
+  await withSessionDb((db, userId) => insertProductReview(db, userId, input));
+});
+var deleteMyProductReview = createServerFn({ method: "POST" }).inputValidator(z.object({ reviewId: z.string().uuid() })).handler(async ({ data }) => {
+  const { reviewId } = data;
+  return withSessionDb(
+    (db, userId) => deleteProductReview(db, userId, reviewId)
+  );
+});
+async function withSessionDb(fn) {
+  const subject = await readSessionSubject(getRequest().headers);
+  if (!subject) {
+    throw new Error(
+      "[simplycms] Sign-in required: no session for this request."
+    );
+  }
+  return withCustomerDb(subject.userId, (db) => fn(db, subject.userId));
+}
+
+export { deleteMyProductReview, submitProductReview };
+//# sourceMappingURL=chunk-6ZC3GWAR.js.map
+//# sourceMappingURL=chunk-6ZC3GWAR.js.map

package/dist/chunk-6ZC3GWAR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/lib/review-form.ts"],"names":[],"mappings":";;;;;;;AAYA,IAAM,WAAA,GAAc,EAAE,MAAA,CAAO;AAAA,EAC3B,SAAA,EAAW,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,EAAK;AAAA,EAC3B,MAAA,EAAQ,CAAA,CAAE,MAAA,EAAO,CAAE,GAAA,GAAM,GAAA,CAAI,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA;AAAA,EACrC,OAAO,CAAA,CAAE,MAAA,GAAS,GAAA,CAAI,GAAG,EAAE,QAAA,EAAS;AAAA,EACpC,SAAS,CAAA,CAAE,MAAA,GAAS,GAAA,CAAI,GAAI,EAAE,QAAA,EAAS;AAAA,EACvC,MAAA,EAAQ,CAAA,CAAE,KAAA,CAAM,CAAA,CAAE,MAAA,GAAS,GAAA,EAAK,CAAA,CAAE,GAAA,CAAI,EAAE;AAC1C,CAAC,CAAA;AAUM,IAAM,mBAAA,GAAsB,cAAA,CAAe,EAAE,MAAA,EAAQ,QAAQ,CAAA,CACjE,cAAA,CAAe,WAAW,CAAA,CAC1B,OAAA,CAAQ,OAAO,EAAE,MAAK,KAAqB;AAC1C,EAAA,MAAM,KAAA,GAAQ,IAAA;AACd,EAAA,MAAM,aAAA,CAAc,CAAC,EAAA,EAAI,MAAA,KAAW,oBAAoB,EAAA,EAAI,MAAA,EAAQ,KAAK,CAAC,CAAA;AAC5E,CAAC;AAGI,IAAM,qBAAA,GAAwB,cAAA,CAAe,EAAE,MAAA,EAAQ,MAAA,EAAQ,CAAA,CACnE,cAAA,CAAe,CAAA,CAAE,MAAA,CAAO,EAAE,QAAA,EAAU,EAAE,MAAA,EAAO,CAAE,IAAA,EAAK,EAAG,CAAC,EACxD,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAK,KAAwB;AAC7C,EAAA,MAAM,EAAE,UAAS,GAAI,IAAA;AACrB,EAAA,OAAO,aAAA;AAAA,IAAc,CAAC,EAAA,EAAI,MAAA,KACxB,mBAAA,CAAoB,EAAA,EAAI,QAAQ,QAAQ;AAAA,GAC1C;AACF,CAAC;AAaH,eAAe,cACb,EAAA,EACY;AACZ,EAAA,MAAM,OAAA,GAAU,MAAM,kBAAA,CAAmB,UAAA,GAAa,OAAO,CAAA;AAC7D,EAAA,IAAI,CAAC,OAAA,EAAS;AAEZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,cAAA,CAAe,QAAQ,MAAA,EAAQ,CAAC,OAAO,EAAA,CAAG,EAAA,EAAI,OAAA,CAAQ,MAAM,CAAC,CAAA;AACtE","file":"chunk-6ZC3GWAR.js","sourcesContent":["import { createServerFn } from '@tanstack/react-start';\nimport { getRequest } from '@tanstack/react-start/server';\nimport { z } from 'zod';\nimport { readSessionSubject } from 'simplycms/auth';\nimport {\n  deleteProductReview,\n  insertProductReview,\n  withCustomerDb,\n  type ActorDb,\n} from 'simplycms/storefront/loaders';\n\n/** Поля форми відгуку. `status` у схемі відсутній — його задає сервер. */\nconst reviewInput = z.object({\n  productId: z.string().uuid(),\n  rating: z.number().int().min(1).max(5),\n  title: z.string().max(200).nullable(),\n  content: z.string().max(5000).nullable(),\n  images: z.array(z.string().url()).max(10),\n});\n\n/**\n * Лишити відгук від імені власника сесії.\n *\n * 🔴 `userId` у схемі входу НЕМАЄ: автора задає cookie Better Auth і нічого\n * більше. Політика `product_reviews_insert_own` звіряє рядок саме з тим\n * актором, якого їй назвав сервер, — прийнятий від клієнта id вона перевірити\n * не може за побудовою.\n */\nexport const submitProductReview = createServerFn({ method: 'POST' })\n  .inputValidator(reviewInput)\n  .handler(async ({ data }): Promise<void> => {\n    const input = data as z.infer<typeof reviewInput>;\n    await withSessionDb((db, userId) => insertProductReview(db, userId, input));\n  });\n\n/** Видалити власний відгук; `false` — рядка немає або він чужий. */\nexport const deleteMyProductReview = createServerFn({ method: 'POST' })\n  .inputValidator(z.object({ reviewId: z.string().uuid() }))\n  .handler(async ({ data }): Promise<boolean> => {\n    const { reviewId } = data as { reviewId: string };\n    return withSessionDb((db, userId) =>\n      deleteProductReview(db, userId, reviewId),\n    );\n  });\n\n/**\n * Транзакція від імені власника сесії.\n *\n * 🔴 Дублює `storefront/loaders/session#withSessionDb` свідомо:\n * тір-зони забороняють `core` (T5) імпортувати `storefront-routes` (T5), а\n * прорізати заради цього дірку в напрямку шарів дорожче, ніж повторити шість\n * рядків (той самий компроміс, що в `./user-addresses`).\n *\n * 🔴 Функція НЕ експортується: живий не-serverFn експорт утримав би\n * `simplycms/auth` і пул Postgres у клієнтському бандлі.\n */\nasync function withSessionDb<T>(\n  fn: (db: ActorDb, userId: string) => Promise<T>,\n): Promise<T> {\n  const subject = await readSessionSubject(getRequest().headers);\n  if (!subject) {\n    // Англійською свідомо: серверна діагностика, а не рядок інтерфейсу.\n    throw new Error(\n      '[simplycms] Sign-in required: no session for this request.',\n    );\n  }\n  return withCustomerDb(subject.userId, (db) => fn(db, subject.userId));\n}\n"]}

package/dist/chunk-77RQYFQK.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/label.tsx
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
+//# sourceMappingURL=chunk-77RQYFQK.js.map
+//# sourceMappingURL=chunk-77RQYFQK.js.map

package/dist/chunk-77RQYFQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/label.tsx"],"names":[],"mappings":";;;;;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AACF,CAAA;AAEA,IAAM,KAAA,GAAc,iBAIlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAgB,cAAA,CAAA,IAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,aAAA,EAAc,EAAG,SAAS,CAAA;AAAA,IACvC,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,cAA6B,cAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-77RQYFQK.js","sourcesContent":["import * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"]}