@caseparts-org/caseblocks 0.0.77 → 0.0.79

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

@@ -1,21 +1,27 @@
-import { default as React, ImgHTMLAttributes } from 'react';
+import { default as React } from 'react';
 /**
- * All standard <img> attributes.
- * alt kept optional to mirror the platform, but recommended.
+ * External image component contract (e.g. next/image).
  */
-export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+export type ImageImplementation = React.ComponentType<{
+    src: string;
     alt?: string;
+    className?: string;
+} & Record<string, any>>;
+export interface UsesImageImplementation {
+    imageImplementation?: ImageImplementation;
+    imageImplementationProps?: Record<string, any>;
 }
-/** Signature an external image component (e.g. next/image) must satisfy */
-export type ImageComponent = (_props: ImageProps) => JSX.Element;
-export declare function ImageProvider({ component, children, }: {
-    component: ImageComponent;
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
 /**
- * Framework‑agnostic Image.
- * By default renders a plain <img>. A host app can inject (e.g.) next/image
- * via <ImageProvider component={...}> so all internal usages gain optimization
- * without changing design system code.
+ * Base + hybrid props.
+ * src is required here to satisfy external implementations.
  */
-export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
+    src: string;
+    alt?: string;
+    implementation?: ImageImplementation;
+    implementationProps?: Record<string, any>;
+}
+/**
+ * Hybrid Image: explicit implementation prop wins; fallback <img>.
+ */
+export declare function Image({ implementation, implementationProps, src, alt, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Image/Image.js

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

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

@@ -4,19 +4,13 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
     href: string;
     disabled?: boolean;
     unstyled?: boolean;
-    external?: boolean;
     children: React.ReactNode;
+    implementation?: LinkImplementation;
 }
 /** Router component contract (e.g. next/link or react-router Link) */
-export type RouterLike = React.ComponentType<{
+export type LinkImplementation = React.ComponentType<{
     href: string;
     className?: string;
     children: React.ReactNode;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>;
-export declare function linkClassName({ className, unstyled, disabled, hideAt }: {
-    className?: string;
-    unstyled?: boolean;
-    disabled?: boolean;
-    hideAt?: HideAtProps["hideAt"];
-}): string;
-export declare function Link({ href, disabled, unstyled, external, hideAt, className, children, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ href, disabled, unstyled, hideAt, className, children, implementation, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,54 +1,33 @@
-import { jsx as s } from "react/jsx-runtime";
-import { t as p } from "../../Text.module-Dzhzk2fH.js";
-import { c as u } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as x } from "../HideAt.js";
-import { routerOverride as l } from "./configureLink.js";
-import '../../assets/Link.css';const k = "_link_ygp31_1", _ = "_disabled_ygp31_14", m = {
-  link: k,
-  disabled: _
-};
-function g({
-  className: o,
-  unstyled: t,
-  disabled: r,
-  hideAt: n
-}) {
-  return u(
-    o,
-    !t && p["text-body"],
-    !t && m.link,
-    r && m.disabled,
-    x(n)
-  );
-}
-function S({
-  href: o,
-  disabled: t = !1,
-  unstyled: r = !1,
-  external: n,
-  hideAt: c,
-  className: f,
-  children: i,
-  ...e
+import { jsx as m } from "react/jsx-runtime";
+import { routerOverride as s } from "./configureLink.js";
+import { linkClassName as l } from "./linkClassName.js";
+function I({
+  href: f,
+  disabled: r = !1,
+  unstyled: c = !1,
+  hideAt: i,
+  className: p,
+  children: a,
+  implementation: t,
+  ...o
 }) {
-  const d = g({ className: f, unstyled: r, disabled: t, hideAt: c }), a = {
-    ...e,
-    href: t ? "#" : o,
-    className: d,
-    "aria-disabled": t || void 0,
-    tabIndex: t ? -1 : e.tabIndex,
-    role: t ? "link" : e.role
-  };
-  return l ? /* @__PURE__ */ s(
-    l,
+  const u = l({ className: p, unstyled: c, disabled: r, hideAt: i }), e = {
+    ...o,
+    href: r ? "#" : f,
+    className: u,
+    "aria-disabled": r || void 0,
+    tabIndex: r ? -1 : o.tabIndex,
+    role: r ? "link" : o.role
+  }, n = t || s;
+  return n ? /* @__PURE__ */ m(
+    n,
     {
-      ...a,
-      "data-router-adapter": "configured",
-      children: i
+      ...e,
+      "data-router-adapter": t ? "explicit" : "configured",
+      children: a
     }
-  ) : /* @__PURE__ */ s("a", { ...a, children: i });
+  ) : /* @__PURE__ */ m("a", { ...e, "data-router-adapter": "anchor", children: a });
 }
 export {
-  S as Link,
-  g as linkClassName
+  I as Link
 };

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

@@ -1,3 +1,3 @@
-import { RouterLike } from './Link';
-export declare let routerOverride: RouterLike | null;
-export declare function configureLink(router: RouterLike): void;
+import { LinkImplementation } from './Link';
+export declare let routerOverride: LinkImplementation | null;
+export declare function configureLink(router: LinkImplementation): void;

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

@@ -0,0 +1,7 @@
+import { HideAtProps } from '../HideAt';
+export declare function linkClassName({ className, unstyled, disabled, hideAt }: {
+    className?: string;
+    unstyled?: boolean;
+    disabled?: boolean;
+    hideAt?: HideAtProps["hideAt"];
+}): string;

package/dist/atoms/Link/linkClassName.js

@@ -0,0 +1,24 @@
+import { t as o } from "../../Text.module-Dzhzk2fH.js";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as d } from "../HideAt.js";
+import '../../assets/linkClassName.css';const r = "_link_ygp31_1", a = "_disabled_ygp31_14", s = {
+  link: r,
+  disabled: a
+};
+function _({
+  className: i,
+  unstyled: t,
+  disabled: e,
+  hideAt: l
+}) {
+  return n(
+    i,
+    !t && o["text-body"],
+    !t && s.link,
+    e && s.disabled,
+    d(l)
+  );
+}
+export {
+  _ as linkClassName
+};

package/dist/atoms/LinkButton/LinkButton.d.ts

@@ -1,6 +1,7 @@
 import { HideAtProps } from '../HideAt';
-import { LinkProps } from '../Link/Link';
+import { LinkProps, LinkImplementation } from '../Link/Link';
 import { ButtonStyleProps } from '../Button/buttonClassName';
 export interface LinkButtonProps extends LinkProps, HideAtProps, ButtonStyleProps {
+    implementation?: LinkImplementation;
 }
-export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, implementation, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/LinkButton/LinkButton.js

@@ -1,8 +1,8 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Link as u } from "../Link/Link.js";
-import { buttonClassNames as f } from "../Button/buttonClassName.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-function L({
+import { jsx as u } from "react/jsx-runtime";
+import { Link as f } from "../Link/Link.js";
+import { buttonClassNames as p } from "../Button/buttonClassName.js";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+function g({
   href: o,
   children: r,
   size: m,
@@ -10,22 +10,23 @@ function L({
   hideAt: n,
   className: e,
   disabled: t,
-  // onClick,
-  ...a
+  implementation: a,
+  ...c
 }) {
-  const c = f({ size: m, variant: s, hideAt: n, className: p(e), disabled: t });
-  return /* @__PURE__ */ i(
-    u,
+  const i = p({ size: m, variant: s, hideAt: n, className: l(e), disabled: t });
+  return /* @__PURE__ */ u(
+    f,
     {
       href: o,
-      className: c,
+      className: i,
       disabled: t,
+      implementation: a,
       unstyled: !0,
-      ...a,
+      ...c,
       children: r
     }
   );
 }
 export {
-  L as LinkButton
+  g as LinkButton
 };

package/dist/main-client.d.ts

@@ -1,6 +1,4 @@
 export * from './main-server';
-export { Image, ImageProvider } from './atoms/Image/Image';
-export type { ImageProps } from './atoms/Image/Image';
 export { Tooltip } from './molecules/Tooltip/Tooltip';
 export { Account } from './molecules/Account/Account';
 export type { AccountProps } from './molecules/Account/Account';

package/dist/main-client.js

@@ -1,71 +1,70 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as i } from "./atoms/Root/Head.js";
+import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
 import { Root as c } from "./atoms/Root/Root.js";
-import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as k } from "./atoms/Text/Text.js";
-import { Input as A } from "./atoms/Input/Input.js";
-import { Link as I } from "./atoms/Link/Link.js";
-import { configureLink as L, routerOverride as S } from "./atoms/Link/configureLink.js";
-import { LinkButton as F } from "./atoms/LinkButton/LinkButton.js";
-import { Logo as y } from "./molecules/Logo/Logo.js";
-import { SearchBox as N } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as s } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as G } from "./molecules/Pricing/Pricing.js";
-import { Image as O, ImageProvider as Q } from "./atoms/Image/Image.js";
-import { Tooltip as V } from "./molecules/Tooltip/Tooltip.js";
-import { Account as q } from "./molecules/Account/Account.js";
-import { Avatar as D } from "./molecules/Avatar/Avatar.js";
-import { Chip as J } from "./molecules/Chip/Chip.js";
-import { ToggleView as U } from "./molecules/ToggleView/ToggleView.js";
-import { StatefulButton as X } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Z } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as $ } from "./molecules/AddToCart/AddToCart.js";
-import { Availability as ro } from "./molecules/Availability/Availability.js";
-import { BannerCard as eo } from "./molecules/BannerCard/BannerCard.js";
-import { MainNav as mo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as fo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as io } from "./organisms/Product/Product.js";
-import { NotFound as uo } from "./organisms/NotFound/NotFound.js";
+import { Separator as C } from "./atoms/Separator/Separator.js";
+import { Text as g } from "./atoms/Text/Text.js";
+import { Input as B } from "./atoms/Input/Input.js";
+import { Link as v } from "./atoms/Link/Link.js";
+import { linkClassName as S } from "./atoms/Link/linkClassName.js";
+import { configureLink as s, routerOverride as F } from "./atoms/Link/configureLink.js";
+import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
+import { Logo as M } from "./molecules/Logo/Logo.js";
+import { SearchBox as b } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as G } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as O } from "./molecules/Pricing/Pricing.js";
+import { Tooltip as R } from "./molecules/Tooltip/Tooltip.js";
+import { Account as j } from "./molecules/Account/Account.js";
+import { Avatar as z } from "./molecules/Avatar/Avatar.js";
+import { Chip as E } from "./molecules/Chip/Chip.js";
+import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
+import { StatefulButton as W } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Y } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as _ } from "./molecules/AddToCart/AddToCart.js";
+import { Availability as oo } from "./molecules/Availability/Availability.js";
+import { BannerCard as to } from "./molecules/BannerCard/BannerCard.js";
+import { MainNav as po } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as xo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as ao } from "./organisms/Product/Product.js";
+import { NotFound as io } from "./organisms/NotFound/NotFound.js";
 import { Carousel as lo } from "./organisms/Carousel/Carousel.js";
 import { Footer as Co } from "./organisms/Footer/Footer.js";
 export {
-  q as Account,
-  $ as AddToCart,
-  Z as AnimatedCheckMark,
-  ro as Availability,
-  D as Avatar,
-  eo as BannerCard,
+  j as Account,
+  _ as AddToCart,
+  Y as AnimatedCheckMark,
+  oo as Availability,
+  z as Avatar,
+  to as BannerCard,
   t as Button,
   lo as Carousel,
-  J as Chip,
-  fo as ChipSelector,
+  E as Chip,
+  xo as ChipSelector,
   x as Column,
   p as Flex,
   Co as Footer,
   f as Grid,
-  i as Head,
+  n as Head,
   u as Icon,
-  O as Image,
-  Q as ImageProvider,
-  A as Input,
-  I as Link,
-  F as LinkButton,
-  y as Logo,
-  mo as MainNav,
-  uo as NotFound,
-  G as Pricing,
-  io as Product,
-  s as QuantityInput,
+  B as Input,
+  v as Link,
+  N as LinkButton,
+  M as Logo,
+  po as MainNav,
+  io as NotFound,
+  O as Pricing,
+  ao as Product,
+  G as QuantityInput,
   c as Root,
-  N as SearchBox,
-  g as Separator,
-  X as StatefulButton,
-  k as Text,
-  U as ToggleView,
-  V as Tooltip,
-  L as configureLink,
-  S as routerOverride
+  b as SearchBox,
+  C as Separator,
+  W as StatefulButton,
+  g as Text,
+  K as ToggleView,
+  R as Tooltip,
+  s as configureLink,
+  S as linkClassName,
+  F as routerOverride
 };

package/dist/main-server.d.ts

@@ -14,8 +14,9 @@ export type { TextProps } from './atoms/Text/Text';
 export { Input } from './atoms/Input/Input';
 export type { InputProps } from './atoms/Input/Input';
 export { Link } from './atoms/Link/Link';
+export type { LinkProps, LinkImplementation as RouterLike } from './atoms/Link/Link';
+export { linkClassName } from './atoms/Link/linkClassName';
 export { configureLink, routerOverride } from './atoms/Link/configureLink';
-export type { LinkProps, RouterLike } from './atoms/Link/Link';
 export { LinkButton } from './atoms/LinkButton/LinkButton';
 export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
 export { Logo } from './molecules/Logo/Logo';

package/dist/main-server.js

@@ -1,36 +1,38 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
-import { Column as f, Grid as m } from "./atoms/Grid/Grid.js";
+import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as i } from "./atoms/Root/Head.js";
 import { Icon as a } from "./atoms/Icon/Icon.js";
-import { Root as L } from "./atoms/Root/Root.js";
-import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as B } from "./atoms/Text/Text.js";
-import { Input as l } from "./atoms/Input/Input.js";
-import { Link as h } from "./atoms/Link/Link.js";
-import { configureLink as y, routerOverride as C } from "./atoms/Link/configureLink.js";
-import { LinkButton as G } from "./atoms/LinkButton/LinkButton.js";
+import { Root as k } from "./atoms/Root/Root.js";
+import { Separator as L } from "./atoms/Separator/Separator.js";
+import { Text as g } from "./atoms/Text/Text.js";
+import { Input as I } from "./atoms/Input/Input.js";
+import { Link as C } from "./atoms/Link/Link.js";
+import { linkClassName as h } from "./atoms/Link/linkClassName.js";
+import { configureLink as y, routerOverride as F } from "./atoms/Link/configureLink.js";
+import { LinkButton as H } from "./atoms/LinkButton/LinkButton.js";
 import { Logo as O } from "./molecules/Logo/Logo.js";
 import { SearchBox as Q } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as T } from "./molecules/QuantityInput/QuantityInput.js";
 import { Pricing as j } from "./molecules/Pricing/Pricing.js";
 export {
   t as Button,
-  f as Column,
+  m as Column,
   p as Flex,
-  m as Grid,
+  f as Grid,
   i as Head,
   a as Icon,
-  l as Input,
-  h as Link,
-  G as LinkButton,
+  I as Input,
+  C as Link,
+  H as LinkButton,
   O as Logo,
   j as Pricing,
   T as QuantityInput,
-  L as Root,
+  k as Root,
   Q as SearchBox,
-  g as Separator,
-  B as Text,
+  L as Separator,
+  g as Text,
   y as configureLink,
-  C as routerOverride
+  h as linkClassName,
+  F as routerOverride
 };

package/dist/organisms/NotFound/NotFound.d.ts

@@ -1,4 +1,5 @@
-export interface NotFoundProps {
+import { UsesImageImplementation } from '../../atoms/Image/Image';
+export interface NotFoundProps extends UsesImageImplementation {
     primaryLinkButtonProps: {
         label: string;
         href: string;
@@ -8,4 +9,4 @@ export interface NotFoundProps {
         href: string;
     };
 }
-export declare function NotFound({ primaryLinkButtonProps, secondaryLinkButtonProps }: NotFoundProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotFound({ primaryLinkButtonProps, secondaryLinkButtonProps, imageImplementation, imageImplementationProps, }: NotFoundProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/NotFound/NotFound.js

@@ -1,34 +1,39 @@
-import { jsxs as s, jsx as A } from "react/jsx-runtime";
-import { Image as l } from "../../atoms/Image/Image.js";
-import { Text as n } from "../../atoms/Text/Text.js";
-import { LinkButton as i } from "../../atoms/LinkButton/LinkButton.js";
-import { Flex as t } from "../../atoms/Flex/Flex.js";
-import { c as e } from "../../clsx-OuTLNxxd.js";
-import '../../assets/NotFound.css';const d = "data:image/png;base64,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", a = "_main_1dfh4_1", h = "_column_1dfh4_10", c = "_description_1dfh4_14", b = "_header_1dfh4_19", p = "_links_1dfh4_24", r = {
-  main: a,
-  column: h,
-  description: c,
-  header: b,
-  links: p
+import { jsxs as r, jsx as A } from "react/jsx-runtime";
+import { Image as e } from "../../atoms/Image/Image.js";
+import { Text as s } from "../../atoms/Text/Text.js";
+import { LinkButton as t } from "../../atoms/LinkButton/LinkButton.js";
+import { Flex as d } from "../../atoms/Flex/Flex.js";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import '../../assets/NotFound.css';const h = "data:image/png;base64,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", c = "_main_1dfh4_1", p = "_column_1dfh4_10", b = "_description_1dfh4_14", v = "_header_1dfh4_19", N = "_links_1dfh4_24", n = {
+  main: c,
+  column: p,
+  description: b,
+  header: v,
+  links: N
 };
-function y({ primaryLinkButtonProps: o, secondaryLinkButtonProps: f }) {
-  return /* @__PURE__ */ s(t, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: r.main, children: [
-    /* @__PURE__ */ A("div", { className: r.column, children: /* @__PURE__ */ A(l, { src: d, alt: "Not found image" }) }),
-    /* @__PURE__ */ s("div", { className: e(r.description, r.column), children: [
-      /* @__PURE__ */ A(n, { size: "6xl", variant: "display", as: "h1", className: r.header, children: "404" }),
-      /* @__PURE__ */ s(n, { size: "xl", children: [
+function X({
+  primaryLinkButtonProps: o,
+  secondaryLinkButtonProps: i,
+  imageImplementation: f,
+  imageImplementationProps: l
+}) {
+  return /* @__PURE__ */ r(d, { flexDirection: "row", alignItems: "center", justifyContent: "center", className: n.main, children: [
+    /* @__PURE__ */ A("div", { className: n.column, children: /* @__PURE__ */ A(e, { src: h, alt: "Not found image", implementation: f, implementationProps: l }) }),
+    /* @__PURE__ */ r("div", { className: a(n.description, n.column), children: [
+      /* @__PURE__ */ A(s, { size: "6xl", variant: "display", as: "h1", className: n.header, children: "404" }),
+      /* @__PURE__ */ r(s, { size: "xl", children: [
         "Oops! Well this is embarrassing...",
         /* @__PURE__ */ A("br", {}),
         "what you're looking for is missing or something is on the fritz."
       ] }),
-      /* @__PURE__ */ A(n, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
-      /* @__PURE__ */ s("div", { className: r.links, children: [
-        /* @__PURE__ */ A(i, { variant: "primary", size: "md", href: o.href, children: o.label }),
-        /* @__PURE__ */ A(i, { variant: "secondary", size: "md", href: f.href, children: f.label })
+      /* @__PURE__ */ A(s, { size: "xl", children: "Don't worry—for assistance call us at 1-800-421-0271" }),
+      /* @__PURE__ */ r("div", { className: n.links, children: [
+        /* @__PURE__ */ A(t, { variant: "primary", size: "md", href: o.href, children: o.label }),
+        /* @__PURE__ */ A(t, { variant: "secondary", size: "md", href: i.href, children: i.label })
       ] })
     ] })
   ] });
 }
 export {
-  y as NotFound
+  X as NotFound
 };

package/dist/organisms/Product/Product.d.ts

@@ -1,6 +1,7 @@
+import { UsesImageImplementation } from '../../atoms/Image/Image';
 import { AvailabilityProps } from '../../molecules/Availability/Availability';
 export type ProductView = "Card" | "Tile";
-export interface ProductProps extends AvailabilityProps {
+export interface ProductProps extends AvailabilityProps, UsesImageImplementation {
     productView: ProductView;
     productDescription: string;
     availDescription: string;
@@ -18,4 +19,4 @@ export interface ProductProps extends AvailabilityProps {
     onAddToCart: (_itemKey: number, _quantity: number) => void;
     onClose?: (_itemKey: number) => void;
 }
-export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;
+export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, imageImplementation, imageImplementationProps, attributes, className, onAddToCart, onClose, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Product/Product.js

@@ -1,30 +1,30 @@
 import { jsxs as a, jsx as r } 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 o } from "../../atoms/Text/Text.js";
+import { Text as e } from "../../atoms/Text/Text.js";
 import { Availability as v } from "../../molecules/Availability/Availability.js";
 import { Pricing as x } from "../../molecules/Pricing/Pricing.js";
 import { AddToCart as I } from "../../molecules/AddToCart/AddToCart.js";
-import { Icon as L } from "../../atoms/Icon/Icon.js";
+import { Icon as R } from "../../atoms/Icon/Icon.js";
 import { c as w } 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", t = {
-  productCard: P,
-  productInformation: R,
-  purchaseInformation: $,
-  addToCart: A,
-  addToCartButton: D,
-  partNumber: j,
-  partNumberLabel: k,
-  productTile: y,
-  topRow: q,
-  productData: E,
-  purchase: F,
-  attributeContainer: G
+import '../../assets/Product.css';const $ = "_productCard_10edn_1", A = "_productInformation_10edn_22", D = "_purchaseInformation_10edn_29", j = "_addToCart_10edn_37", k = "_addToCartButton_10edn_40", y = "_partNumber_10edn_48", q = "_partNumberLabel_10edn_55", E = "_productTile_10edn_59", F = "_topRow_10edn_80", G = "_productData_10edn_111", J = "_purchase_10edn_29", M = "_attributeContainer_10edn_148", t = {
+  productCard: $,
+  productInformation: A,
+  purchaseInformation: D,
+  addToCart: j,
+  addToCartButton: k,
+  partNumber: y,
+  partNumberLabel: q,
+  productTile: E,
+  topRow: F,
+  productData: G,
+  purchase: J,
+  attributeContainer: M
 };
-function Z({
+function S({
   productView: z,
   itemKey: s,
-  partNumber: e,
+  partNumber: o,
   productDescription: l,
   availDescription: m,
   availId: d,
@@ -34,19 +34,29 @@ function Z({
   priceLabel: _,
   price: n,
   imgSrc: N,
+  imageImplementation: B,
+  imageImplementationProps: L,
   attributes: c,
   className: b,
   onAddToCart: f,
   onClose: C,
-  ...B
+  ...P
 }) {
   return z === "Card" ? /* @__PURE__ */ a("div", { className: w(t.productCard, b), children: [
-    /* @__PURE__ */ r(T, { src: N, alt: `${e} product image` }),
+    /* @__PURE__ */ r(
+      T,
+      {
+        src: N,
+        alt: `${o} product image`,
+        implementation: B,
+        implementationProps: L
+      }
+    ),
     /* @__PURE__ */ a("div", { className: t.productInformation, children: [
       /* @__PURE__ */ r(g, { href: h, children: l }),
       /* @__PURE__ */ a("div", { className: t.partNumber, children: [
-        /* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
-        /* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
+        /* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
+        /* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
@@ -72,18 +82,18 @@ function Z({
         buttonDoneText: ""
       }
     )
-  ] }) : /* @__PURE__ */ a("div", { className: w(t.productTile, b), ...B, children: [
-    /* @__PURE__ */ r(T, { src: N, alt: `${e} product image` }),
+  ] }) : /* @__PURE__ */ a("div", { className: w(t.productTile, b), ...P, children: [
+    /* @__PURE__ */ r(T, { src: N, alt: `${o} product image` }),
     /* @__PURE__ */ a("div", { className: t.productData, children: [
       /* @__PURE__ */ a("div", { className: t.topRow, children: [
         /* @__PURE__ */ a("div", { className: t.productInformation, children: [
           /* @__PURE__ */ r(g, { href: h, children: l }),
           /* @__PURE__ */ a("div", { className: t.partNumber, children: [
-            /* @__PURE__ */ r(o, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ r(o, { size: "sm", weight: "semibold", children: e })
+            /* @__PURE__ */ r(e, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ r(e, { size: "sm", weight: "semibold", children: o })
           ] })
         ] }),
-        C && /* @__PURE__ */ r("button", { onClick: () => C(s), children: /* @__PURE__ */ r(L, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        C && /* @__PURE__ */ r("button", { onClick: () => C(s), children: /* @__PURE__ */ r(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
       /* @__PURE__ */ a("div", { className: t.purchase, children: [
         /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
@@ -101,15 +111,15 @@ function Z({
         /* @__PURE__ */ r(I, { itemKey: s, onAdd: f, className: t.addToCart, addButtonClassName: t.addToCartButton })
       ] }),
       c && c.length > 0 && /* @__PURE__ */ r("ul", { className: t.attributeContainer, children: c.map((i) => /* @__PURE__ */ a("li", { children: [
-        /* @__PURE__ */ a(o, { size: "xs", weight: "light", children: [
+        /* @__PURE__ */ a(e, { size: "xs", weight: "light", children: [
           i.label,
           ":"
         ] }),
-        /* @__PURE__ */ r(o, { size: "xs", weight: "semibold", children: i.value })
+        /* @__PURE__ */ r(e, { size: "xs", weight: "semibold", children: i.value })
       ] }, `${i.label}.${i.value}`)) })
     ] })
   ] });
 }
 export {
-  Z as Product
+  S as Product
 };

package/package.json

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