@caseparts-org/caseblocks 0.0.38 → 0.0.40

package/dist/assets/AddToCart.css

@@ -0,0 +1 @@
+._container_1xk40_1{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--spacing-0-5)}

package/dist/assets/AnimatedCheckmark.css

@@ -0,0 +1 @@
+._wrapper_ku95m_1{display:flex;justify-content:center;align-items:center;background-color:transparent}._checkmark__circle_ku95m_8{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--circle-color, #FFF);fill:none;animation:_stroke_ku95m_1 .6s cubic-bezier(.65,0,.45,1) forwards}._checkmark_ku95m_8{border-radius:50%;display:block;stroke-width:5;stroke:var(--check-color, var(--color-brand-primary-primary-tangerine));stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--circle-color, #FFF);animation:_fill_ku95m_1 .4s ease-in-out .4s forwards,_scale_ku95m_1 .3s ease-in-out .9s both}._checkmark-xxs_ku95m_27{height:var(--font-size-xxs);width:var(--font-size-xxs)}._checkmark-xs_ku95m_31{height:var(--font-size-xs);width:var(--font-size-xs)}._checkmark-sm_ku95m_35{height:var(--font-size-sm);width:var(--font-size-sm)}._checkmark-md_ku95m_39{height:var(--font-size-md);width:var(--font-size-md)}._checkmark-lg_ku95m_43{height:var(--font-size-lg);width:var(--font-size-lg)}._checkmark-xl_ku95m_47{height:var(--font-size-xl);width:var(--font-size-xl)}._checkmark__check_ku95m_52{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:_stroke_ku95m_1 .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes _stroke_ku95m_1{to{stroke-dashoffset:0}}@keyframes _scale_ku95m_1{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes _fill_ku95m_1{to{box-shadow:inset 0 0 0 30px var(--circle-color, #FFF)}}

package/dist/assets/Availability.css

@@ -0,0 +1 @@
+._availability_jaqg4_1{font-style:italic}._availabilityLink_jaqg4_4{font-style:italic;font-size:var(--font-size-xs)}._available_jaqg4_8{color:var(--color-alerts-success)}._limited_jaqg4_11{color:var(--color-alerts-warning)}._unavailable_jaqg4_14{color:var(--color-alerts-error-warning)}

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_17viz_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer}._button_17viz_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_17viz_1:active{box-shadow:none}._button_17viz_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_17viz_1:disabled:hover{box-shadow:none}._button-primary_17viz_36{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_17viz_36:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_17viz_36:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_17viz_50{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_17viz_50:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_17viz_50:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_17viz_50:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_17viz_72{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_17viz_72:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_17viz_72:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_17viz_86{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_17viz_86:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_17viz_86:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_17viz_104{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_17viz_104:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_17viz_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_17viz_122{min-width:var(--spacing-spacing-4xl);height:var(--spacing-spacing-sm);border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_17viz_128{min-width:var(--spacing-spacing-4xl);min-height:var(--spacing-spacing-sm);line-height:var(--spacing-spacing-1xs)!important;border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-2xs)}._button-size-sm_17viz_135{min-width:var(--spacing-spacing-6xl);min-height:var(--spacing-spacing-md);line-height:var(--spacing-spacing-xs)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-3xs) var(--spacing-0-75)}._button-size-md_17viz_142{min-width:var(--spacing-spacing-8xl);min-height:var(--spacing-spacing-lg);line-height:var(--spacing-spacing-default)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-default)}._button-size-lg_17viz_149{min-width:var(--spacing-spacing-10xl);min-height:var(--spacing-spacing-xl);line-height:var(--spacing-spacing-sm)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-default)}._button-size-xl_17viz_156{min-width:var(--spacing-spacing-12xl);min-height:var(--spacing-spacing-2xl);line-height:var(--spacing-spacing-sm)!important;border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}
+._button_1fy9r_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer}._button_1fy9r_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_1fy9r_1:active{box-shadow:none}._button_1fy9r_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_1fy9r_1:disabled:hover{box-shadow:none}._button-primary_1fy9r_36{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_1fy9r_36:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_1fy9r_36:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_1fy9r_50{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_1fy9r_50:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_1fy9r_50:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_1fy9r_50:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-cta-primary_1fy9r_72{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_1fy9r_72:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_1fy9r_72:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_1fy9r_86{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_1fy9r_86:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_1fy9r_86:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_1fy9r_104{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_1fy9r_104:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_1fy9r_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_1fy9r_122{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_1fy9r_126{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_1fy9r_130{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_1fy9r_134,._button-size-lg_1fy9r_138{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_1fy9r_142{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}

package/dist/assets/MainNav.css

@@ -1 +1 @@
-._main_1199t_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0}._topNav_1199t_6{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1199t_6{gap:var(--spacing-1)}}._operations_1199t_13{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1199t_13{gap:var(--spacing-1)}}._search_1199t_20{flex:1}._siteLink_1199t_23{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1199t_27{width:145px}@media (max-width: 1281px){._accountArea_1199t_27{width:min-content}}._cart_1199t_33{border:none;padding:0;margin:0;background-color:transparent}._category_1199t_39{list-style:none}._category_1199t_39 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_1199t_39 a{justify-content:space-between;width:100%}}._category_1199t_39 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1199t_39 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1199t_61{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1199t_61>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_1199t_61>li:last-of-type{border-bottom:none}
+._main_hvdtw_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._topNav_hvdtw_8{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_hvdtw_8{gap:var(--spacing-1)}}._operations_hvdtw_15{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_hvdtw_15{gap:var(--spacing-1)}}._search_hvdtw_22{flex:1}._siteLink_hvdtw_25{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_hvdtw_29{width:145px}@media (max-width: 1281px){._accountArea_hvdtw_29{width:min-content}}._cart_hvdtw_35{border:none;padding:0;margin:0;background-color:transparent}._category_hvdtw_41{list-style:none}._category_hvdtw_41 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_hvdtw_41 a{justify-content:space-between;width:100%}}._category_hvdtw_41 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_hvdtw_41 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_hvdtw_63{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_hvdtw_63>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_hvdtw_63>li:last-of-type{border-bottom:none}

package/dist/assets/Pricing.css

@@ -0,0 +1 @@
+._pricingInformation_u1dqz_1{display:flex;flex-direction:column;align-items:flex-end}

package/dist/assets/Product.css

@@ -0,0 +1 @@
+._productCard_e649x_1{border:1px solid var(--border-border-primary, #DFDFDF);background:var(--surface-surface-primary, #FFF);box-shadow:2px 4px 12px #00000026;display:flex;width:208px;height:296px;padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._productCard_e649x_1>img{width:148px;height:148px;object-fit:contain;flex-shrink:0;margin:0 auto}._productInformation_e649x_21{display:flex;flex-direction:column;align-items:flex-start;gap:2px}._productCard_e649x_1 ._purchaseInformation_e649x_27{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._productCard_e649x_1 ._addToCart_e649x_35,._productCard_e649x_1 ._addToCartButton_e649x_38{width:100%}._productTile_e649x_43{box-sizing:border-box;width:100%;max-width:1072px;display:flex;flex-direction:row;align-items:flex-start;border:1px solid var(--border-border-primary, #DFDFDF);background:var(--surface-surface-primary, #FFF);box-shadow:2px 4px 12px #00000026;padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);gap:var(--spacing-spacing-2xs)}._productTile_e649x_43>img{width:108px;height:108px;object-fit:contain}._productTile_e649x_43 ._topRow_e649x_64{display:grid;grid-template-columns:1fr auto;width:100%}._productTile_e649x_43 ._topRow_e649x_64 button{background-color:transparent;padding:0;margin:0;outline:none;border:none;height:min-content;width:min-content}._productTile_e649x_43 ._topRow_e649x_64 path{fill:var(--icons-icon-search)}._productTile_e649x_43 ._topRow_e649x_64 svg{padding:0}._productTile_e649x_43 ._productData_e649x_88{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-spacing-2xs)}._productTile_e649x_43 ._purchase_e649x_27{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}@media (max-width: 480px){._productTile_e649x_43 ._purchase_e649x_27{flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-3xs)}}._productTile_e649x_43 ._purchaseInformation_e649x_27{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}@media (max-width: 480px){._productTile_e649x_43 ._purchaseInformation_e649x_27{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:0px}}._productTile_e649x_43 ._attributeContainer_e649x_125{margin:0;padding:0;padding-top:var(--spacing-spacing-1xs);border-top:1px solid var(--border-border-primary);width:100%;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--spacing-spacing-lg);row-gap:var(--spacing-spacing-3xs)}@media (max-width: 640px){._productTile_e649x_43 ._attributeContainer_e649x_125{display:none}}._productTile_e649x_43 ._attributeContainer_e649x_125 li{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._productTile_e649x_43 ._addToCart_e649x_35{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-md)}@media (max-width: 480px){._productTile_e649x_43 ._addToCart_e649x_35{gap:var(--spacing-spacing-2xs);width:100%}}._productTile_e649x_43 ._addToCartButton_e649x_38{width:96px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){._productTile_e649x_43 ._addToCartButton_e649x_38{width:100%}}

package/dist/assets/QuantityInput.css

@@ -1 +1 @@
-._qty-container_19ir9_1{display:flex;flex-direction:row;align-items:center}._qty-container_19ir9_1>button{font-size:1.25rem;border:1px solid var(--color-neutrals-neutral-3);background-color:#fff;box-sizing:border-box}._qty-container_19ir9_1>input{text-align:center;font-size:18px;border:1px solid var(--color-neutrals-neutral-3);box-sizing:border-box}._qty-container_19ir9_1>input::-webkit-outer-spin-button,._qty-container_19ir9_1>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._qty-container_19ir9_1>input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._decrease-btn_19ir9_34{position:relative;left:2px;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}._increase-btn_19ir9_45{position:relative;left:-2px;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}._decrease-btn_19ir9_34:disabled,._increase-btn_19ir9_45:disabled{pointer-events:none}._decrease-btn_19ir9_34:disabled svg,._increase-btn_19ir9_45:disabled svg{fill:var(--color-neutrals-neutral-4)}._button-sm_19ir9_66{width:1.5rem;height:1.5rem}._button-md_19ir9_70{width:2rem;height:2rem}._qty-input-sm_19ir9_74{width:2.5rem;height:1.5rem}._qty-input-md_19ir9_78{width:3rem;height:2rem}
+._qty-container_krcn7_1{display:flex;flex-direction:row;align-items:center}._qty-container_krcn7_1>button{font-size:1.25rem;border:1px solid var(--border-border-primary);background-color:#fff;box-sizing:border-box}._qty-container_krcn7_1>input{text-align:center;font-size:var(--font-size-md);border:1px solid var(--border-border-primary);box-sizing:border-box;outline:none}._qty-container_krcn7_1>input::-webkit-outer-spin-button,._qty-container_krcn7_1>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._qty-container_krcn7_1>input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._decrease-btn_krcn7_35{position:relative;left:2px;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}._increase-btn_krcn7_46{position:relative;left:-2px;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}._decrease-btn_krcn7_35:disabled,._increase-btn_krcn7_46:disabled{pointer-events:none}._decrease-btn_krcn7_35:disabled svg,._increase-btn_krcn7_46:disabled svg{fill:var(--color-neutrals-neutral-4)}._button-sm_krcn7_67{width:1.25rem;height:1.25rem}._button-md_krcn7_71{width:2rem;height:2rem}._qty-input-sm_krcn7_75{width:2.5rem;height:1.25rem}._qty-input-md_krcn7_79{width:2.5rem;height:2rem}

package/dist/assets/StatefulButton.css

@@ -0,0 +1 @@
+._statefulButton_1laml_1{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-0-5)}._statefulButton_1laml_1>p{padding:0;margin:0}

package/dist/atoms/Button/Button.js

@@ -1,24 +1,24 @@
 import { jsx as b } from "react/jsx-runtime";
 import { t } from "../../Text.module-smM1g1J4.js";
-import { c as r } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as z } from "../HideAt.js";
-import '../../assets/Button.css';const m = "_button_17viz_1", o = {
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as y } from "../HideAt.js";
+import '../../assets/Button.css';const m = "_button_1fy9r_1", o = {
   button: m,
-  "button-primary": "_button-primary_17viz_36",
-  "button-secondary": "_button-secondary_17viz_50",
-  "button-cta-primary": "_button-cta-primary_17viz_72",
-  "button-tertiary": "_button-tertiary_17viz_86",
-  "button-destructive": "_button-destructive_17viz_104",
-  "button-size-xxs": "_button-size-xxs_17viz_122",
-  "button-size-xs": "_button-size-xs_17viz_128",
-  "button-size-sm": "_button-size-sm_17viz_135",
-  "button-size-md": "_button-size-md_17viz_142",
-  "button-size-lg": "_button-size-lg_17viz_149",
-  "button-size-xl": "_button-size-xl_17viz_156"
+  "button-primary": "_button-primary_1fy9r_36",
+  "button-secondary": "_button-secondary_1fy9r_50",
+  "button-cta-primary": "_button-cta-primary_1fy9r_72",
+  "button-tertiary": "_button-tertiary_1fy9r_86",
+  "button-destructive": "_button-destructive_1fy9r_104",
+  "button-size-xxs": "_button-size-xxs_1fy9r_122",
+  "button-size-xs": "_button-size-xs_1fy9r_126",
+  "button-size-sm": "_button-size-sm_1fy9r_130",
+  "button-size-md": "_button-size-md_1fy9r_134",
+  "button-size-lg": "_button-size-lg_1fy9r_138",
+  "button-size-xl": "_button-size-xl_1fy9r_142"
 };
-function y({
+function z({
   children: n,
-  size: i,
+  size: r,
   variant: _,
   hideAt: s,
   className: u,
@@ -27,14 +27,14 @@ function y({
   return /* @__PURE__ */ b(
     "button",
     {
-      className: r(
+      className: i(
         o.button,
         o[`button-${_}`],
-        o[`button-size-${i}`],
+        o[`button-size-${r}`],
         t.text,
-        t[`text-${i}`],
+        t[`text-${r}`],
         t["text-semibold"],
-        z(s),
+        y(s),
         u
       ),
       ...e,
@@ -43,5 +43,5 @@ function y({
   );
 }
 export {
-  y as Button
+  z as Button
 };

package/dist/atoms/Image/Image.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ImgHTMLAttributes } from 'react';
+/**
+ * All standard <img> attributes.
+ * alt kept optional to mirror the platform, but recommended.
+ */
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    alt?: string;
+}
+/** Signature an external image component (e.g. next/image) must satisfy */
+export type ImageComponent = (_props: ImageProps) => JSX.Element;
+export declare function ImageProvider({ component, children, }: {
+    component: ImageComponent;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Framework‑agnostic Image.
+ * By default renders a plain <img>. A host app can inject (e.g.) next/image
+ * via <ImageProvider component={...}> so all internal usages gain optimization
+ * without changing design system code.
+ */
+export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/atoms/Image/Image.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import s, { forwardRef as c, useContext as u } from "react";
+const a = s.createContext(null);
+function I({
+  component: t,
+  children: e
+}) {
+  return /* @__PURE__ */ r(a.Provider, { value: t, children: e });
+}
+const f = c(function({ alt: e, ...m }, i) {
+  const o = u(a), n = {
+    alt: e,
+    ...m,
+    ref: i
+    // Consumers of injected Impl can optionally forward ref
+  };
+  return o ? /* @__PURE__ */ r(o, { ...n }) : /* @__PURE__ */ r("img", { ...n });
+});
+f.displayName = "Image";
+export {
+  f as Image,
+  I as ImageProvider
+};

package/dist/atoms/Link/Link.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
+    external?: boolean;
     href: string;
     children: React.ReactNode;
     disabled?: boolean;
@@ -99,4 +100,4 @@ export declare function LinkProvider({ component, children, }: {
  * - Do not reimplement disabled logic in the injected component (already handled).
  * - If you need additional router-only props (e.g. prefetch={false}), extend in the adapter inside your app, not here.
  */
-export declare function Link({ href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ external, href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,55 +1,56 @@
-import { jsx as i } from "react/jsx-runtime";
-import f from "react";
-import { t as k } from "../../Text.module-smM1g1J4.js";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as _ } from "../HideAt.js";
-import '../../assets/Link.css';const g = "_link_ygp31_1", v = "_disabled_ygp31_14", m = {
-  link: g,
-  disabled: v
-}, c = f.createContext(null);
-function P({
-  component: n,
+import { jsx as s } from "react/jsx-runtime";
+import c from "react";
+import { t as y } from "../../Text.module-smM1g1J4.js";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as g } from "../HideAt.js";
+import '../../assets/Link.css';const v = "_link_ygp31_1", I = "_disabled_ygp31_14", f = {
+  link: v,
+  disabled: I
+}, p = c.createContext(null);
+function S({
+  component: a,
   children: e
 }) {
-  return /* @__PURE__ */ i(c.Provider, { value: n, children: e });
+  return /* @__PURE__ */ s(p.Provider, { value: a, children: e });
 }
-function S({
-  href: n,
-  children: e,
+function j({
+  external: a,
+  href: e,
+  children: i,
   disabled: t = !1,
-  hideAt: p,
-  className: u,
-  onClick: r,
-  ...o
+  hideAt: u,
+  className: x,
+  onClick: n,
+  ...r
 }) {
-  const a = f.useContext(c), x = y(
-    k["text-body"],
-    m.link,
-    t && m.disabled,
-    _(p),
-    u
+  const l = c.useContext(p), d = _(
+    y["text-body"],
+    f.link,
+    t && f.disabled,
+    g(u),
+    x
   );
-  function d(s) {
+  function k(o) {
     if (t) {
-      s.preventDefault(), s.stopPropagation();
+      o.preventDefault(), o.stopPropagation();
       return;
     }
-    r == null || r(s);
+    n == null || n(o);
   }
-  const l = {
-    ...o,
-    href: t ? "#" : n,
-    className: x,
-    children: e,
+  const m = {
+    ...r,
+    href: t ? "#" : e,
+    className: d,
+    children: i,
     disabled: t,
-    onClick: d,
+    onClick: k,
     "aria-disabled": t || void 0,
-    tabIndex: t ? -1 : o.tabIndex,
-    role: t ? "link" : o.role
+    tabIndex: t ? -1 : r.tabIndex,
+    role: t ? "link" : r.role
   };
-  return a ? /* @__PURE__ */ i(a, { ...l }) : /* @__PURE__ */ i("a", { ...l, children: e });
+  return l ? /* @__PURE__ */ s(l, { ...m }) : /* @__PURE__ */ s("a", { ...m, children: i });
 }
 export {
-  S as Link,
-  P as LinkProvider
+  j as Link,
+  S as LinkProvider
 };

package/dist/main-client.d.ts

@@ -1,6 +1,8 @@
 export * from './main-server';
 export { Link, LinkProvider } from './atoms/Link/Link';
 export type { LinkProps } from './atoms/Link/Link';
+export { Image, ImageProvider } from './atoms/Image/Image';
+export type { ImageProps } from './atoms/Image/Image';
 export { Tooltip } from './molecules/Tooltip/Tooltip';
 export { Account } from './molecules/Account/Account';
 export type { AccountProps } from './molecules/Account/Account';
@@ -10,8 +12,16 @@ export { Chip } from './molecules/Chip/Chip';
 export type { ChipProps } from './molecules/Chip/Chip';
 export { ToggleView } from './molecules/ToggleView/ToggleView';
 export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
+export type { ShoppingCart, CartItem } from './molecules/Cart/Cart';
+export type { StatefulButtonProps } from './molecules/StatefulButton/StatefulButton';
+export { StatefulButton } from './molecules/StatefulButton/StatefulButton';
+export type { AnimatedCheckMarkProps } from './molecules/StatefulButton/AnimatedCheckmark';
+export { AnimatedCheckMark } from './molecules/StatefulButton/AnimatedCheckmark';
+export type { AddToCartProps } from './molecules/AddToCart/AddToCart';
+export { AddToCart } from './molecules/AddToCart/AddToCart';
 export { MainNav } from './organisms/MainNav/MainNav';
 export type { MainCategory, MainNavProps, Category } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
 export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';
-export type { ShoppingCart, CartItem } from './molecules/Cart/Cart';
+export { Product } from './organisms/Product/Product';
+export type { ProductProps, ProductView } from './organisms/Product/Product';

package/dist/main-client.js

@@ -1,44 +1,59 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
-import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as n } from "./atoms/Root/Head.js";
+import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
+import { Head as i } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as l } from "./atoms/Root/Root.js";
+import { Root as d } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as v } from "./atoms/Text/Text.js";
+import { Text as A } from "./atoms/Text/Text.js";
 import { Input as I } from "./atoms/Input/Input.js";
-import { Logo as S } from "./molecules/Logo/Logo.js";
-import { SearchBox as k } from "./molecules/SearchBox/SearchBox.js";
+import { Logo as k } from "./molecules/Logo/Logo.js";
+import { SearchBox as S } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as B } from "./molecules/QuantityInput/QuantityInput.js";
-import { Link as y, LinkProvider as F } from "./atoms/Link/Link.js";
-import { Tooltip as H } from "./molecules/Tooltip/Tooltip.js";
-import { Account as N } from "./molecules/Account/Account.js";
-import { Avatar as Q } from "./molecules/Avatar/Avatar.js";
-import { Chip as V } from "./molecules/Chip/Chip.js";
-import { ToggleView as j } from "./molecules/ToggleView/ToggleView.js";
-import { MainNav as s } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as D } from "./organisms/ChipSelector/ChipSelector.js";
+import { Availability as y } from "./molecules/Availability/Availability.js";
+import { Pricing as b } from "./molecules/Pricing/Pricing.js";
+import { Link as F, LinkProvider as G } from "./atoms/Link/Link.js";
+import { Image as N, ImageProvider as Q } from "./atoms/Image/Image.js";
+import { Tooltip as V } from "./molecules/Tooltip/Tooltip.js";
+import { Account as q } from "./molecules/Account/Account.js";
+import { Avatar as z } from "./molecules/Avatar/Avatar.js";
+import { Chip as E } from "./molecules/Chip/Chip.js";
+import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
+import { StatefulButton as U } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as X } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Z } from "./molecules/AddToCart/AddToCart.js";
+import { MainNav as $ } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as ro } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as eo } from "./organisms/Product/Product.js";
 export {
-  N as Account,
-  Q as Avatar,
+  q as Account,
+  Z as AddToCart,
+  X as AnimatedCheckMark,
+  y as Availability,
+  z as Avatar,
   t as Button,
-  V as Chip,
-  D as ChipSelector,
-  m as Column,
+  E as Chip,
+  ro as ChipSelector,
+  x as Column,
   p as Flex,
   f as Grid,
-  n as Head,
+  i as Head,
   u as Icon,
+  N as Image,
+  Q as ImageProvider,
   I as Input,
-  y as Link,
-  F as LinkProvider,
-  S as Logo,
-  s as MainNav,
+  F as Link,
+  G as LinkProvider,
+  k as Logo,
+  $ as MainNav,
+  b as Pricing,
+  eo as Product,
   B as QuantityInput,
-  l as Root,
-  k as SearchBox,
+  d as Root,
+  S as SearchBox,
   g as Separator,
-  v as Text,
-  j as ToggleView,
-  H as Tooltip
+  U as StatefulButton,
+  A as Text,
+  K as ToggleView,
+  V as Tooltip
 };

package/dist/main-server.d.ts

@@ -18,3 +18,7 @@ export { SearchBox } from './molecules/SearchBox/SearchBox';
 export type { SearchBoxProps } from './molecules/SearchBox/SearchBox';
 export type { QuantityInputProps } from './molecules/QuantityInput/QuantityInput';
 export { QuantityInput } from './molecules/QuantityInput/QuantityInput';
+export { Availability } from './molecules/Availability/Availability';
+export type { AvailabilityProps, ContactUsLinkBehavior } from './molecules/Availability/Availability';
+export { Pricing } from './molecules/Pricing/Pricing';
+export type { PricingProps } from './molecules/Pricing/Pricing';

package/dist/main-server.js

@@ -1,27 +1,31 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as a } from "./atoms/Root/Head.js";
-import { Icon as I } from "./atoms/Icon/Icon.js";
-import { Root as d } from "./atoms/Root/Root.js";
-import { Separator as l } from "./atoms/Separator/Separator.js";
-import { Text as S } from "./atoms/Text/Text.js";
-import { Input as h } from "./atoms/Input/Input.js";
-import { Logo as C } from "./molecules/Logo/Logo.js";
-import { SearchBox as G } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as L } from "./molecules/QuantityInput/QuantityInput.js";
+import { Head as i } from "./atoms/Root/Head.js";
+import { Icon as u } from "./atoms/Icon/Icon.js";
+import { Root as c } from "./atoms/Root/Root.js";
+import { Separator as d } from "./atoms/Separator/Separator.js";
+import { Text as y } from "./atoms/Text/Text.js";
+import { Input as S } from "./atoms/Input/Input.js";
+import { Logo as h } from "./molecules/Logo/Logo.js";
+import { SearchBox as A } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as F } from "./molecules/QuantityInput/QuantityInput.js";
+import { Availability as H } from "./molecules/Availability/Availability.js";
+import { Pricing as P } from "./molecules/Pricing/Pricing.js";
 export {
+  H as Availability,
   t as Button,
   m as Column,
   p as Flex,
   f as Grid,
-  a as Head,
-  I as Icon,
-  h as Input,
-  C as Logo,
-  L as QuantityInput,
-  d as Root,
-  G as SearchBox,
-  l as Separator,
-  S as Text
+  i as Head,
+  u as Icon,
+  S as Input,
+  h as Logo,
+  P as Pricing,
+  F as QuantityInput,
+  c as Root,
+  A as SearchBox,
+  d as Separator,
+  y as Text
 };

package/dist/molecules/AddToCart/AddToCart.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface AddToCartProps {
+    itemKey: number;
+    initialQuantity?: number;
+    min?: number;
+    max?: number;
+    onQuantityChange?: (_q: number) => void;
+    onAdd: (_itemKey: number, _quantity: number) => void | Promise<void>;
+    autoHideDelayMs?: number;
+    showQuantity?: boolean;
+    className?: string;
+    addButtonClassName?: string;
+    buttonText?: string;
+    buttonDoneText?: string;
+    size?: "sm" | "md";
+}
+export declare function AddToCart({ itemKey, initialQuantity, min, max, onQuantityChange, onAdd, autoHideDelayMs, showQuantity, className, addButtonClassName, buttonText, buttonDoneText, size }: AddToCartProps): React.ReactElement | null;

package/dist/molecules/AddToCart/AddToCart.js

@@ -0,0 +1,64 @@
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import r from "react";
+import { c as j } from "../../clsx-OuTLNxxd.js";
+import { StatefulButton as v } from "../StatefulButton/StatefulButton.js";
+import { QuantityInput as q } from "../QuantityInput/QuantityInput.js";
+import '../../assets/AddToCart.css';const w = "_container_1xk40_1", y = {
+  container: w
+};
+function F({
+  itemKey: s,
+  initialQuantity: d = 1,
+  min: o = 1,
+  max: l,
+  onQuantityChange: c,
+  onAdd: m,
+  autoHideDelayMs: f = 3e3,
+  showQuantity: p = !0,
+  className: x,
+  addButtonClassName: T,
+  buttonText: b,
+  buttonDoneText: k,
+  size: a
+}) {
+  const [u, A] = r.useState(() => {
+    const e = Number(d) || 1;
+    return e < o ? o : e;
+  }), [N, n] = r.useState(!1), t = r.useRef(null);
+  r.useEffect(() => () => {
+    t.current && clearTimeout(t.current);
+  }, []);
+  const R = r.useCallback((e) => {
+    A(e), c == null || c(e);
+  }, [c]), S = async () => {
+    s && (await m(s, u), n(!0), t.current && clearTimeout(t.current), t.current = setTimeout(() => n(!1), f));
+  };
+  return /* @__PURE__ */ _("div", { className: j(y.container, x), children: [
+    p && /* @__PURE__ */ i(
+      q,
+      {
+        quantity: u,
+        onQuantityChange: R,
+        min: o,
+        max: l,
+        size: a || "md"
+      }
+    ),
+    /* @__PURE__ */ i(
+      v,
+      {
+        size: a || "md",
+        variant: "cta-primary",
+        completed: N,
+        onClick: S,
+        text: b,
+        completedText: k,
+        disabled: !s,
+        className: T
+      }
+    )
+  ] });
+}
+export {
+  F as AddToCart
+};

package/dist/molecules/AddToCart/AddToCart.stories.d.ts

@@ -0,0 +1,74 @@
+import { StoryObj } from '@storybook/react';
+import { AddToCart, AddToCartProps } from './AddToCart';
+/**
+ * Stories for AddToCart.
+ * Combines a QuantityInput and a StatefulButton.
+ * Internal flow:
+ * 1. User adjusts quantity (onQuantityChange fired).
+ * 2. User clicks Add (onAdd called with itemKey & quantity; can be async).
+ * 3. Success sets a temporary "added" state (handled internally) then auto-hides.
+ */
+declare const meta: {
+    title: string;
+    component: typeof AddToCart;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        itemKey: {
+            control: "number";
+            description: string;
+        };
+        initialQuantity: {
+            control: "number";
+            description: string;
+        };
+        min: {
+            control: "number";
+            description: string;
+        };
+        max: {
+            control: "number";
+            description: string;
+        };
+        onQuantityChange: {
+            action: string;
+            description: string;
+        };
+        onAdd: {
+            description: string;
+        };
+        autoHideDelayMs: {
+            control: "number";
+            description: string;
+        };
+        showQuantity: {
+            control: "boolean";
+            description: string;
+        };
+        buttonText: {
+            control: "text";
+            description: string;
+        };
+        buttonDoneText: {
+            control: "text";
+            description: string;
+        };
+        className: {
+            control: "text";
+        };
+        addButtonClassName: {
+            control: "text";
+        };
+    };
+    args: AddToCartProps;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const HiddenQuantity: Story;
+export declare const WithMaxConstraint: Story;
+export declare const CustomTexts: Story;
+export declare const AsyncSlowAdd: Story;
+export declare const CustomAutoHideDelay: Story;