@caseparts-org/caseblocks 0.0.170 → 0.0.172

package/dist/assets/AddToCartPart.css

@@ -0,0 +1 @@
+._container_srwcp_1{width:min(100%,360px);display:flex;flex-direction:column;gap:var(--spacing-spacing-2xs);padding:var(--spacing-spacing-2xs);background:var(--surface-surface-primary, #fff);border:1px solid var(--border-border-primary, #dfdfdf);border-radius:var(--border-radius-md);box-shadow:2px 4px 12px #00000026;box-sizing:border-box}._header_srwcp_14{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-spacing-2xs)}._confirmation_srwcp_21{display:flex;align-items:center;gap:var(--spacing-spacing-3xs)}._confirmationIcon_srwcp_27{color:var(--icons-icon-accent, var(--text-text-accent))}._dismissButton_srwcp_31{display:flex;align-items:center;justify-content:center;width:min-content;height:min-content;padding:0;margin:0;border:none;background:transparent;color:var(--text-text-quaternary);cursor:pointer}._content_srwcp_45{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:start}._mediaSlot_srwcp_52{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);background:var(--surface-surface-primary, #fff);overflow:hidden;flex-shrink:0}._image_srwcp_64{object-fit:contain}._imageFallback_srwcp_68{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-text-quaternary)}._summary_srwcp_77{display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs);min-width:0}._summary_srwcp_77 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._titleBlock_srwcp_92{display:flex;flex-direction:column;align-items:flex-start}._purchaseRow_srwcp_98{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-spacing-2xs);align-items:end}._quantityBlock_srwcp_105{display:flex;flex-direction:column;align-items:flex-start}._pricing_srwcp_111{justify-self:end}._checkoutButton_srwcp_115{width:100%}@media (max-width: 480px){._container_srwcp_1{width:min(100%,320px)}}

package/dist/main-client.d.ts

@@ -21,6 +21,8 @@ export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from
 export type { ShoppingCart, CartItem } from './molecules/Cart/Cart';
 export { CartPart } from './molecules/Cart/CartPart';
 export type { CartPartProps } from './molecules/Cart/CartPart';
+export { AddToCartPart } from './molecules/AddToCartPart/AddToCartPart';
+export type { AddToCartPartProps } from './molecules/AddToCartPart/AddToCartPart';
 export { CartSlideInPanel } from './molecules/Cart/CartSlideInPanel';
 export type { CartSlideInPanelProps } from './molecules/Cart/CartSlideInPanel';
 export type { StatefulButtonProps } from './molecules/StatefulButton/StatefulButton';

package/dist/main-client.js

@@ -5,10 +5,10 @@ import { Head as i } from "./atoms/Root/Head.js";
 import { Icon as l } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
 import { Separator as s } from "./atoms/Separator/Separator.js";
-import { Text as C } from "./atoms/Text/Text.js";
+import { Text as g } from "./atoms/Text/Text.js";
 import { Input as S } from "./atoms/Input/Input.js";
-import { ToggleSwitch as w } from "./atoms/ToggleSwitch/ToggleSwitch.js";
-import { Link as T } from "./atoms/Link/Link.js";
+import { ToggleSwitch as T } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Link as A } from "./atoms/Link/Link.js";
 import { linkClassName as B } from "./atoms/Link/linkClassName.js";
 import { configureLink as h, routerOverride as v } from "./atoms/Link/configureLink.js";
 import { LinkButton as b } from "./atoms/LinkButton/LinkButton.js";
@@ -31,73 +31,75 @@ import { Markdown as ar } from "./atoms/Markdown/Markdown.js";
 import { PreprocessedMarkdown as nr } from "./atoms/Markdown/PreprocessedMarkdown.js";
 import { usePreprocessedMarkdown as dr } from "./atoms/Markdown/usePreprocessedMarkdown.js";
 import { Tooltip as cr } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as gr } from "./atoms/Popover/Popover.js";
+import { Popover as Cr } from "./atoms/Popover/Popover.js";
 import { Account as kr } from "./molecules/Account/Account.js";
 import { Chip as Pr } from "./molecules/Chip/Chip.js";
-import { ToggleView as Ir } from "./molecules/ToggleView/ToggleView.js";
-import { CartPart as Ar } from "./molecules/Cart/CartPart.js";
-import { CartSlideInPanel as Mr } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as vr } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as br } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Fr } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Nr } from "./molecules/Modal/Modal.js";
-import { ImageViewer as zr } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Er } from "./Table-BX4PtCNE.js";
-import { Error as Or } from "./molecules/Error/Error.js";
-import { MainNav as Rr } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as jr } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Jr } from "./organisms/Product/Product.js";
-import { Carousel as Ur } from "./organisms/Carousel/Carousel.js";
-import { Footer as Xr } from "./organisms/Footer/Footer.js";
-import { default as _r } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { ToggleView as wr } from "./molecules/ToggleView/ToggleView.js";
+import { CartPart as Ir } from "./molecules/Cart/CartPart.js";
+import { AddToCartPart as Mr } from "./molecules/AddToCartPart/AddToCartPart.js";
+import { CartSlideInPanel as vr } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as br } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Fr } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Nr } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as zr } from "./molecules/Modal/Modal.js";
+import { ImageViewer as Er } from "./molecules/ImageViewer/ImageViewer.js";
+import { T as Or } from "./Table-BX4PtCNE.js";
+import { Error as Rr } from "./molecules/Error/Error.js";
+import { MainNav as jr } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as Jr } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Ur } from "./organisms/Product/Product.js";
+import { Carousel as Xr } from "./organisms/Carousel/Carousel.js";
+import { Footer as _r } from "./organisms/Footer/Footer.js";
+import { default as ro } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
   kr as Account,
-  Fr as AddToCart,
-  br as AnimatedCheckMark,
+  Nr as AddToCart,
+  Mr as AddToCartPart,
+  Fr as AnimatedCheckMark,
   j as Availability,
   J as Avatar,
   U as BannerCard,
   _ as Breadcrumbs,
   e as Button,
   X as CardLink,
-  Ur as Carousel,
-  Ar as CartPart,
-  Mr as CartSlideInPanel,
+  Xr as Carousel,
+  Ir as CartPart,
+  vr as CartSlideInPanel,
   Pr as Chip,
-  jr as ChipSelector,
+  Jr as ChipSelector,
   f as Column,
   rr as Disclaimer,
-  Or as Error,
+  Rr as Error,
   p as Flex,
-  Xr as Footer,
+  _r as Footer,
   x as Grid,
   i as Head,
   pr as HorizontalScroll,
   l as Icon,
-  zr as ImageViewer,
+  Er as ImageViewer,
   S as Input,
-  T as Link,
+  A as Link,
   b as LinkButton,
   z as Logo,
-  Rr as MainNav,
+  jr as MainNav,
   ar as Markdown,
-  Nr as Modal,
+  zr as Modal,
   er as NotFound,
-  gr as Popover,
+  Cr as Popover,
   nr as PreprocessedMarkdown,
   R as Pricing,
-  Jr as Product,
+  Ur as Product,
   O as QuantityInput,
   u as Root,
   E as SearchBox,
   s as Separator,
   fr as SlideInPanel,
-  _r as SpinZoomViewer,
-  vr as StatefulButton,
-  Er as Table,
-  C as Text,
-  w as ToggleSwitch,
-  Ir as ToggleView,
+  ro as SpinZoomViewer,
+  br as StatefulButton,
+  Or as Table,
+  g as Text,
+  T as ToggleSwitch,
+  wr as ToggleView,
   cr as Tooltip,
   F as configureImage,
   h as configureLink,

package/dist/molecules/AddToCartPart/AddToCartPart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface AddToCartPartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    imageUrl?: string;
+    imageAlt?: string;
+    title: React.ReactNode;
+    titleHref?: string;
+    partNumber?: string | number;
+    partNumberLabel?: React.ReactNode;
+    quantity: number;
+    quantityLabel?: string;
+    priceLabel?: string;
+    price?: string;
+    confirmationText?: React.ReactNode;
+    checkoutLabel?: React.ReactNode;
+    onCheckout?: () => void;
+    onDismiss?: () => void;
+}
+export declare function AddToCartPart({ imageUrl, imageAlt, title, titleHref, partNumber, partNumberLabel, quantity, quantityLabel, priceLabel, price, confirmationText, checkoutLabel, onCheckout, onDismiss, className, ...otherProps }: AddToCartPartProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/AddToCartPart/AddToCartPart.js

@@ -0,0 +1,114 @@
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
+import { c as B } from "../../clsx-OuTLNxxd.js";
+import { Button as N } from "../../atoms/Button/Button.js";
+import { Icon as a } from "../../atoms/Icon/Icon.js";
+import { Image as b } from "../../atoms/Image/Image.js";
+import { Link as v } from "../../atoms/Link/Link.js";
+import { Text as t } from "../../atoms/Text/Text.js";
+import { Pricing as x } from "../Pricing/Pricing.js";
+import '../../assets/AddToCartPart.css';const z = "_container_srwcp_1", q = "_header_srwcp_14", I = "_confirmation_srwcp_21", P = "_confirmationIcon_srwcp_27", F = "_dismissButton_srwcp_31", R = "_content_srwcp_45", S = "_mediaSlot_srwcp_52", T = "_image_srwcp_64", C = "_imageFallback_srwcp_68", K = "_summary_srwcp_77", L = "_titleBlock_srwcp_92", j = "_purchaseRow_srwcp_98", A = "_quantityBlock_srwcp_105", Q = "_pricing_srwcp_111", D = "_checkoutButton_srwcp_115", i = {
+  container: z,
+  header: q,
+  confirmation: I,
+  confirmationIcon: P,
+  dismissButton: F,
+  content: R,
+  mediaSlot: S,
+  image: T,
+  imageFallback: C,
+  summary: K,
+  titleBlock: L,
+  purchaseRow: j,
+  quantityBlock: A,
+  pricing: Q,
+  checkoutButton: D
+};
+function Y({
+  imageUrl: o,
+  imageAlt: _ = "Product image",
+  title: s,
+  titleHref: n,
+  partNumber: r,
+  partNumberLabel: h = "Part #",
+  quantity: u,
+  quantityLabel: p = "Qty",
+  priceLabel: f = "List Price",
+  price: m,
+  confirmationText: g = "Added to cart",
+  checkoutLabel: k = "Checkout",
+  onCheckout: l,
+  onDismiss: d,
+  className: w,
+  ...y
+}) {
+  return /* @__PURE__ */ e("div", { className: B(i.container, w), ...y, children: [
+    /* @__PURE__ */ e("div", { className: i.header, children: [
+      /* @__PURE__ */ e("div", { className: i.confirmation, children: [
+        /* @__PURE__ */ c(
+          a,
+          {
+            iconKey: "fa-regular fa-cart-circle-check",
+            size: "md",
+            className: i.confirmationIcon,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ c(t, { size: "sm", weight: "semibold", children: g })
+      ] }),
+      d && /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          onClick: d,
+          className: i.dismissButton,
+          "aria-label": "Dismiss add to cart message",
+          children: /* @__PURE__ */ c(a, { iconKey: "fa-regular fa-xmark", size: "sm" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.content, children: [
+      /* @__PURE__ */ c("div", { className: i.mediaSlot, children: o ? /* @__PURE__ */ c(
+        b,
+        {
+          height: 56,
+          width: 56,
+          src: o,
+          alt: _,
+          className: i.image
+        }
+      ) : /* @__PURE__ */ c("div", { className: i.imageFallback, "aria-hidden": "true", children: /* @__PURE__ */ c(a, { iconKey: "fa-regular fa-box-open", size: "md" }) }) }),
+      /* @__PURE__ */ e("div", { className: i.summary, children: [
+        /* @__PURE__ */ e("div", { className: i.titleBlock, children: [
+          /* @__PURE__ */ c(t, { size: "sm", weight: "semibold", children: n ? /* @__PURE__ */ c(v, { href: n, children: s }) : s }),
+          r != null && /* @__PURE__ */ e(t, { size: "sm", children: [
+            /* @__PURE__ */ c(t, { colorToken: "quaternary", size: "xs", children: h }),
+            " ",
+            r
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: i.purchaseRow, children: [
+          /* @__PURE__ */ e("div", { className: i.quantityBlock, children: [
+            /* @__PURE__ */ c(t, { size: "xxs", colorToken: "quaternary", children: p }),
+            /* @__PURE__ */ c(t, { size: "sm", weight: "semibold", children: u })
+          ] }),
+          m && /* @__PURE__ */ c(x, { pricingLabel: f, price: m, className: i.pricing })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ c(
+      N,
+      {
+        type: "button",
+        onClick: l,
+        disabled: !l,
+        variant: "cta-primary",
+        size: "md",
+        className: i.checkoutButton,
+        children: k
+      }
+    )
+  ] });
+}
+export {
+  Y as AddToCartPart
+};

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

@@ -0,0 +1,62 @@
+import { StoryObj } from '@storybook/react';
+import { AddToCartPart, AddToCartPartProps } from './AddToCartPart';
+declare const meta: {
+    title: string;
+    component: typeof AddToCartPart;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        titleHref: {
+            control: "text";
+        };
+        partNumber: {
+            control: "text";
+        };
+        partNumberLabel: {
+            control: "text";
+        };
+        quantity: {
+            control: "number";
+        };
+        quantityLabel: {
+            control: "text";
+        };
+        priceLabel: {
+            control: "text";
+        };
+        price: {
+            control: "text";
+        };
+        imageUrl: {
+            control: "text";
+        };
+        imageAlt: {
+            control: "text";
+        };
+        confirmationText: {
+            control: "text";
+        };
+        checkoutLabel: {
+            control: "text";
+        };
+        onCheckout: {
+            action: string;
+        };
+        onDismiss: {
+            action: string;
+        };
+    };
+    args: AddToCartPartProps;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutImage: Story;
+export declare const WithoutPrice: Story;
+export declare const NoDismiss: Story;
+export declare const CustomPartLabel: Story;

package/dist/molecules/AddToCartPart/AddToCartPart.stories.js

@@ -0,0 +1,61 @@
+import { AddToCartPart as t } from "./AddToCartPart.js";
+const o = {
+  title: "Case Parts/Molecules/AddToCartPart",
+  component: t,
+  parameters: { layout: "centered" },
+  argTypes: {
+    title: { control: "text" },
+    titleHref: { control: "text" },
+    partNumber: { control: "text" },
+    partNumberLabel: { control: "text" },
+    quantity: { control: "number" },
+    quantityLabel: { control: "text" },
+    priceLabel: { control: "text" },
+    price: { control: "text" },
+    imageUrl: { control: "text" },
+    imageAlt: { control: "text" },
+    confirmationText: { control: "text" },
+    checkoutLabel: { control: "text" },
+    onCheckout: { action: "checkoutClicked" },
+    onDismiss: { action: "dismissClicked" }
+  },
+  args: {
+    title: "Kason 1092 Hydraulic Door Closer",
+    titleHref: "/part/1092-01/Kason-1092-Hydraulic-Door-Closer",
+    partNumber: "1092-01",
+    partNumberLabel: "Part #",
+    quantity: 2,
+    quantityLabel: "Qty",
+    priceLabel: "List Price",
+    price: "$129.99",
+    imageUrl: "https://dev.caseparts.com/graphics/photos/R-23_IMG_2009.png",
+    confirmationText: "Added to cart",
+    checkoutLabel: "Checkout"
+  },
+  tags: ["autodocs"]
+}, r = {}, a = {
+  args: {
+    imageUrl: void 0
+  }
+}, c = {
+  args: {
+    price: void 0
+  }
+}, i = {
+  args: {
+    onDismiss: void 0
+  }
+}, s = {
+  args: {
+    partNumberLabel: "Specs",
+    partNumber: '22" x 29" x 63"'
+  }
+};
+export {
+  s as CustomPartLabel,
+  r as Default,
+  i as NoDismiss,
+  a as WithoutImage,
+  c as WithoutPrice,
+  o as default
+};

package/dist/molecules/Cart/CartPart.d.ts

@@ -5,6 +5,7 @@ export interface CartPartProps extends Omit<React.LiHTMLAttributes<HTMLLIElement
     imageAlt?: string;
     title: React.ReactNode;
     titleHref?: string;
+    onTitleNavigate?: React.MouseEventHandler<HTMLAnchorElement>;
     partNumber?: string | number;
     custom?: boolean;
     availabilityId?: string;
@@ -17,4 +18,4 @@ export interface CartPartProps extends Omit<React.LiHTMLAttributes<HTMLLIElement
     onQuantityChange?: (_quantity: number) => void;
     onRemove?: () => void;
 }
-export declare function CartPart({ imageUrl, imageAlt, title, titleHref, partNumber, custom, availabilityId, availability, contactHref, contactLinkBehavior, priceLabel, price, quantity, onQuantityChange, onRemove, className, ...otherProps }: CartPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartPart({ imageUrl, imageAlt, title, titleHref, onTitleNavigate, partNumber, custom, availabilityId, availability, contactHref, contactLinkBehavior, priceLabel, price, quantity, onQuantityChange, onRemove, className, ...otherProps }: CartPartProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Cart/CartPart.js

@@ -1,63 +1,67 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { Link as x } from "../../atoms/Link/Link.js";
-import { Text as a } from "../../atoms/Text/Text.js";
-import { Image as y } from "../../atoms/Image/Image.js";
-import { Availability as z } from "../Availability/Availability.js";
-import { Pricing as P } from "../Pricing/Pricing.js";
-import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
-import { Icon as S } from "../../atoms/Icon/Icon.js";
-import { c as k } from "../../clsx-OuTLNxxd.js";
-import { s as e } from "../../Cart.module-DzPBP5QJ.js";
-function B({
-  imageUrl: h,
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Link as K } from "../../atoms/Link/Link.js";
+import { Text as c } from "../../atoms/Text/Text.js";
+import { Image as N } from "../../atoms/Image/Image.js";
+import { Availability as w } from "../Availability/Availability.js";
+import { Pricing as S } from "../Pricing/Pricing.js";
+import { QuantityInput as C } from "../QuantityInput/QuantityInput.js";
+import { Icon as L } from "../../atoms/Icon/Icon.js";
+import { c as j } from "../../clsx-OuTLNxxd.js";
+import { s as i } from "../../Cart.module-DzPBP5QJ.js";
+function F({
+  imageUrl: u,
   imageAlt: p = "Product image",
   title: m,
   titleHref: s,
-  partNumber: t,
-  custom: f,
-  availabilityId: v,
-  availability: c,
-  contactHref: u,
-  contactLinkBehavior: I = "new-tab",
-  priceLabel: N = "List Price",
-  price: l,
-  quantity: o,
-  onQuantityChange: n,
-  onRemove: d,
-  className: g,
-  ...b
+  onTitleNavigate: a,
+  partNumber: l,
+  custom: y,
+  availabilityId: I,
+  availability: o,
+  contactHref: b,
+  contactLinkBehavior: g = "new-tab",
+  priceLabel: x = "List Price",
+  price: n,
+  quantity: d,
+  onQuantityChange: f,
+  onRemove: h,
+  className: P,
+  ...k
 }) {
-  return /* @__PURE__ */ r("li", { className: k(e.cartItem, g), ...b, children: [
-    /* @__PURE__ */ i(y, { height: 50, width: 50, src: h || "", alt: p, className: e.itemImage }),
-    /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: e.topRow, children: [
-        /* @__PURE__ */ r("div", { className: e.itemInfo, children: [
-          /* @__PURE__ */ i(a, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ i(x, { href: s, children: m }) : m }),
-          t != null && /* @__PURE__ */ r(a, { size: "sm", children: [
-            /* @__PURE__ */ i(a, { colorToken: "quaternary", size: "xs", children: f ? "Specs " : "Part # " }),
-            t
+  function z(e) {
+    e.defaultPrevented || e.button === 0 && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey || e.currentTarget.target && e.currentTarget.target !== "_self" || a == null || a(e));
+  }
+  return /* @__PURE__ */ t("li", { className: j(i.cartItem, P), ...k, children: [
+    /* @__PURE__ */ r(N, { height: 50, width: 50, src: u || "", alt: p, className: i.itemImage }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("div", { className: i.topRow, children: [
+        /* @__PURE__ */ t("div", { className: i.itemInfo, children: [
+          /* @__PURE__ */ r(c, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ r(K, { href: s, onClick: z, children: m }) : m }),
+          l != null && /* @__PURE__ */ t(c, { size: "sm", children: [
+            /* @__PURE__ */ r(c, { colorToken: "quaternary", size: "xs", children: y ? "Specs " : "Part # " }),
+            l
           ] })
         ] }),
-        d && /* @__PURE__ */ i("button", { onClick: d, className: e.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ i(S, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+        h && /* @__PURE__ */ r("button", { onClick: h, className: i.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ r(L, { iconKey: "fa-regular fa-trash", size: "sm" }) })
       ] }),
-      /* @__PURE__ */ r("div", { className: e.itemManagement, children: [
-        /* @__PURE__ */ r("div", { className: e.purchaseInformation, children: [
-          /* @__PURE__ */ i("div", { className: e.availabilitySlot, children: c && /* @__PURE__ */ i(
-            z,
+      /* @__PURE__ */ t("div", { className: i.itemManagement, children: [
+        /* @__PURE__ */ t("div", { className: i.purchaseInformation, children: [
+          /* @__PURE__ */ r("div", { className: i.availabilitySlot, children: o && /* @__PURE__ */ r(
+            w,
             {
-              availId: v || "",
-              availDescription: c,
-              contactHref: u || "",
-              contactLinkBehavior: I
+              availId: I || "",
+              availDescription: o,
+              contactHref: b || "",
+              contactLinkBehavior: g
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: e.priceSlot, children: l && /* @__PURE__ */ i(P, { pricingLabel: N, price: l }) })
+          /* @__PURE__ */ r("div", { className: i.priceSlot, children: n && /* @__PURE__ */ r(S, { pricingLabel: x, price: n }) })
         ] }),
-        typeof o == "number" && n && /* @__PURE__ */ i("div", { className: e.quantitySlot, children: /* @__PURE__ */ i(
-          w,
+        typeof d == "number" && f && /* @__PURE__ */ r("div", { className: i.quantitySlot, children: /* @__PURE__ */ r(
+          C,
           {
-            quantity: o,
-            onQuantityChange: n,
+            quantity: d,
+            onQuantityChange: f,
             size: "sm"
           }
         ) })
@@ -66,5 +70,5 @@ function B({
   ] });
 }
 export {
-  B as CartPart
+  F as CartPart
 };

package/dist/molecules/Cart/CartSlideInPanel.d.ts

@@ -10,6 +10,7 @@ export interface CartSlideInPanelProps {
     contactLinkBehavior?: ContactUsLinkBehavior;
     onItemQtyChange: (_item: CartItem, _newQty: number) => void;
     onItemDelete: (_item: CartItem) => void;
+    onItemNavigate?: (_item: CartItem) => void;
     onCheckout: () => void;
 }
-export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, contactHref, contactLinkBehavior, onItemQtyChange, onItemDelete, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CartSlideInPanel({ open, onClose, cart, subtotal, itemPriceLabel, contactHref, contactLinkBehavior, onItemQtyChange, onItemDelete, onItemNavigate, onCheckout }: CartSlideInPanelProps): import("react/jsx-runtime").JSX.Element;