@caseparts-org/caseblocks 0.0.90 → 0.0.91

package/dist/molecules/StatefulButton/StatefulButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import d from "react";
+import n from "react";
 import { StatefulButton as l } from "./StatefulButton.js";
 const u = {
   title: "Case Parts/Molecules/StatefulButton",
@@ -40,15 +40,15 @@ const u = {
 }, b = {
   args: { text: "Add Part", completedText: "Done" }
 }, r = (e) => {
-  const [c, t] = d.useState(!1);
+  const [c, t] = n.useState(!1);
   return /* @__PURE__ */ a(
     l,
     {
       ...e,
       completed: c,
-      onClick: (n) => {
+      onClick: (d) => {
         var o;
-        (o = e.onClick) == null || o.call(e, n), t(!0), setTimeout(() => t(!1), 1600);
+        (o = e.onClick) == null || o.call(e, d), t(!0), setTimeout(() => t(!1), 1600);
       }
     }
   );

package/dist/molecules/ToggleView/ToggleView.js

@@ -2,11 +2,11 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import m from "react";
 import { Flex as p } from "../../atoms/Flex/Flex.js";
 import { Icon as l } from "../../atoms/Icon/Icon.js";
-import { Text as x } from "../../atoms/Text/Text.js";
-import { getHideAtStyles as T } from "../../atoms/HideAt.js";
+import { Text as _ } from "../../atoms/Text/Text.js";
+import { getHideAtStyles as x } from "../../atoms/HideAt.js";
 import { c as f } from "../../clsx-OuTLNxxd.js";
-import '../../assets/ToggleView.css';const _ = "_toggleView_1u0oz_1", z = "_compactText_1u0oz_5", O = "_toggleOption_1u0oz_12", y = "_selected_1u0oz_22", g = {
-  toggleView: _,
+import '../../assets/ToggleView.css';const T = "_toggleView_1u0oz_1", z = "_compactText_1u0oz_5", O = "_toggleOption_1u0oz_12", y = "_selected_1u0oz_22", g = {
+  toggleView: T,
   compactText: z,
   toggleOption: O,
   selected: y
@@ -32,7 +32,7 @@ function r({
     {
       flexDirection: "row",
       alignItems: "center",
-      className: f(g.toggleView, T(a), n),
+      className: f(g.toggleView, x(a), n),
       ...s,
       children: m.Children.map(o, (i) => m.isValidElement(i) ? m.cloneElement(i, {
         isSelected: i.props.id === c,
@@ -88,7 +88,7 @@ function u({
       ...i,
       children: [
         n,
-        /* @__PURE__ */ e(x, { size: "xs", className: g.compactText, children: t })
+        /* @__PURE__ */ e(_, { size: "xs", className: g.compactText, children: t })
       ]
     }
   );

package/dist/organisms/Carousel/Carousel.js

@@ -23,12 +23,12 @@ function At(t, n) {
     return typeof u == "function" ? `${u}` == `${s}` : !Kt(u) || !Kt(s) ? u === s : At(u, s);
   });
 }
-function Qt(t) {
+function _t(t) {
   return t.concat().sort((n, e) => n.name > e.name ? 1 : -1).map((n) => n.options);
 }
 function xn(t, n) {
   if (t.length !== n.length) return !1;
-  const e = Qt(t), i = Qt(n);
+  const e = _t(t), i = _t(n);
   return e.every((c, r) => {
     const o = i[r];
     return At(c, o);
@@ -43,7 +43,7 @@ function Tt(t) {
 function St(t) {
   return typeof t == "boolean";
 }
-function Jt(t) {
+function Qt(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
 function N(t) {
@@ -75,16 +75,16 @@ function gt(t) {
 function Nt(t, n) {
   return n === gt(t);
 }
-function Xt(t, n = 0) {
+function Jt(t, n = 0) {
   return Array.from(Array(t), (e, i) => n + i);
 }
 function pt(t) {
   return Object.keys(t);
 }
-function _t(t, n) {
+function Xt(t, n) {
   return [t, n].reduce((e, i) => (pt(i).forEach((c) => {
-    const r = e[c], o = i[c], u = Jt(r) && Jt(o);
-    e[c] = u ? _t(r, o) : o;
+    const r = e[c], o = i[c], u = Qt(r) && Qt(o);
+    e[c] = u ? Xt(r, o) : o;
   }), e), {});
 }
 function Dt(t, n) {
@@ -270,7 +270,7 @@ function Tn(t, n, e, i, c, r, o, u, s, a, h, d, m, S, l, p, g, f, y) {
     touch: 600
   }, F = l ? 43 : 25;
   let U = !1, A = 0, k = 0, z = !1, H = !1, $ = !1, q = !1;
-  function Q(x) {
+  function _(x) {
     if (!y) return;
     function w(j) {
       (St(y) || y(x, j)) && ut(j);
@@ -283,11 +283,11 @@ function Tn(t, n, e, i, c, r, o, u, s, a, h, d, m, S, l, p, g, f, y) {
   function R() {
     L.clear(), I.clear();
   }
-  function X() {
+  function J() {
     const x = q ? e : n;
     I.add(x, "touchmove", V, v).add(x, "touchend", B).add(x, "mousemove", V, v).add(x, "mouseup", B);
   }
-  function _(x) {
+  function X(x) {
     const w = x.nodeName || "";
     return D.includes(w);
   }
@@ -300,19 +300,19 @@ function Tn(t, n, e, i, c, r, o, u, s, a, h, d, m, S, l, p, g, f, y) {
   }
   function ut(x) {
     const w = Dt(x, i);
-    q = w, $ = l && w && !x.buttons && U, U = lt(c.get(), o.get()) >= 2, !(w && x.button !== 0) && (_(x.target) || (z = !0, r.pointerDown(x), a.useFriction(0).useDuration(0), c.set(o), X(), A = r.readPoint(x), k = r.readPoint(x, b), m.emit("pointerDown")));
+    q = w, $ = l && w && !x.buttons && U, U = lt(c.get(), o.get()) >= 2, !(w && x.button !== 0) && (X(x.target) || (z = !0, r.pointerDown(x), a.useFriction(0).useDuration(0), c.set(o), J(), A = r.readPoint(x), k = r.readPoint(x, b), m.emit("pointerDown")));
   }
   function V(x) {
     if (!Dt(x, i) && x.touches.length >= 2) return B(x);
-    const C = r.readPoint(x), j = r.readPoint(x, b), J = lt(C, A), W = lt(j, k);
-    if (!H && !q && (!x.cancelable || (H = J > W, !H)))
+    const C = r.readPoint(x), j = r.readPoint(x, b), Q = lt(C, A), W = lt(j, k);
+    if (!H && !q && (!x.cancelable || (H = Q > W, !H)))
       return B(x);
     const nt = r.pointerMove(x);
-    J > p && ($ = !0), a.useFriction(0.3).useDuration(0.75), u.start(), c.add(E(nt)), x.preventDefault();
+    Q > p && ($ = !0), a.useFriction(0.3).useDuration(0.75), u.start(), c.add(E(nt)), x.preventDefault();
   }
   function B(x) {
-    const C = h.byDistance(0, !1).index !== d.get(), j = r.pointerUp(x) * Y(), J = ct(E(j), C), W = En(j, J), nt = F - 10 * W, tt = f + W / 50;
-    H = !1, z = !1, I.clear(), a.useDuration(nt).useFriction(tt), s.distance(J, !l), q = !1, m.emit("pointerUp");
+    const C = h.byDistance(0, !1).index !== d.get(), j = r.pointerUp(x) * Y(), Q = ct(E(j), C), W = En(j, Q), nt = F - 10 * W, tt = f + W / 50;
+    H = !1, z = !1, I.clear(), a.useDuration(nt).useFriction(tt), s.distance(Q, !l), q = !1, m.emit("pointerUp");
   }
   function Z(x) {
     $ && (x.stopPropagation(), x.preventDefault(), $ = !1);
@@ -321,7 +321,7 @@ function Tn(t, n, e, i, c, r, o, u, s, a, h, d, m, S, l, p, g, f, y) {
     return z;
   }
   return {
-    init: Q,
+    init: _,
     destroy: R,
     pointerDown: G
   };
@@ -583,11 +583,11 @@ function Vn(t, n, e, i, c, r) {
       const f = !p, y = Nt(g, p);
       if (f) {
         const b = K(g[0]) + 1;
-        return Xt(b);
+        return Jt(b);
       }
       if (y) {
         const b = gt(r) - K(g)[0] + 1;
-        return Xt(b, K(g)[0]);
+        return Jt(b, K(g)[0]);
       }
       return l;
     });
@@ -926,7 +926,7 @@ function Kn(t, n, e, i, c, r, o, u, s) {
     groupSlides: p
   };
 }
-function Qn(t, n, e, i, c, r, o) {
+function _n(t, n, e, i, c, r, o) {
   const {
     align: u,
     axis: s,
@@ -948,14 +948,14 @@ function Qn(t, n, e, i, c, r, o) {
     slideSizes: H,
     slideSizesWithGaps: $,
     startGap: q,
-    endGap: Q
-  } = qn(T, O, P, e, z, c), R = Kn(T, F, g, d, O, P, q, Q, L), {
-    snaps: X,
-    snapsAligned: _
-  } = jn(T, A, O, P, R), Y = -K(X) + K($), {
+    endGap: _
+  } = qn(T, O, P, e, z, c), R = Kn(T, F, g, d, O, P, q, _, L), {
+    snaps: J,
+    snapsAligned: X
+  } = jn(T, A, O, P, R), Y = -K(J) + K($), {
     snapsContained: ct,
     scrollContainLimit: ut
-  } = Cn(F, Y, _, y, L), V = k ? ct : _, {
+  } = Cn(F, Y, X, y, L), V = k ? ct : X, {
     limit: B
   } = Fn(Y, V, d), Z = Yt(gt(V), h, d), G = Z.clone(), M = dt(e), x = ({
     dragHandler: it,
@@ -986,7 +986,7 @@ function Qn(t, n, e, i, c, r, o) {
     Gt && sn.stop();
     const an = It.get() * zt + nn.get() * (1 - zt);
     ht.set(an), Vt && (en.loop(it.direction()), on.loop()), Lt.to(ht.get()), Gt && jt.emit("settle"), Rt || jt.emit("scroll");
-  }, C = vn(i, c, () => x(Et), (it) => w(Et, it)), j = 0.68, J = V[Z.get()], W = ft(J), nt = ft(J), tt = ft(J), et = ft(J), at = Nn(W, tt, nt, et, m, j), bt = zn(d, V, Y, B, et), xt = Hn(C, Z, G, at, bt, et, o), Ft = Bn(B), kt = mt(), Wt = $n(n, e, o, p), {
+  }, C = vn(i, c, () => x(Et), (it) => w(Et, it)), j = 0.68, Q = V[Z.get()], W = ft(Q), nt = ft(Q), tt = ft(Q), et = ft(Q), at = Nn(W, tt, nt, et, m, j), bt = zn(d, V, Y, B, et), xt = Hn(C, Z, G, at, bt, et, o), Ft = Bn(B), kt = mt(), Wt = $n(n, e, o, p), {
     slideRegistry: Bt
   } = Vn(k, y, V, ut, R, M), tn = Rn(t, e, Bt, xt, at, kt, o, v), Et = {
     ownerDocument: i,
@@ -1015,7 +1015,7 @@ function Qn(t, n, e, i, c, r, o) {
     scrollSnaps: V,
     scrollTarget: bt,
     scrollTo: xt,
-    slideLooper: Gn(T, F, Y, H, $, X, V, tt, e),
+    slideLooper: Gn(T, F, Y, H, $, J, V, tt, e),
     slideFocus: tn,
     slidesHandler: Un(n, o, E),
     slidesInView: Wt,
@@ -1027,7 +1027,7 @@ function Qn(t, n, e, i, c, r, o) {
   };
   return Et;
 }
-function Jn() {
+function Qn() {
   let t = {}, n;
   function e(a) {
     n = a;
@@ -1056,7 +1056,7 @@ function Jn() {
   };
   return s;
 }
-const Xn = {
+const Jn = {
   align: "center",
   axis: "x",
   container: null,
@@ -1078,9 +1078,9 @@ const Xn = {
   watchSlides: !0,
   watchFocus: !0
 };
-function _n(t) {
+function Xn(t) {
   function n(r, o) {
-    return _t(r, o || {});
+    return Xt(r, o || {});
   }
   function e(r) {
     const o = r.breakpoints || {}, u = pt(o).filter((s) => t.matchMedia(s).matches).map((s) => o[s]).reduce((s, a) => n(s, a), {});
@@ -1113,7 +1113,7 @@ function Yn(t) {
   };
 }
 function yt(t, n, e) {
-  const i = t.ownerDocument, c = i.defaultView, r = _n(c), o = Yn(r), u = mt(), s = Jn(), {
+  const i = t.ownerDocument, c = i.defaultView, r = Xn(c), o = Yn(r), u = mt(), s = Qn(), {
     mergeOptions: a,
     optionsAtMedia: h,
     optionsMediaQueries: d
@@ -1122,7 +1122,7 @@ function yt(t, n, e) {
     off: S,
     emit: l
   } = s, p = T;
-  let g = !1, f, y = a(Xn, yt.globalOptions), b = a(y), E = [], D, v, L;
+  let g = !1, f, y = a(Jn, yt.globalOptions), b = a(y), E = [], D, v, L;
   function I() {
     const {
       container: M,
@@ -1133,7 +1133,7 @@ function yt(t, n, e) {
     L = [].slice.call(C || v.children);
   }
   function O(M) {
-    const x = Qn(t, v, L, i, c, M, s);
+    const x = _n(t, v, L, i, c, M, s);
     if (M.loop && !x.slideLooper.canLoop()) {
       const w = Object.assign({}, M, {
         loop: !1
@@ -1179,16 +1179,16 @@ function yt(t, n, e) {
   function q() {
     return f.scrollSnapList;
   }
-  function Q() {
+  function _() {
     return f.scrollProgress.get(f.offsetLocation.get());
   }
   function R() {
     return f.index.get();
   }
-  function X() {
+  function J() {
     return f.indexPrevious.get();
   }
-  function _() {
+  function X() {
     return f.slidesInView.get();
   }
   function Y() {
@@ -1219,17 +1219,17 @@ function yt(t, n, e) {
     on: m,
     emit: l,
     plugins: ct,
-    previousScrollSnap: X,
+    previousScrollSnap: J,
     reInit: p,
     rootNode: V,
     scrollNext: k,
     scrollPrev: z,
-    scrollProgress: Q,
+    scrollProgress: _,
     scrollSnapList: q,
     scrollTo: A,
     selectedScrollSnap: R,
     slideNodes: Z,
-    slidesInView: _,
+    slidesInView: X,
     slidesNotInView: Y
   };
   return P(n, e), setTimeout(() => s.emit("init"), 0), G;
@@ -1284,10 +1284,10 @@ function Ct(t = {}) {
     if (n = H(q), e.scrollSnapList().length <= 1) return;
     h = n.jump, i = !1, c = Wn(e, n.delay);
     const {
-      eventStore: Q,
+      eventStore: _,
       ownerDocument: R
-    } = e.internalEngine(), X = !!e.internalEngine().options.watchDrag, _ = te(e, n.rootNode);
-    Q.add(R, "visibilitychange", f), X && e.on("pointerDown", b), X && !n.stopOnInteraction && e.on("pointerUp", E), n.stopOnMouseEnter && Q.add(_, "mouseenter", D), n.stopOnMouseEnter && !n.stopOnInteraction && Q.add(_, "mouseleave", v), n.stopOnFocusIn && e.on("slideFocusStart", g), n.stopOnFocusIn && !n.stopOnInteraction && Q.add(e.containerNode(), "focusout", p), n.playOnInit && p();
+    } = e.internalEngine(), J = !!e.internalEngine().options.watchDrag, X = te(e, n.rootNode);
+    _.add(R, "visibilitychange", f), J && e.on("pointerDown", b), J && !n.stopOnInteraction && e.on("pointerUp", E), n.stopOnMouseEnter && _.add(X, "mouseenter", D), n.stopOnMouseEnter && !n.stopOnInteraction && _.add(X, "mouseleave", v), n.stopOnFocusIn && e.on("slideFocusStart", g), n.stopOnFocusIn && !n.stopOnInteraction && _.add(e.containerNode(), "focusout", p), n.playOnInit && p();
   }
   function m() {
     e.off("pointerDown", b).off("pointerUp", E).off("slideFocusStart", g), g(), i = !0, u = !1;

package/dist/organisms/Footer/Footer.js

@@ -5,7 +5,7 @@ import { Link as i } from "../../atoms/Link/Link.js";
 import { Icon as n } from "../../atoms/Icon/Icon.js";
 import { Logo as x } from "../../molecules/Logo/Logo.js";
 import { Text as o } from "../../atoms/Text/Text.js";
-import { Tooltip as a } from "../../molecules/Tooltip/Tooltip.js";
+import { Tooltip as a } from "../../atoms/Tooltip/Tooltip.js";
 import { c as h } from "../../clsx-OuTLNxxd.js";
 import '../../assets/Footer.css';const y = "_footer_1r911_2", p = "_grid_1r911_18", C = "_title_1r911_31", b = "_columnContent_1r911_40", _ = "_history_1r911_48", w = "_logo_1r911_62", t = {
   footer: y,

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

@@ -1,6 +1,16 @@
-import { CartPropsBase, ShoppingCart } from '../../molecules/Cart/Cart';
+import { default as React } from 'react';
+import { CartPropsBase, ShoppingCart, ShoppingCartHandle } from '../../molecules/Cart/Cart';
 import { AccountProps } from '../../molecules/Account/Account';
 import { ContactUsLinkBehavior } from 'lib/main-client';
+export interface Category {
+    id: string | number;
+    label: string;
+    route: string;
+}
+export interface MainCategory extends Category {
+    children: Category[];
+    showChevron?: boolean;
+}
 export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
     categories?: MainCategory[];
     homeRoute: string;
@@ -17,13 +27,5 @@ export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDi
     onLoginClick: () => void;
     onSearch: (_input: string) => void;
 }
-export interface Category {
-    id: string | number;
-    label: string;
-    route: string;
-}
-export interface MainCategory extends Category {
-    children: Category[];
-    showChevron?: boolean;
-}
-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;
+export type MainNavHandle = ShoppingCartHandle;
+export declare const MainNav: React.ForwardRefExoticComponent<MainNavProps & React.RefAttributes<ShoppingCartHandle>>;

package/dist/organisms/MainNav/MainNav.js

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

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

@@ -1,8 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
-import { MainNav } from './MainNav';
 declare const meta: {
     title: string;
-    component: typeof MainNav;
+    component: import('react').ForwardRefExoticComponent<import('./MainNav').MainNavProps & import('react').RefAttributes<import('../../molecules/Cart/Cart').ShoppingCartHandle>>;
     parameters: {
         layout: string;
     };