@sonordev/site-kit 1.4.3 → 1.4.5

package/dist/{chunk-BUJFVIBQ.mjs → chunk-LDK2GBEZ.mjs}

@@ -1261,9 +1261,9 @@ function SizeChart({ chart, selectedSize, className }) {
             gap: 0
           },
           children: [
-            /* @__PURE__ */ jsx("span", { style: { fontWeight: showAlt ? 400 : 700, opacity: showAlt ? 0.45 : 1 }, children: "in" }),
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: activeUnit === "inches" ? 700 : 400, opacity: activeUnit === "inches" ? 1 : 0.45 }, children: "in" }),
             /* @__PURE__ */ jsx("span", { style: { margin: "0 3px", opacity: 0.3 }, children: "/" }),
-            /* @__PURE__ */ jsx("span", { style: { fontWeight: showAlt ? 700 : 400, opacity: showAlt ? 1 : 0.45 }, children: "cm" })
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: activeUnit === "cm" ? 700 : 400, opacity: activeUnit === "cm" ? 1 : 0.45 }, children: "cm" })
           ]
         }
       )
@@ -1371,6 +1371,9 @@ var STYLE_BLOCK = `
   grid-template-columns: 1fr 1fr;
   gap: 2.5rem;
   align-items: start;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 1.5rem;
 }
 
 @media (max-width: 768px) {
@@ -1868,7 +1871,7 @@ function VariantSelector({ variants, selected, isClothing, showInventory, onSele
             padding: "0.5rem 1rem",
             borderRadius: "var(--commerce-radius-sm, 8px)",
             border: isSelected ? "2px solid var(--commerce-accent, #2563eb)" : "1px solid var(--commerce-border, #e5e7eb)",
-            backgroundColor: isSelected ? "rgba(37,99,235,0.05)" : "white",
+            backgroundColor: isSelected ? "color-mix(in srgb, var(--commerce-accent, #2563eb) 8%, transparent)" : "var(--commerce-surface, #f9fafb)",
             color: variantOutOfStock ? "var(--commerce-text-muted, #9ca3af)" : "var(--commerce-text, #111827)",
             fontSize: "0.875rem",
             fontWeight: 500,
@@ -1890,7 +1893,7 @@ function VariantSelector({ variants, selected, isClothing, showInventory, onSele
                   height: 8,
                   borderRadius: "50%",
                   backgroundColor: isLow ? "var(--commerce-warning, #d97706)" : "var(--commerce-success, #059669)",
-                  border: "2px solid white"
+                  border: "2px solid var(--commerce-surface, #f9fafb)"
                 },
                 title: isLow ? `Only ${variant.inventory_count} left` : "In stock"
               }
@@ -3490,11 +3493,38 @@ function ProductDetail({
             onSelect: handleVariantChange
           }
         ),
+        product.size_chart?.fit_note && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "0.75rem",
+              padding: "0.625rem 0.875rem",
+              borderRadius: "var(--commerce-radius-sm, 8px)",
+              backgroundColor: "color-mix(in srgb, var(--commerce-warning, #d97706) 10%, transparent)",
+              border: "1px solid color-mix(in srgb, var(--commerce-warning, #d97706) 25%, transparent)",
+              display: "flex",
+              alignItems: "flex-start",
+              gap: "0.5rem",
+              fontSize: "0.8125rem",
+              color: "var(--commerce-warning, #d97706)",
+              fontWeight: 500,
+              lineHeight: 1.4
+            },
+            children: [
+              /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: 1 }, children: [
+                /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+              ] }),
+              product.size_chart.fit_note
+            ]
+          }
+        ),
         showSizeChart && product.is_clothing && product.size_chart && /* @__PURE__ */ jsx("div", { style: { marginTop: "0.625rem" }, children: /* @__PURE__ */ jsx(
           SizeChart,
           {
             chart: product.size_chart,
-            selectedSize: selectedVariant?.options?.["Size"]
+            selectedSize: selectedVariant?.options?.Size || selectedVariant?.name
           }
         ) }),
         showQuantity && !isOutOfStock && !isEvent && !isService && /* @__PURE__ */ jsx(
@@ -6544,5 +6574,5 @@ function getApiKey2() {
 }
 
 export { CalendarView, CheckoutForm, EventCalendar, EventEmbed, EventModal, EventTile, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, SizeChart, UpcomingEvents, createCheckoutSession, createPaymentIntent, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchShippingRates, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, isEventSoldOut, registerForEvent, useEventModal, validateAddress };
-//# sourceMappingURL=chunk-BUJFVIBQ.mjs.map
-//# sourceMappingURL=chunk-BUJFVIBQ.mjs.map
+//# sourceMappingURL=chunk-LDK2GBEZ.mjs.map
+//# sourceMappingURL=chunk-LDK2GBEZ.mjs.map