storefront-layouts 1.0.9 → 1.0.13

package/dist/lib/utils/asset-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/asset-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,CAAC;AAWxB;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAuClE;AAUD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,MAAM,CAsBR;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,MAAM,EAAE,GACzB,MAAM,EAAE,CA2DV;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,MAAM,CAuBR;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,MAAM,CA8DR;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,MAAM,CAuCR;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EACvC,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,WAAW,EAAE,MAAM,GAClB,MAAM,CAcR;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,GACnB,MAAM,CAyDR;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,MAAM,CA+BR;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAC1C,MAAM,GAAG,IAAI,CAoBf;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,QAAQ,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,gBAAgB,EACrF,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,GACf,MAAM,CAgDR;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7D,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAC3C,QAAQ,EAAE;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG;QAAE,QAAQ,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,gBAAgB,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;CAAE,GACrJ,CAAC,CAWH"}
+{"version":3,"file":"asset-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/asset-helpers.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils/asset-helpers.js

@@ -1,5 +1,29 @@
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../rich-html';
 import { shouldUseAPI } from './demo-detection';
 export { shouldUseAPI };
+const TEMPLATE_HERO_BADGE_PLACEHOLDERS = new Set(['new collection 2024', 'new collection']);
+/** Hero badge for clothing-minimal: no template placeholder on live stores. */
+export function resolveClothingMinimalHeroBadge(storeConfig) {
+    if (!storeConfig)
+        return null;
+    const layoutConfig = storeConfig.layoutConfig;
+    if (layoutConfig?.sections?.hero?.showBadges === false)
+        return null;
+    const candidates = [
+        layoutConfig?.sections?.hero?.badge,
+        layoutConfig?.text?.hero?.badge,
+        getTextContent(storeConfig, 'hero_badge', ''),
+    ];
+    for (const candidate of candidates) {
+        if (!richFieldHasContent(candidate))
+            continue;
+        const plain = richFieldPlainTextForDisplay(candidate, '').trim();
+        if (TEMPLATE_HERO_BADGE_PLACEHOLDERS.has(plain.toLowerCase()))
+            continue;
+        return candidate;
+    }
+    return null;
+}
 function normalizeAssetUrl(url) {
     if (typeof url !== 'string')
         return null;

package/dist/styles/index.css

@@ -55,6 +55,9 @@
     --color-green-700: oklch(52.7% 0.154 150.069);
     --color-green-800: oklch(44.8% 0.119 151.328);
     --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
     --color-teal-700: oklch(51.1% 0.096 186.391);
     --color-cyan-400: oklch(78.9% 0.154 211.53);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
@@ -165,7 +168,6 @@
     --leading-relaxed: 1.625;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
-    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
     --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
     --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
     --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
@@ -502,9 +504,6 @@
   .top-\[100px\] {
     top: 100px;
   }
-  .top-\[500px\] {
-    top: 500px;
-  }
   .top-\[max\(1rem\,env\(safe-area-inset-top\)\)\] {
     top: max(1rem, env(safe-area-inset-top));
   }
@@ -547,6 +546,9 @@
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
+  .right-3\.5 {
+    right: calc(var(--spacing) * 3.5);
+  }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
@@ -796,6 +798,9 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: 0px;
+  }
   .m-3 {
     margin: calc(var(--spacing) * 3);
   }
@@ -1114,6 +1119,9 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .h-0 {
+    height: 0px;
+  }
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
@@ -1315,8 +1323,8 @@
   .max-h-\[280px\] {
     max-height: 280px;
   }
-  .max-h-\[400px\] {
-    max-height: 400px;
+  .max-h-\[360px\] {
+    max-height: 360px;
   }
   .max-h-\[calc\(100vh-8rem\)\] {
     max-height: calc(100vh - 8rem);
@@ -1522,6 +1530,9 @@
   .w-\[2px\] {
     width: 2px;
   }
+  .w-\[4\.5rem\] {
+    width: 4.5rem;
+  }
   .w-\[8\.5rem\] {
     width: 8.5rem;
   }
@@ -1639,6 +1650,9 @@
   .max-w-\[1600px\] {
     max-width: 1600px;
   }
+  .max-w-\[min\(28rem\,100dvw\)\] {
+    max-width: min(28rem, 100dvw);
+  }
   .max-w-\[min\(40vw\,160px\)\] {
     max-width: min(40vw, 160px);
   }
@@ -2025,6 +2039,9 @@
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-\[2\.5rem_1fr\] {
+    grid-template-columns: 2.5rem 1fr;
+  }
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -2219,6 +2236,9 @@
   .gap-y-1 {
     row-gap: var(--spacing);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
@@ -2350,9 +2370,6 @@
     border-top-right-radius: var(--radius);
     border-bottom-right-radius: var(--radius);
   }
-  .rounded-bl-lg {
-    border-bottom-left-radius: var(--radius);
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2389,6 +2406,10 @@
     border-style: var(--tw-border-style);
     border-width: 20px;
   }
+  .border-x-\[5px\] {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 5px;
+  }
   .border-y {
     border-block-style: var(--tw-border-style);
     border-block-width: 1px;
@@ -2405,6 +2426,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 4px;
   }
+  .border-t-\[6px\] {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 6px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -2503,9 +2528,15 @@
   .border-\[\#C5A059\]\/40 {
     border-color: color-mix(in oklab, #C5A059 40%, transparent);
   }
+  .border-\[\#E4E7E9\] {
+    border-color: #E4E7E9;
+  }
   .border-\[\#F7F5F0\] {
     border-color: #F7F5F0;
   }
+  .border-\[\#FA8232\] {
+    border-color: #FA8232;
+  }
   .border-\[\#c3c4c7\] {
     border-color: #c3c4c7;
   }
@@ -2629,6 +2660,12 @@
       border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
     }
   }
+  .border-gray-200\/90 {
+    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
+    }
+  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2827,14 +2864,17 @@
   .border-yellow-500 {
     border-color: var(--color-yellow-500);
   }
+  .border-x-transparent {
+    border-inline-color: transparent;
+  }
   .border-t-\[\#6b7280\] {
     border-top-color: #6b7280;
   }
   .border-t-\[\#440066\] {
     border-top-color: #440066;
   }
-  .border-t-black {
-    border-top-color: var(--color-black);
+  .border-t-\[\#ADB7BC\] {
+    border-top-color: #ADB7BC;
   }
   .border-t-blue-600 {
     border-top-color: var(--color-blue-600);
@@ -3154,6 +3194,9 @@
   .bg-destructive {
     background-color: var(--destructive);
   }
+  .bg-emerald-50 {
+    background-color: var(--color-emerald-50);
+  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
@@ -3178,12 +3221,6 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
-  .bg-gray-100\/50 {
-    background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
-    }
-  }
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
@@ -3274,6 +3311,12 @@
       background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent);
     }
   }
+  .bg-red-50\/40 {
+    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-50) 40%, transparent);
+    }
+  }
   .bg-red-50\/50 {
     background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3454,9 +3497,6 @@
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
-  .bg-yellow-400 {
-    background-color: var(--color-yellow-400);
-  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -4032,6 +4072,9 @@
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
+  .p-3\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -4056,6 +4099,9 @@
   .p-20 {
     padding: calc(var(--spacing) * 20);
   }
+  .\!px-0 {
+    padding-inline: 0px !important;
+  }
   .px-0 {
     padding-inline: 0px;
   }
@@ -4176,6 +4222,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -4230,6 +4279,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
@@ -4239,6 +4291,9 @@
   .pr-24 {
     padding-right: calc(var(--spacing) * 24);
   }
+  .\!pb-0 {
+    padding-bottom: 0px !important;
+  }
   .pb-1 {
     padding-bottom: var(--spacing);
   }
@@ -4407,6 +4462,10 @@
   .text-\[13px\] {
     font-size: 13px;
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-\[0\.9\] {
     --tw-leading: 0.9;
     line-height: 0.9;
@@ -4611,6 +4670,9 @@
   .text-\[\#85E327\] {
     color: #85E327;
   }
+  .text-\[\#191C1F\] {
+    color: #191C1F;
+  }
   .text-\[\#787c82\] {
     color: #787c82;
   }
@@ -4626,6 +4688,9 @@
   .text-\[\#440066\] {
     color: #440066;
   }
+  .text-\[\#475156\] {
+    color: #475156;
+  }
   .text-\[\#646970\] {
     color: #646970;
   }
@@ -4722,6 +4787,12 @@
   .text-current {
     color: currentcolor;
   }
+  .text-emerald-600 {
+    color: var(--color-emerald-600);
+  }
+  .text-emerald-700 {
+    color: var(--color-emerald-700);
+  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -4767,9 +4838,6 @@
   .text-green-800 {
     color: var(--color-green-800);
   }
-  .text-green-900 {
-    color: var(--color-green-900);
-  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -4975,6 +5043,9 @@
   .decoration-1 {
     text-decoration-thickness: 1px;
   }
+  .decoration-2 {
+    text-decoration-thickness: 2px;
+  }
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
@@ -5024,6 +5095,9 @@
   .opacity-30 {
     opacity: 30%;
   }
+  .opacity-35 {
+    opacity: 35%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -5279,12 +5353,6 @@
       --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);
     }
   }
-  .shadow-gray-200\/50 {
-    --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
   .shadow-green-100 {
     --tw-shadow-color: oklch(96.2% 0.044 156.743);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5478,11 +5546,6 @@
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .drop-shadow-sm {
-    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
-    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .grayscale {
     --tw-grayscale: grayscale(100%);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -5727,6 +5790,10 @@
     .group-hover\:w-full:is(:where(.group):hover *) {
       width: 100%;
     }
+    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
+      --tw-translate-x: calc(var(--spacing) * -0.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
     .group-hover\:translate-x-0:is(:where(.group):hover *) {
       --tw-translate-x: 0px;
       translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -5827,9 +5894,6 @@
         background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
       }
     }
-    .group-hover\:bg-blue-100:is(:where(.group):hover *) {
-      background-color: var(--color-blue-100);
-    }
     .group-hover\:bg-gray-100:is(:where(.group):hover *) {
       background-color: var(--color-gray-100);
     }
@@ -6059,9 +6123,6 @@
   .placeholder\:text-muted-foreground::placeholder {
     color: var(--muted-foreground);
   }
-  .placeholder\:normal-case::placeholder {
-    text-transform: none;
-  }
   .before\:absolute::before {
     content: var(--tw-content);
     position: absolute;
@@ -6193,6 +6254,9 @@
     .hover\:border-\[\#440066\]\/35:hover {
       border-color: color-mix(in oklab, #440066 35%, transparent);
     }
+    .hover\:border-\[\#E4E7E9\]:hover {
+      border-color: #E4E7E9;
+    }
     .hover\:border-\[\#d2d9e3\]:hover {
       border-color: #d2d9e3;
     }
@@ -6315,6 +6379,9 @@
     .hover\:bg-\[\#220033\]:hover {
       background-color: #220033;
     }
+    .hover\:bg-\[\#333333\]:hover {
+      background-color: #333333;
+    }
     .hover\:bg-\[\#D16253\]\/12:hover {
       background-color: color-mix(in oklab, #D16253 12%, transparent);
     }
@@ -6585,9 +6652,6 @@
     .hover\:bg-yellow-400:hover {
       background-color: var(--color-yellow-400);
     }
-    .hover\:bg-yellow-500:hover {
-      background-color: var(--color-yellow-500);
-    }
     .hover\:from-orange-700:hover {
       --tw-gradient-from: var(--color-orange-700);
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -6774,6 +6838,9 @@
   .focus\:border-\[\#440066\]\/45:focus {
     border-color: color-mix(in oklab, #440066 45%, transparent);
   }
+  .focus\:border-\[\#FA8232\]:focus {
+    border-color: #FA8232;
+  }
   .focus\:border-black:focus {
     border-color: var(--color-black);
   }
@@ -7220,6 +7287,9 @@
     .sm\:h-32 {
       height: calc(var(--spacing) * 32);
     }
+    .sm\:h-\[72px\] {
+      height: 72px;
+    }
     .sm\:h-\[480px\] {
       height: 480px;
     }
@@ -7247,6 +7317,9 @@
     .sm\:w-14 {
       width: calc(var(--spacing) * 14);
     }
+    .sm\:w-20 {
+      width: calc(var(--spacing) * 20);
+    }
     .sm\:w-24 {
       width: calc(var(--spacing) * 24);
     }
@@ -7256,6 +7329,9 @@
     .sm\:w-48 {
       width: calc(var(--spacing) * 48);
     }
+    .sm\:w-\[72px\] {
+      width: 72px;
+    }
     .sm\:w-\[480px\] {
       width: 480px;
     }
@@ -7318,6 +7394,11 @@
       margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
       margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
     }
+    :where(.sm\:space-y-6 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
     .sm\:rounded-\[28px\] {
       border-radius: 28px;
     }
@@ -7743,6 +7824,9 @@
     .lg\:sticky {
       position: sticky;
     }
+    .lg\:top-6 {
+      top: calc(var(--spacing) * 6);
+    }
     .lg\:top-24 {
       top: calc(var(--spacing) * 24);
     }
@@ -7818,6 +7902,9 @@
     .lg\:w-96 {
       width: calc(var(--spacing) * 96);
     }
+    .lg\:w-\[380px\] {
+      width: 380px;
+    }
     .lg\:w-\[400px\] {
       width: 400px;
     }
@@ -7854,6 +7941,9 @@
     .lg\:flex-row {
       flex-direction: row;
     }
+    .lg\:items-start {
+      align-items: flex-start;
+    }
     .lg\:justify-start {
       justify-content: flex-start;
     }
@@ -7875,6 +7965,9 @@
     .lg\:gap-24 {
       gap: calc(var(--spacing) * 24);
     }
+    .lg\:self-start {
+      align-self: flex-start;
+    }
     .lg\:p-8 {
       padding: calc(var(--spacing) * 8);
     }
@@ -8091,11 +8184,16 @@
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
+  .\[\&_svg\]\:text-current svg {
+    color: currentcolor;
+  }
   .\[\&_svg\]\:text-gray-900 svg {
     color: var(--color-gray-900);
   }
-  .\[\&_svg\]\:text-white svg {
-    color: var(--color-white);
+  @media (hover: hover) {
+    .hover\:\[\&_svg\]\:text-current:hover svg {
+      color: currentcolor;
+    }
   }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
     width: calc(var(--spacing) * 4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storefront-layouts",
-  "version": "1.0.9",
+  "version": "1.0.13",
   "lts": true,
   "type": "module",
   "description": "Shared layout components for Storefront applications",
@@ -85,7 +85,13 @@
     "prepublishOnly": "npm run build",
     "prepack": "npm run build",
     "clean": "rm -rf dist",
-    "test": "echo \"No tests specified\" && exit 0"
+    "test": "echo \"No tests specified\" && exit 0",
+    "prepare": "git config core.hooksPath .githooks 2>/dev/null || true",
+    "version:staging": "npm version prerelease --preid=staging",
+    "release:staging": "node scripts/release-guard.mjs staging",
+    "publish:staging": "npm run release:staging && npm run build && npm publish --tag latest --access public --ignore-scripts",
+    "release:prod": "node scripts/release-guard.mjs prod",
+    "publish:prod": "npm run release:prod && npm run build && npm publish --tag latest --ignore-scripts"
   },
   "peerDependencies": {
     "@rjsf/core": "^6.1.2",