@caseparts-org/caseblocks 0.0.96 → 0.0.98

package/dist/assets/Product.css

@@ -1 +1 @@
-._productCard_10edn_1{box-sizing:border-box;border:1px solid var(--border-border-primary, #DFDFDF);background:var(--surface-surface-primary, #FFF);box-shadow:2px 4px 12px #00000026;display:flex;width:232px;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_10edn_1>img{width:116px;height:116px;object-fit:contain;flex-shrink:0;margin:0 auto}._productCard_10edn_1 ._productInformation_10edn_22{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}._productCard_10edn_1 ._purchaseInformation_10edn_29{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._productCard_10edn_1 ._addToCart_10edn_37,._productCard_10edn_1 ._addToCartButton_10edn_40{width:100%}._productInformation_10edn_22>a{font-weight:var(--font-weight-semibold)}._partNumber_10edn_48{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._partNumberLabel_10edn_55{color:var(--text-text-quaternary)}._productTile_10edn_59{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-1xs)}._productTile_10edn_59>img{width:108px;height:108px;object-fit:contain}._productTile_10edn_59 ._topRow_10edn_80{display:grid;grid-template-columns:1fr auto;width:100%}._productTile_10edn_59 ._topRow_10edn_80 button{background-color:transparent;padding:0;margin:0;outline:none;border:none;height:min-content;width:min-content}._productTile_10edn_59 ._topRow_10edn_80 path{fill:var(--icons-icon-search)}._productTile_10edn_59 ._topRow_10edn_80 svg{padding:0}._productTile_10edn_59 ._productInformation_10edn_22{display:flex;flex-direction:column;align-items:flex-start;gap:2px}._productTile_10edn_59 ._productData_10edn_111{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-spacing-2xs)}._productTile_10edn_59 ._purchase_10edn_29{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}@media (max-width: 480px){._productTile_10edn_59 ._purchase_10edn_29{flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-3xs)}}._productTile_10edn_59 ._purchaseInformation_10edn_29{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}@media (max-width: 480px){._productTile_10edn_59 ._purchaseInformation_10edn_29{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:0px}}._productTile_10edn_59 ._attributeContainer_10edn_148{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_10edn_59 ._attributeContainer_10edn_148{display:none}}._productTile_10edn_59 ._attributeContainer_10edn_148 li{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._productTile_10edn_59 ._addToCart_10edn_37{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-md)}@media (max-width: 480px){._productTile_10edn_59 ._addToCart_10edn_37{gap:var(--spacing-spacing-2xs);width:100%}}._productTile_10edn_59 ._addToCartButton_10edn_40{width:96px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){._productTile_10edn_59 ._addToCartButton_10edn_40{width:100%}}
+._productCard_15dy7_1{box-sizing:border-box;border:1px solid var(--border-border-primary, #DFDFDF);background:var(--surface-surface-primary, #FFF);box-shadow:2px 4px 12px #00000026;display:flex;width:232px;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_15dy7_1>img{width:96px;height:96px;object-fit:contain;flex-shrink:0;margin:0 auto}._productCard_15dy7_1 ._productInformation_15dy7_22{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}._productCard_15dy7_1 ._purchaseInformation_15dy7_29{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._productCard_15dy7_1 ._addToCart_15dy7_37,._productCard_15dy7_1 ._addToCartButton_15dy7_40{width:100%}._productInformation_15dy7_22>a{font-weight:var(--font-weight-semibold)}._partNumber_15dy7_48{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._partNumberLabel_15dy7_55{color:var(--text-text-quaternary)}._productTile_15dy7_59{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-1xs)}._productTile_15dy7_59>img{width:108px;height:108px;object-fit:contain}._productTile_15dy7_59 ._topRow_15dy7_80{display:grid;grid-template-columns:1fr auto;width:100%}._productTile_15dy7_59 ._topRow_15dy7_80 button{background-color:transparent;padding:0;margin:0;outline:none;border:none;height:min-content;width:min-content}._productTile_15dy7_59 ._topRow_15dy7_80 path{fill:var(--icons-icon-search)}._productTile_15dy7_59 ._topRow_15dy7_80 svg{padding:0}._productTile_15dy7_59 ._productInformation_15dy7_22{display:flex;flex-direction:column;align-items:flex-start;gap:2px}._productTile_15dy7_59 ._productData_15dy7_111{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-spacing-2xs)}._productTile_15dy7_59 ._purchase_15dy7_29{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}@media (max-width: 480px){._productTile_15dy7_59 ._purchase_15dy7_29{flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-3xs)}}._productTile_15dy7_59 ._purchaseInformation_15dy7_29{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}@media (max-width: 480px){._productTile_15dy7_59 ._purchaseInformation_15dy7_29{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:0px}}._productTile_15dy7_59 ._attributeContainer_15dy7_148{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_15dy7_59 ._attributeContainer_15dy7_148{display:none}}._productTile_15dy7_59 ._attributeContainer_15dy7_148 li{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._productTile_15dy7_59 ._addToCart_15dy7_37{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-md)}@media (max-width: 480px){._productTile_15dy7_59 ._addToCart_15dy7_37{gap:var(--spacing-spacing-2xs);width:100%}}._productTile_15dy7_59 ._addToCartButton_15dy7_40{width:96px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){._productTile_15dy7_59 ._addToCartButton_15dy7_40{width:100%}}

package/dist/atoms/HorizontalScroll/HorizontalScroll.js

@@ -1,49 +1,55 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as a, useState as v } from "react";
-import { c as x } from "../../clsx-OuTLNxxd.js";
-import '../../assets/HorizontalScroll.css';const h = "_container_aum2v_1", b = "_dragging_aum2v_14", l = {
-  container: h,
-  dragging: b,
+import { jsx as x } from "react/jsx-runtime";
+import { useRef as c, useState as D, useEffect as L } from "react";
+import { c as b } from "../../clsx-OuTLNxxd.js";
+import '../../assets/HorizontalScroll.css';const P = "_container_aum2v_1", S = "_dragging_aum2v_14", s = {
+  container: P,
+  dragging: S,
   "scrollVisibility--false": "_scrollVisibility--false_aum2v_19"
 };
-function S({
-  className: u,
-  showScrollbar: f = !1,
-  children: g
+function M({
+  className: d,
+  showScrollbar: g = !1,
+  children: p
 }) {
-  const r = a(null), [o, c] = v(!1), e = a({ x: 0, scroll: 0 }), d = (t) => {
-    r.current && (c(!0), e.current.x = t.clientX, e.current.scroll = r.current.scrollLeft);
-  }, m = (t) => {
-    if (!o || !r.current) return;
-    const n = t.clientX - e.current.x;
-    r.current.scrollLeft = e.current.scroll - n;
-  }, s = () => {
-    r.current && c(!1);
+  const r = c(null), [a, i] = D(!1), n = c({ x: 0, scroll: 0 }), l = c(!1), v = 5, m = (t) => {
+    r.current && (i(!0), n.current.x = t.clientX, n.current.scroll = r.current.scrollLeft, l.current = !1);
+  }, h = (t) => {
+    if (!a || !r.current) return;
+    const o = t.clientX - n.current.x;
+    r.current.scrollLeft = n.current.scroll - o, Math.abs(t.clientX - n.current.x) > v && (l.current = !0);
+  }, u = () => {
+    r.current && i(!1);
   }, _ = (t) => {
-    const n = r.current;
-    if (!n || !(n.scrollWidth > n.clientWidth)) return;
-    const i = Math.abs(t.deltaY) >= Math.abs(t.deltaX) && t.deltaY !== 0 ? t.deltaY : t.deltaX;
-    i !== 0 ? (t.preventDefault(), n.scrollLeft += i) : t.preventDefault();
+    l.current && (t.preventDefault(), t.stopPropagation(), l.current = !1);
   };
-  return /* @__PURE__ */ p(
+  return L(() => {
+    const t = r.current;
+    if (!t) return;
+    const o = (e) => {
+      if (!(t.scrollWidth > t.clientWidth)) return;
+      const f = Math.abs(e.deltaY) >= Math.abs(e.deltaX) && e.deltaY !== 0 ? e.deltaY : e.deltaX;
+      f !== 0 ? (e.preventDefault(), t.scrollLeft += f) : e.preventDefault();
+    };
+    return t.addEventListener("wheel", o, { passive: !1 }), () => t.removeEventListener("wheel", o);
+  }, []), /* @__PURE__ */ x(
     "div",
     {
       ref: r,
-      className: x(
-        u,
-        l.container,
-        l[`scrollVisibility--${f}`],
-        o ? l.dragging : ""
+      className: b(
+        d,
+        s.container,
+        s[`scrollVisibility--${g}`],
+        a ? s.dragging : ""
       ),
-      onPointerDown: d,
-      onPointerMove: m,
-      onPointerLeave: s,
-      onPointerUp: s,
-      onWheel: _,
-      children: g
+      onPointerDown: m,
+      onPointerMove: h,
+      onPointerLeave: u,
+      onPointerUp: u,
+      onClickCapture: _,
+      children: p
     }
   );
 }
 export {
-  S as HorizontalScroll
+  M as HorizontalScroll
 };

package/dist/atoms/HorizontalScroll/HorizontalScroll.stories.js

@@ -1,8 +1,8 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { HorizontalScroll as t } from "./HorizontalScroll.js";
-const b = {
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { HorizontalScroll as r } from "./HorizontalScroll.js";
+const S = {
   title: "Case Parts/Atoms/HorizontalScroll",
-  component: t,
+  component: r,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen",
@@ -60,48 +60,59 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
     rounded: !0,
     gradient: !0
   }
-}, i = (e) => {
-  const { itemCount: a, itemWidth: s, itemHeight: n, gap: d, rounded: c, gradient: h } = e;
-  return Array.from({ length: a }, (p, m) => {
-    const l = m + 1;
-    return /* @__PURE__ */ r(
-      "div",
+}, l = /* @__PURE__ */ o("style", { children: `
+      .horizontalDemoScroll {
+        touch-action: none; /* ensure pointer events for horizontal drag */
+      }
+      .horizontalDemoScroll a {
+        -webkit-user-drag: none; /* Safari/Chrome: prevent ghost dragging of link */
+      }
+    ` }), n = (e) => {
+  const { itemCount: s, itemWidth: c, itemHeight: i, gap: d, rounded: h, gradient: m } = e;
+  return Array.from({ length: s }, (p, g) => {
+    const a = g + 1;
+    return /* @__PURE__ */ o(
+      "a",
       {
+        href: "/",
+        draggable: !1,
         style: {
           flex: "0 0 auto",
-          width: s,
-          height: n,
+          width: c,
+          height: i,
           marginRight: d,
-          borderRadius: c ? 8 : 0,
-          background: h ? "linear-gradient(135deg,#4F46E5,#6366F1)" : "#4F46E5",
+          borderRadius: h ? 8 : 0,
+          background: m ? "linear-gradient(135deg,#4F46E5,#6366F1)" : "#4F46E5",
           color: "#fff",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          fontSize: Math.max(12, Math.min(24, n / 3)),
+          fontSize: Math.max(12, Math.min(24, i / 3)),
           fontWeight: 600,
           userSelect: "none",
           boxShadow: "0 2px 6px rgba(0,0,0,0.25)"
         },
-        children: l
+        children: a
       },
-      l
+      a
     );
   });
 }, y = {
   name: "Playground",
-  render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
-    /* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "HorizontalScroll Playground" }),
-    /* @__PURE__ */ r("p", { style: { margin: "0 0 16px", fontSize: 14, color: "#555" }, children: "Drag horizontally or use the mouse wheel. Tweak values in Controls." }),
-    /* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
+  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
+    l,
+    /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "HorizontalScroll Playground" }),
+    /* @__PURE__ */ o("p", { style: { margin: "0 0 16px", fontSize: 14, color: "#555" }, children: "Drag horizontally or use the mouse wheel. Tweak values in Controls." }),
+    /* @__PURE__ */ o(r, { className: "horizontalDemoScroll", showScrollbar: e.showScrollbar, children: n(e) })
   ] })
 }, f = {
   args: { showScrollbar: !0 },
-  render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
-    /* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Scrollbar Visible" }),
-    /* @__PURE__ */ r(t, { showScrollbar: !0, children: i(e) })
+  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
+    l,
+    /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Scrollbar Visible" }),
+    /* @__PURE__ */ o(r, { className: "horizontalDemoScroll", showScrollbar: !0, children: n(e) })
   ] })
-}, S = {
+}, w = {
   args: {
     itemCount: 40,
     itemWidth: 90,
@@ -109,11 +120,12 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
     gap: 8,
     showScrollbar: !1
   },
-  render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
-    /* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Dense Small Items" }),
-    /* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
+  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
+    l,
+    /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Dense Small Items" }),
+    /* @__PURE__ */ o(r, { className: "horizontalDemoScroll", showScrollbar: e.showScrollbar, children: n(e) })
   ] })
-}, w = {
+}, x = {
   args: {
     itemCount: 12,
     itemWidth: 260,
@@ -121,15 +133,16 @@ Use for carousels, chip lists, card rails, horizontally overflowing panels.
     gap: 16,
     gradient: !1
   },
-  render: (e) => /* @__PURE__ */ o("div", { style: { padding: 24 }, children: [
-    /* @__PURE__ */ r("h3", { style: { margin: "0 0 12px" }, children: "Large Cards" }),
-    /* @__PURE__ */ r(t, { showScrollbar: e.showScrollbar, children: i(e) })
+  render: (e) => /* @__PURE__ */ t("div", { style: { padding: 24 }, children: [
+    l,
+    /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px" }, children: "Large Cards" }),
+    /* @__PURE__ */ o(r, { className: "horizontalDemoScroll", showScrollbar: e.showScrollbar, children: n(e) })
   ] })
 };
 export {
-  S as DenseSmallItems,
-  w as LargeCards,
+  w as DenseSmallItems,
+  x as LargeCards,
   y as Playground,
   f as WithScrollbar,
-  b as default
+  S as default
 };

package/dist/main-client.d.ts

@@ -19,8 +19,9 @@ export type { AnimatedCheckMarkProps } from './molecules/StatefulButton/Animated
 export { AnimatedCheckMark } from './molecules/StatefulButton/AnimatedCheckmark';
 export type { AddToCartProps } from './molecules/AddToCart/AddToCart';
 export { AddToCart } from './molecules/AddToCart/AddToCart';
+export type { CategoryWithChildren as MainCategory, Category } from './molecules/CategoryNav/CategoryNav';
 export { MainNav } from './organisms/MainNav/MainNav';
-export type { MainCategory, MainNavProps, Category } from './organisms/MainNav/MainNav';
+export type { MainNavProps } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
 export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';
 export { Product } from './organisms/Product/Product';

package/dist/main.d.ts

@@ -25,6 +25,5 @@ export type { SearchBoxProps } from './molecules/SearchBox/SearchBox';
 export { ToggleView } from './molecules/ToggleView/ToggleView';
 export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
 export { MainNav } from './organisms/MainNav/MainNav';
-export type { MainCategory, Category } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
 export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';

package/dist/molecules/CategoryNav/CategoryNav.d.ts

@@ -1,12 +1,12 @@
 export interface Category {
     id: string | number;
-    label: string;
+    label: string | React.ReactElement;
     route: string;
 }
-export interface MainCategory extends Category {
+export interface CategoryWithChildren extends Category {
     children: Category[];
     showChevron?: boolean;
 }
 export declare function CategoryNav({ categories, }: {
-    categories?: MainCategory[];
+    categories?: CategoryWithChildren[];
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,17 +1,9 @@
 import { default as React } from 'react';
 import { CartPropsBase, ShoppingCart, ShoppingCartHandle } from '../../molecules/Cart/Cart';
 import { AccountProps } from '../../molecules/Account/Account';
-export interface Category {
-    id: string | number;
-    label: string;
-    route: string;
-}
-export interface MainCategory extends Category {
-    children: Category[];
-    showChevron?: boolean;
-}
+import { CategoryWithChildren } from '../../molecules/CategoryNav/CategoryNav';
 export interface MainNavProps extends CartPropsBase, React.HTMLAttributes<HTMLDivElement>, Pick<AccountProps, "account"> {
-    categories?: MainCategory[];
+    categories?: CategoryWithChildren[];
     homeRoute: string;
     faqRoute: string;
     byModelSerialRoute: string;

package/dist/organisms/Product/Product.js

@@ -1,76 +1,76 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { Image as T } from "../../atoms/Image/Image.js";
 import { Link as g } from "../../atoms/Link/Link.js";
-import { Text as e } from "../../atoms/Text/Text.js";
-import { Availability as w } from "../../molecules/Availability/Availability.js";
-import { Pricing as v } from "../../molecules/Pricing/Pricing.js";
-import { AddToCart as x } from "../../molecules/AddToCart/AddToCart.js";
-import { Icon as L } from "../../atoms/Icon/Icon.js";
-import { c as I } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Product.css';const P = "_productCard_10edn_1", R = "_productInformation_10edn_22", $ = "_purchaseInformation_10edn_29", A = "_addToCart_10edn_37", D = "_addToCartButton_10edn_40", j = "_partNumber_10edn_48", k = "_partNumberLabel_10edn_55", y = "_productTile_10edn_59", q = "_topRow_10edn_80", E = "_productData_10edn_111", F = "_purchase_10edn_29", G = "_attributeContainer_10edn_148", r = {
-  productCard: P,
-  productInformation: R,
-  purchaseInformation: $,
-  addToCart: A,
-  addToCartButton: D,
-  partNumber: j,
-  partNumberLabel: k,
-  productTile: y,
+import { Text as o } from "../../atoms/Text/Text.js";
+import { Availability as y } from "../../molecules/Availability/Availability.js";
+import { Pricing as w } from "../../molecules/Pricing/Pricing.js";
+import { AddToCart as v } from "../../molecules/AddToCart/AddToCart.js";
+import { Icon as B } from "../../atoms/Icon/Icon.js";
+import { c as x } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Product.css';const L = "_productCard_15dy7_1", P = "_productInformation_15dy7_22", R = "_purchaseInformation_15dy7_29", $ = "_addToCart_15dy7_37", A = "_addToCartButton_15dy7_40", D = "_partNumber_15dy7_48", j = "_partNumberLabel_15dy7_55", k = "_productTile_15dy7_59", q = "_topRow_15dy7_80", E = "_productData_15dy7_111", F = "_purchase_15dy7_29", G = "_attributeContainer_15dy7_148", r = {
+  productCard: L,
+  productInformation: P,
+  purchaseInformation: R,
+  addToCart: $,
+  addToCartButton: A,
+  partNumber: D,
+  partNumberLabel: j,
+  productTile: k,
   topRow: q,
   productData: E,
   purchase: F,
   attributeContainer: G
 };
 function Z({
-  productView: z,
+  productView: I,
   itemKey: s,
-  partNumber: o,
+  partNumber: d,
   productDescription: l,
   availDescription: m,
-  availId: d,
+  availId: e,
   contactHref: u,
   contactLinkBehavior: h,
   productHref: p,
   priceLabel: _,
-  price: n,
+  price: i,
   imgSrc: N,
   attributes: c,
   className: b,
   onAddToCart: f,
   onClose: C,
-  ...B
+  ...z
 }) {
-  return z === "Card" ? /* @__PURE__ */ a("div", { className: I(r.productCard, b), children: [
+  return I === "Card" ? /* @__PURE__ */ a("div", { className: x(r.productCard, b), children: [
     /* @__PURE__ */ t(
       T,
       {
         src: N,
-        alt: `${o} product image`,
-        height: 116,
-        width: 116
+        alt: `${d} product image`,
+        height: 96,
+        width: 96
       }
     ),
     /* @__PURE__ */ a("div", { className: r.productInformation, children: [
       /* @__PURE__ */ t(g, { href: p, children: l }),
       /* @__PURE__ */ a("div", { className: r.partNumber, children: [
-        /* @__PURE__ */ t(e, { size: "sm", className: r.partNumberLabel, children: "Part #" }),
-        /* @__PURE__ */ t(e, { size: "sm", weight: "semibold", children: o })
+        /* @__PURE__ */ t(o, { size: "sm", className: r.partNumberLabel, children: "Part #" }),
+        /* @__PURE__ */ t(o, { size: "sm", weight: "semibold", children: d })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: r.purchaseInformation, children: [
-      d && /* @__PURE__ */ t(
-        w,
+      e && /* @__PURE__ */ t(
+        y,
         {
-          availId: d,
+          availId: e,
           availDescription: m,
           contactHref: u,
           contactLinkBehavior: h
         }
       ),
-      n && /* @__PURE__ */ t(v, { pricingLabel: _, price: n })
+      i && /* @__PURE__ */ t(w, { pricingLabel: _, price: i })
     ] }),
     /* @__PURE__ */ t(
-      x,
+      v,
       {
         itemKey: s,
         onAdd: f,
@@ -80,12 +80,12 @@ function Z({
         buttonDoneText: ""
       }
     )
-  ] }) : /* @__PURE__ */ a("div", { className: I(r.productTile, b), ...B, children: [
+  ] }) : /* @__PURE__ */ a("div", { className: x(r.productTile, b), ...z, children: [
     /* @__PURE__ */ t(
       T,
       {
         src: N,
-        alt: `${o} product image`,
+        alt: `${d} product image`,
         height: 108,
         width: 108
       }
@@ -95,34 +95,34 @@ function Z({
         /* @__PURE__ */ a("div", { className: r.productInformation, children: [
           /* @__PURE__ */ t(g, { href: p, children: l }),
           /* @__PURE__ */ a("div", { className: r.partNumber, children: [
-            /* @__PURE__ */ t(e, { size: "sm", className: r.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ t(e, { size: "sm", weight: "semibold", children: o })
+            /* @__PURE__ */ t(o, { size: "sm", className: r.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ t(o, { size: "sm", weight: "semibold", children: d })
           ] })
         ] }),
-        C && /* @__PURE__ */ t("button", { onClick: () => C(s), children: /* @__PURE__ */ t(L, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        C && /* @__PURE__ */ t("button", { onClick: () => C(s), children: /* @__PURE__ */ t(B, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
       /* @__PURE__ */ a("div", { className: r.purchase, children: [
         /* @__PURE__ */ a("div", { className: r.purchaseInformation, children: [
-          d && /* @__PURE__ */ t(
-            w,
+          e && /* @__PURE__ */ t(
+            y,
             {
-              availId: d,
+              availId: e,
               availDescription: m,
               contactHref: u,
               contactLinkBehavior: h
             }
           ),
-          n && /* @__PURE__ */ t(v, { pricingLabel: _, price: n })
+          i && /* @__PURE__ */ t(w, { pricingLabel: _, price: i })
         ] }),
-        /* @__PURE__ */ t(x, { itemKey: s, onAdd: f, className: r.addToCart, addButtonClassName: r.addToCartButton })
+        /* @__PURE__ */ t(v, { itemKey: s, onAdd: f, className: r.addToCart, addButtonClassName: r.addToCartButton })
       ] }),
-      c && c.length > 0 && /* @__PURE__ */ t("ul", { className: r.attributeContainer, children: c.map((i) => /* @__PURE__ */ a("li", { children: [
-        /* @__PURE__ */ a(e, { size: "xs", weight: "light", children: [
-          i.label,
+      c && c.length > 0 && /* @__PURE__ */ t("ul", { className: r.attributeContainer, children: c.map((n) => /* @__PURE__ */ a("li", { children: [
+        /* @__PURE__ */ a(o, { size: "xs", weight: "light", children: [
+          n.label,
           ":"
         ] }),
-        /* @__PURE__ */ t(e, { size: "xs", weight: "semibold", children: i.value })
-      ] }, `${i.label}.${i.value}`)) })
+        /* @__PURE__ */ t(o, { size: "xs", weight: "semibold", children: n.value })
+      ] }, `${n.label}.${n.value}`)) })
     ] })
   ] });
 }

package/package.json

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