@caseparts-org/caseblocks 0.0.53 → 0.0.55

package/dist/assets/MainNav.css

@@ -1 +1 @@
-._main_18fjz_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_18fjz_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_18fjz_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_18fjz_13{gap:var(--spacing-1);padding-bottom:0}}._operations_18fjz_21{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_18fjz_21{gap:var(--spacing-1)}}._search_18fjz_28{flex:1}._siteLink_18fjz_31{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_18fjz_35{width:145px}@media (max-width: 1281px){._accountArea_18fjz_35{width:min-content}}._cart_18fjz_41{border:none;padding:0;margin:0;background-color:transparent}._category_18fjz_47{list-style:none}._category_18fjz_47 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_18fjz_47 a{justify-content:space-between;width:100%}}._category_18fjz_47 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_18fjz_47 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_18fjz_69{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_18fjz_69>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_18fjz_69>li:last-of-type{border-bottom:none}
+._main_1l043_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_1l043_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_1l043_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1l043_13{gap:var(--spacing-1);padding-bottom:0}}._logo_1l043_21{cursor:pointer}._operations_1l043_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1l043_24{gap:var(--spacing-1)}}._search_1l043_31{flex:1}._siteLink_1l043_34{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1l043_38{width:145px}@media (max-width: 1281px){._accountArea_1l043_38{width:min-content}}._cart_1l043_44{border:none;padding:0;margin:0;background-color:transparent}._category_1l043_50{list-style:none}._category_1l043_50 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_1l043_50 a{justify-content:space-between;width:100%}}._category_1l043_50 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1l043_50 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1l043_72{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1l043_72>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_1l043_72>li:last-of-type{border-bottom:none}

package/dist/molecules/Cart/Cart.js

@@ -7,35 +7,37 @@ import { Tooltip as f } from "../Tooltip/Tooltip.js";
 import { Pricing as v } from "../Pricing/Pricing.js";
 import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
 import { Availability as b } from "../Availability/Availability.js";
-import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9", C = "_cartTooltip_1uglw_24", z = "_cartContainer_1uglw_27", x = "_cartItems_1uglw_35", k = "_topRow_1uglw_57", T = "_itemInfo_1uglw_63", L = "_purchaseInformation_1uglw_68", M = "_itemManagement_1uglw_75", R = "_removeItem_1uglw_93", P = "_noItems_1uglw_101", S = "_subtotal_1uglw_108", i = {
+import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9", z = "_cartTooltip_1uglw_24", C = "_cartContainer_1uglw_27", k = "_cartItems_1uglw_35", x = "_topRow_1uglw_57", T = "_itemInfo_1uglw_63", R = "_purchaseInformation_1uglw_68", L = "_itemManagement_1uglw_75", M = "_removeItem_1uglw_93", P = "_noItems_1uglw_101", S = "_subtotal_1uglw_108", i = {
   cart: y,
   count: N,
-  cartTooltip: C,
-  cartContainer: z,
-  cartItems: x,
-  topRow: k,
+  cartTooltip: z,
+  cartContainer: C,
+  cartItems: k,
+  topRow: x,
   itemInfo: T,
-  purchaseInformation: L,
-  itemManagement: M,
-  removeItem: R,
+  purchaseInformation: R,
+  itemManagement: L,
+  removeItem: M,
   noItems: P,
   subtotal: S
 };
-function U({
+function O({
   cart: n,
-  onItemQtyChange: c,
-  onItemDelete: m,
+  onItemQtyChange: m,
+  onItemDelete: c,
   onCheckout: l,
   subtotal: r,
   contactHref: d,
-  contactLinkBehavior: h,
-  itemPriceLabel: p,
+  contactLinkBehavior: p,
+  itemPriceLabel: h,
   ...u
 }) {
   return n = n || { items: [] }, /* @__PURE__ */ t(
     f,
     {
       tooltipClassName: i.cartTooltip,
+      repositionOnResize: !0,
+      keepTooltipInside: !0,
       trigger: /* @__PURE__ */ o("button", { className: i.cart, tabIndex: 0, ...u, children: [
         /* @__PURE__ */ t(
           s,
@@ -47,7 +49,7 @@ function U({
         ),
         n.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: n.items.length }) })
       ] }),
-      position: "bottom center",
+      position: "bottom left",
       on: "click",
       children: /* @__PURE__ */ o("div", { className: i.cartContainer, children: [
         /* @__PURE__ */ t(a, { size: "2xl", children: "Cart" }),
@@ -63,7 +65,7 @@ function U({
                     e.itemId
                   ] })
                 ] }),
-                /* @__PURE__ */ t("button", { onClick: () => m(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+                /* @__PURE__ */ t("button", { onClick: () => c(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
               ] }),
               /* @__PURE__ */ o("div", { className: i.itemManagement, children: [
                 /* @__PURE__ */ o("div", { className: i.purchaseInformation, children: [
@@ -73,12 +75,12 @@ function U({
                       availId: e.availabilityId || "",
                       availDescription: e.availability || "",
                       contactHref: d || "",
-                      contactLinkBehavior: h || "new-tab"
+                      contactLinkBehavior: p || "new-tab"
                     }
                   ),
-                  /* @__PURE__ */ t(v, { pricingLabel: p || "List Price", price: e.price })
+                  /* @__PURE__ */ t(v, { pricingLabel: h || "List Price", price: e.price })
                 ] }),
-                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => c(e, g), size: "sm" })
+                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => m(e, g), size: "sm" })
               ] })
             ] })
           ] }, e.id)
@@ -93,5 +95,5 @@ function U({
   );
 }
 export {
-  U as ShoppingCart
+  O as ShoppingCart
 };

package/dist/molecules/Tooltip/Tooltip.js

@@ -574,7 +574,7 @@ var Ze = function(a, c) {
 }, lt = /* @__PURE__ */ Xe(function(s, a) {
   var c = s.trigger, o = c === void 0 ? null : c, f = s.onOpen, d = f === void 0 ? function() {
   } : f, p = s.onClose, m = p === void 0 ? function() {
-  } : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, i = e === void 0 ? !1 : e, y = s.nested, v = y === void 0 ? !1 : y, w = s.closeOnDocumentClick, R = w === void 0 ? !0 : w, k = s.repositionOnResize, we = k === void 0 ? !0 : k, W = s.closeOnEscape, Te = W === void 0 ? !0 : W, J = s.on, I = J === void 0 ? ["click"] : J, Q = s.contentStyle, Re = Q === void 0 ? {} : Q, Z = s.arrowStyle, X = Z === void 0 ? {} : Z, B = s.overlayStyle, De = B === void 0 ? {} : B, ee = s.className, A = ee === void 0 ? "" : ee, te = s.position, ke = te === void 0 ? "bottom center" : te, re = s.modal, ne = re === void 0 ? !1 : re, oe = s.lockScroll, ie = oe === void 0 ? !1 : oe, ae = s.arrow, F = ae === void 0 ? !0 : ae, se = s.offsetX, Ce = se === void 0 ? 0 : se, ce = s.offsetY, Le = ce === void 0 ? 0 : ce, le = s.mouseEnterDelay, Pe = le === void 0 ? 100 : le, ue = s.mouseLeaveDelay, Me = ue === void 0 ? 100 : ue, fe = s.keepTooltipInside, Ae = fe === void 0 ? !1 : fe, z = s.children, de = Fe(r || t), D = de[0], pe = de[1], C = N(null), b = N(null), P = N(null), ye = N(null), ve = N("popup-" + ++st), S = ne ? !0 : !o, j = N(0);
+  } : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, i = e === void 0 ? !1 : e, y = s.nested, v = y === void 0 ? !1 : y, w = s.closeOnDocumentClick, R = w === void 0 ? !0 : w, k = s.repositionOnResize, we = k === void 0 ? !0 : k, W = s.closeOnEscape, Te = W === void 0 ? !0 : W, J = s.on, I = J === void 0 ? ["click"] : J, Q = s.contentStyle, Re = Q === void 0 ? {} : Q, Z = s.arrowStyle, X = Z === void 0 ? {} : Z, B = s.overlayStyle, De = B === void 0 ? {} : B, ee = s.className, P = ee === void 0 ? "" : ee, te = s.position, ke = te === void 0 ? "bottom center" : te, re = s.modal, ne = re === void 0 ? !1 : re, oe = s.lockScroll, ie = oe === void 0 ? !1 : oe, ae = s.arrow, F = ae === void 0 ? !0 : ae, se = s.offsetX, Ce = se === void 0 ? 0 : se, ce = s.offsetY, Le = ce === void 0 ? 0 : ce, le = s.mouseEnterDelay, Me = le === void 0 ? 100 : le, ue = s.mouseLeaveDelay, Ae = ue === void 0 ? 100 : ue, fe = s.keepTooltipInside, Pe = fe === void 0 ? !1 : fe, z = s.children, de = Fe(r || t), D = de[0], pe = de[1], C = N(null), b = N(null), M = N(null), ye = N(null), ve = N("popup-" + ++st), S = ne ? !0 : !o, j = N(0);
   rt(function() {
     return D ? (ye.current = document.activeElement, ge(), je(), xe()) : Ie(), function() {
       clearTimeout(j.current);
@@ -596,13 +596,13 @@ var Ze = function(a, c) {
   }, G = function(u) {
     clearTimeout(j.current), j.current = setTimeout(function() {
       return U(u);
-    }, Pe);
+    }, Me);
   }, Ne = function(u) {
     u == null || u.preventDefault(), V();
   }, q = function(u) {
     clearTimeout(j.current), j.current = setTimeout(function() {
       return L(u);
-    }, Me);
+    }, Ae);
   }, xe = function() {
     S && ie && (document.getElementsByTagName("body")[0].style.overflow = "hidden");
   }, Ie = function() {
@@ -629,10 +629,10 @@ var Ze = function(a, c) {
       var u = C.current.getBoundingClientRect(), _ = b.current.getBoundingClientRect(), g = at(u, _, ke, F, {
         offsetX: Ce,
         offsetY: Le
-      }, Ae);
-      if (b.current.style.top = g.top + window.scrollY + "px", b.current.style.left = g.left + window.scrollX + "px", F && P.current) {
-        var M, $;
-        P.current.style.transform = g.transform, P.current.style.setProperty("-ms-transform", g.transform), P.current.style.setProperty("-webkit-transform", g.transform), P.current.style.top = ((M = X.top) === null || M === void 0 ? void 0 : M.toString()) || g.arrowTop, P.current.style.left = (($ = X.left) === null || $ === void 0 ? void 0 : $.toString()) || g.arrowLeft;
+      }, Pe);
+      if (b.current.style.top = g.top + window.scrollY + "px", b.current.style.left = g.left + window.scrollX + "px", F && M.current) {
+        var A, $;
+        M.current.style.transform = g.transform, M.current.style.setProperty("-ms-transform", g.transform), M.current.style.setProperty("-webkit-transform", g.transform), M.current.style.top = ((A = X.top) === null || A === void 0 ? void 0 : A.toString()) || g.arrowTop, M.current.style.left = (($ = X.left) === null || $ === void 0 ? void 0 : $.toString()) || g.arrowLeft;
       }
     }
   };
@@ -642,7 +642,7 @@ var Ze = function(a, c) {
       key: "T",
       ref: C,
       "aria-describedby": ve.current
-    }, _ = Array.isArray(I) ? I : [I], g = 0, M = _.length; g < M; g++)
+    }, _ = Array.isArray(I) ? I : [I], g = 0, A = _.length; g < A; g++)
       switch (_[g]) {
         case "click":
           u.onClick = V;
@@ -664,15 +664,15 @@ var Ze = function(a, c) {
     return !!o && T.cloneElement(o, u);
   }, He = function() {
     var u = S ? H.popupContent.modal : H.popupContent.tooltip, _ = {
-      className: "popup-content " + (A !== "" ? A.split(" ").map(function(g) {
+      className: "popup-content " + (P !== "" ? P.split(" ").map(function(g) {
         return g + "-content";
       }).join(" ") : ""),
       style: Y({}, u, Re, {
         pointerEvents: "auto"
       }),
       ref: b,
-      onClick: function(M) {
-        M.stopPropagation();
+      onClick: function(A) {
+        A.stopPropagation();
       }
     };
     return !ne && I.indexOf("hover") >= 0 && (_.onMouseEnter = G, _.onMouseLeave = q), _;
@@ -682,11 +682,11 @@ var Ze = function(a, c) {
       role: S ? "dialog" : "tooltip",
       id: ve.current
     }), F && !S && T.createElement("div", {
-      ref: P,
+      ref: M,
       style: H.popupArrow
     }, T.createElement("svg", {
       "data-testid": "arrow",
-      className: "popup-arrow " + (A !== "" ? A.split(" ").map(function(u) {
+      className: "popup-arrow " + (P !== "" ? P.split(" ").map(function(u) {
         return u + "-arrow";
       }).join(" ") : ""),
       viewBox: "0 0 32 16",
@@ -701,7 +701,7 @@ var Ze = function(a, c) {
     key: "O",
     "data-testid": "overlay",
     "data-popup": S ? "modal" : "tooltip",
-    className: "popup-overlay " + (A !== "" ? A.split(" ").map(function(h) {
+    className: "popup-overlay " + (P !== "" ? P.split(" ").map(function(h) {
       return h + "-overlay";
     }).join(" ") : ""),
     style: Y({}, ze, De, {
@@ -722,9 +722,11 @@ const ut = "_content_1wx0f_2", be = {
 }) => /* @__PURE__ */ he(
   lt,
   {
-    arrow: !0,
-    on: o.on ?? "hover",
     ...o,
+    arrow: o.arrow ?? !0,
+    on: o.on ?? "hover",
+    repositionOnResize: o.repositionOnResize ?? !0,
+    keepTooltipInside: o.keepTooltipInside ?? !0,
     className: Oe(be.tooltip, s),
     children: /* @__PURE__ */ he("div", { className: Oe(be.content, a), children: c })
   }

package/dist/organisms/MainNav/MainNav.d.ts

@@ -3,6 +3,7 @@ import { AccountProps } from '../../molecules/Account/Account';
 import { ContactUsLinkBehavior } from 'lib/main-client';
 export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
     categories?: MainCategory[];
+    homeRoute: string;
     faqRoute: string;
     byModelSerialRoute: string;
     customPartsRoute: string;
@@ -25,4 +26,4 @@ export interface MainCategory extends Category {
     children: Category[];
     showChevron?: boolean;
 }
-export declare function MainNav({ account, categories, byModelSerialRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainNav({ account, categories, byModelSerialRoute, homeRoute, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, cartItemPriceLabel, cartContactLinkBehavior, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/MainNav/MainNav.js

@@ -1,111 +1,113 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Text as f } from "../../atoms/Text/Text.js";
-import { Link as p } from "../../atoms/Link/Link.js";
-import { Icon as w } from "../../atoms/Icon/Icon.js";
-import { Flex as a } from "../../atoms/Flex/Flex.js";
-import { Grid as D, Column as I } from "../../atoms/Grid/Grid.js";
-import { Logo as M } from "../../molecules/Logo/Logo.js";
-import { SearchBox as d } from "../../molecules/SearchBox/SearchBox.js";
-import { HamburgerMenu as U } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
-import { ShoppingCart as B } from "../../molecules/Cart/Cart.js";
-import { Account as F } from "../../molecules/Account/Account.js";
-import { CategoryNav as H } from "../../molecules/CategoryNav/CategoryNav.js";
-import { c as P } from "../../clsx-OuTLNxxd.js";
-import '../../assets/MainNav.css';const S = "_main_18fjz_1", G = "_column_18fjz_8", K = "_topNav_18fjz_13", Q = "_operations_18fjz_21", T = "_search_18fjz_28", W = "_siteLink_18fjz_31", q = "_accountArea_18fjz_35", E = "_category_18fjz_47", J = "_menuList_18fjz_69", i = {
-  main: S,
-  column: G,
-  topNav: K,
-  operations: Q,
-  search: T,
-  siteLink: W,
-  accountArea: q,
-  category: E,
-  menuList: J
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Text as p } from "../../atoms/Text/Text.js";
+import { Link as m } from "../../atoms/Link/Link.js";
+import { Icon as z } from "../../atoms/Icon/Icon.js";
+import { Flex as t } from "../../atoms/Flex/Flex.js";
+import { Grid as I, Column as M } from "../../atoms/Grid/Grid.js";
+import { Logo as U } from "../../molecules/Logo/Logo.js";
+import { SearchBox as f } from "../../molecules/SearchBox/SearchBox.js";
+import { HamburgerMenu as B } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
+import { ShoppingCart as F } from "../../molecules/Cart/Cart.js";
+import { Account as H } from "../../molecules/Account/Account.js";
+import { CategoryNav as P } from "../../molecules/CategoryNav/CategoryNav.js";
+import { c as S } from "../../clsx-OuTLNxxd.js";
+import '../../assets/MainNav.css';const G = "_main_1l043_1", K = "_column_1l043_8", Q = "_topNav_1l043_13", T = "_logo_1l043_21", W = "_operations_1l043_24", q = "_search_1l043_31", E = "_siteLink_1l043_34", J = "_accountArea_1l043_38", O = "_category_1l043_50", V = "_menuList_1l043_72", i = {
+  main: G,
+  column: K,
+  topNav: Q,
+  logo: T,
+  operations: W,
+  search: q,
+  siteLink: E,
+  accountArea: J,
+  category: O,
+  menuList: V
 };
 function ae({
-  account: o,
+  account: l,
   categories: n,
   byModelSerialRoute: c,
-  faqRoute: _,
-  customPartsRoute: m,
-  aboutUsRoute: u,
-  accountRoute: N,
-  contactRoute: s,
+  homeRoute: _,
+  faqRoute: u,
+  customPartsRoute: h,
+  aboutUsRoute: N,
+  accountRoute: g,
+  contactRoute: a,
   cart: v,
-  cartSubtotal: g,
-  cartItemPriceLabel: j,
-  cartContactLinkBehavior: A,
-  onLoginClick: L,
-  onSearch: h,
-  onItemQtyChange: x,
-  onItemDelete: z,
-  onItemEdit: C,
-  onCheckout: k,
-  className: y,
-  ...b
+  cartSubtotal: A,
+  cartItemPriceLabel: L,
+  cartContactLinkBehavior: x,
+  onLoginClick: C,
+  onSearch: d,
+  onItemQtyChange: k,
+  onItemDelete: y,
+  onItemEdit: b,
+  onCheckout: w,
+  className: j,
+  ...D
 }) {
-  return /* @__PURE__ */ e(D, { ...b, gridWrapperClassName: P(i.main, y), children: /* @__PURE__ */ t(I, { span: 12, className: i.column, children: [
-    /* @__PURE__ */ t(
-      a,
+  return /* @__PURE__ */ e(I, { ...D, gridWrapperClassName: S(i.main, j), children: /* @__PURE__ */ o(M, { span: 12, className: i.column, children: [
+    /* @__PURE__ */ o(
+      t,
       {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
         className: i.topNav,
         children: [
-          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(M, {}) }),
-          /* @__PURE__ */ t(
-            a,
+          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(m, { href: _, children: /* @__PURE__ */ e(U, {}) }) }),
+          /* @__PURE__ */ o(
+            t,
             {
               flexDirection: "row",
               alignItems: "center",
               justifyContent: "flex-end",
               className: i.operations,
               children: [
-                /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
+                /* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(f, { onSearch: d, inputName: "cpc-search" }) }),
                 /* @__PURE__ */ e(r, { href: c, hideAt: ["sm", "md"], children: "Model/Serial" }),
-                /* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Custom Parts" }),
-                /* @__PURE__ */ e(r, { href: s, hideAt: ["sm", "md"], children: "Contact Us" }),
+                /* @__PURE__ */ e(r, { href: h, hideAt: ["sm", "md"], children: "Custom Parts" }),
+                /* @__PURE__ */ e(r, { href: a, hideAt: ["sm", "md"], children: "Contact Us" }),
                 /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
-                  F,
+                  H,
                   {
-                    account: o,
-                    accountRoute: N,
-                    onLoginClick: L,
+                    account: l,
+                    accountRoute: g,
+                    onLoginClick: C,
                     className: i.avatar
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  B,
+                  F,
                   {
                     cart: v,
-                    onItemDelete: z,
-                    onItemEdit: C,
-                    onItemQtyChange: x,
-                    onCheckout: k,
-                    subtotal: g,
-                    contactHref: s,
-                    contactLinkBehavior: A,
-                    itemPriceLabel: j
+                    onItemDelete: y,
+                    onItemEdit: b,
+                    onItemQtyChange: k,
+                    onCheckout: w,
+                    subtotal: A,
+                    contactHref: a,
+                    contactLinkBehavior: x,
+                    itemPriceLabel: L
                   }
                 ),
-                /* @__PURE__ */ e(U, { hideAt: ["lg"], children: /* @__PURE__ */ t("ul", { className: i.menuList, children: [
+                /* @__PURE__ */ e(B, { hideAt: ["lg"], children: /* @__PURE__ */ o("ul", { className: i.menuList, children: [
                   /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: c, children: "Make/Serial" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Custom Parts" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: s, children: "Contact Us" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "FAQ" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "About Us" }) }),
-                  n && n.map((l) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ t(p, { href: l.route, children: [
-                    /* @__PURE__ */ e(f, { size: "sm", weight: "semibold", children: l.label }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: h, children: "Custom Parts" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: a, children: "Contact Us" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "FAQ" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: N, children: "About Us" }) }),
+                  n && n.map((s) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ o(m, { href: s.route, children: [
+                    /* @__PURE__ */ e(p, { size: "sm", weight: "semibold", children: s.label }),
                     /* @__PURE__ */ e(
-                      w,
+                      z,
                       {
                         iconKey: "fa-solid fa-chevron-right",
                         title: "Navigate",
                         size: "sm"
                       }
                     )
-                  ] }) }, l.id))
+                  ] }) }, s.id))
                 ] }) })
               ]
             }
@@ -113,16 +115,16 @@ function ae({
         ]
       }
     ),
-    /* @__PURE__ */ e(a, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
-    /* @__PURE__ */ e(H, { categories: n })
+    /* @__PURE__ */ e(t, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(f, { onSearch: d, inputName: "cpc-search", className: i.search }) }),
+    /* @__PURE__ */ e(P, { categories: n })
   ] }) });
 }
 function r({
-  href: o,
+  href: l,
   children: n,
   ...c
 }) {
-  return /* @__PURE__ */ e(p, { href: o, className: i.siteLink, ...c, children: /* @__PURE__ */ e(f, { size: "md", variant: "display", children: n }) });
+  return /* @__PURE__ */ e(m, { href: l, className: i.siteLink, ...c, children: /* @__PURE__ */ e(p, { size: "md", variant: "display", children: n }) });
 }
 export {
   ae as MainNav

package/dist/organisms/MainNav/MainNav.stories.js

@@ -103,6 +103,7 @@ const r = {
       number: "123456789012"
     },
     cart: i,
+    homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
     byModelSerialRoute: "/model",
@@ -137,6 +138,7 @@ const r = {
       number: "123456789012"
     },
     cart: i,
+    homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
     byModelSerialRoute: "/model",
@@ -166,6 +168,7 @@ const r = {
 }, d = {
   args: {
     cart: i,
+    homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
     byModelSerialRoute: "/model",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.53",
+  "version": "0.0.55",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",