@dmsi/wedgekit-react 0.0.1242 → 1.0.0

package/dist/chunk-SATCWGO7.js

@@ -1,166 +0,0 @@
-// src/classNames.ts
-import clsx from "clsx";
-var typography = {
-  display1: clsx(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: clsx(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: clsx(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: clsx(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: clsx(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: clsx(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: clsx(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: clsx(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: clsx(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: clsx(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: clsx(
-    "font-sans font-normal",
-    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
-    "leading-caption-mobile desktop:leading-caption-desktop"
-  ),
-  breadcrumb: clsx(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
-  )
-};
-var baseTransition = clsx(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = clsx(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = clsx(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingXUsingLayoutGroupGap = clsx(
-  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
-);
-var paddingYUsingLayoutGroupGap = clsx(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = clsx(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = clsx(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingX = clsx(
-  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
-);
-var componentPaddingY = clsx(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = clsx(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = clsx(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap2xMobile = clsx(
-  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = clsx(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = clsx(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var componentPaddingMinusBorderDesktop = clsx(
-  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
-);
-var layoutPaddding = clsx(
-  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
-);
-var layoutPaddingBottom = clsx(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = clsx(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var layoutPaddingX = clsx(
-  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
-);
-var containerPaddingX = clsx(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = clsx(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = clsx(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = clsx(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = clsx(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = clsx(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-export {
-  typography,
-  baseTransition,
-  componentGap,
-  paddingUsingComponentGap,
-  paddingXUsingLayoutGroupGap,
-  paddingYUsingLayoutGroupGap,
-  componentPadding,
-  componentPaddingBottom,
-  componentPaddingY,
-  componentPaddingXUsingComponentGap,
-  componentPaddingYUsingComponentGap,
-  componentPaddingYUsingComponentGap2xMobile,
-  componentPaddingMinusBorder,
-  componentPaddingMinus2pxBorder,
-  componentPaddingMinusBorderDesktop,
-  layoutPaddding,
-  layoutPaddingBottom,
-  layoutPaddingY,
-  layoutPaddingX,
-  containerPaddingX,
-  containerPaddingY,
-  layoutGroupGap,
-  layoutGap,
-  gapUsingContainerPadding
-};

package/dist/chunk-SBRRNFOP.js

@@ -1,33 +0,0 @@
-// src/components/Spinner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Spinner = ({ size = "small", testid }) => {
-  const dimension = size === "large" ? 48 : 24;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "data-testid": testid,
-      width: dimension,
-      height: dimension,
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "#1D1E1E",
-      className: "spinner",
-      "aria-label": "Loading",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
-        /* @__PURE__ */ jsx("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
-        /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
-        /* @__PURE__ */ jsx("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
-        /* @__PURE__ */ jsx("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
-        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
-        /* @__PURE__ */ jsx("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
-      ]
-    }
-  );
-};
-Spinner.displayName = "Spinner";
-
-export {
-  Spinner
-};

package/dist/chunk-SJZNVG4N.js

@@ -1,47 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/EditingContext.tsx
-import { createContext, useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var EditingContext = createContext(null);
-var EditingProvider = ({
-  data,
-  children
-}) => {
-  const [actual, setData] = useState(data);
-  const context = {
-    data: actual,
-    setData: (row, key, value) => {
-      setData((prev) => {
-        var _a;
-        const newData = [...prev];
-        const existingValue = (_a = newData[row]) == null ? void 0 : _a[key];
-        const convertedValue = typeof existingValue === "number" && !isNaN(Number(value)) ? Number(value) : value;
-        newData[row] = __spreadProps(__spreadValues({}, newData[row]), {
-          [key]: convertedValue
-        });
-        return newData;
-      });
-    },
-    setBulkData: (prev) => {
-      setData(prev);
-    }
-  };
-  return /* @__PURE__ */ jsx(EditingContext.Provider, { value: context, children });
-};
-var useTableEditingContext = () => {
-  const context = useContext(EditingContext);
-  if (!context) {
-    throw new Error("useTableEditingContext must be used within EditingProvider");
-  }
-  return context;
-};
-
-export {
-  EditingContext,
-  EditingProvider,
-  useTableEditingContext
-};

package/dist/chunk-TBZ243DS.js

@@ -1,173 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
-function isValidDate(dateString) {
-  const date = new Date(dateString);
-  return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
-}
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
-function isDigit(character) {
-  return /\d/.test(character);
-}
-function isSlash(character) {
-  return character === "/";
-}
-function countDigitsUpToCursor(value, cursorPosition) {
-  let digitCount = 0;
-  for (let i = 0; i < cursorPosition && i < value.length; i++) {
-    if (!isDigit(value[i])) {
-      continue;
-    }
-    digitCount++;
-  }
-  return digitCount;
-}
-function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
-  let currentDigitCount = 0;
-  for (let i = 0; i < formattedValue.length; i++) {
-    if (!isDigit(formattedValue[i])) {
-      continue;
-    }
-    currentDigitCount++;
-    if (currentDigitCount !== targetDigitCount) {
-      continue;
-    }
-    const positionAfterDigit = i + 1;
-    const nextCharacter = formattedValue[positionAfterDigit];
-    if (nextCharacter && isSlash(nextCharacter)) {
-      return positionAfterDigit + 1;
-    }
-    return positionAfterDigit;
-  }
-  return formattedValue.length;
-}
-function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(
-    originalValue,
-    originalPosition
-  );
-  const newPosition = findPositionAfterDigitCount(
-    formattedValue,
-    targetDigitCount
-  );
-  return Math.min(newPosition, formattedValue.length);
-}
-function parseDateParts(dateString) {
-  const [yearStr, monthStr, dayStr] = dateString.split("-");
-  if (!yearStr || !monthStr || !dayStr) {
-    return null;
-  }
-  const year = parseInt(yearStr, 10);
-  const month = parseInt(monthStr, 10);
-  const day = parseInt(dayStr, 10);
-  if (isNaN(year) || isNaN(month) || isNaN(day)) {
-    return null;
-  }
-  return { year, month, day };
-}
-function isValidDateRange(month, day) {
-  if (month < 1 || month > 12) {
-    return false;
-  }
-  if (day < 1 || day > 31) {
-    return false;
-  }
-  return true;
-}
-function formatDatePartsToDisplay(year, month, day) {
-  const paddedMonth = month.toString().padStart(2, "0");
-  const paddedDay = day.toString().padStart(2, "0");
-  return `${paddedMonth}/${paddedDay}/${year}`;
-}
-function formatDate(date) {
-  if (!date) {
-    return "";
-  }
-  try {
-    const dateParts = parseDateParts(date);
-    if (!dateParts) {
-      return "";
-    }
-    const { year, month, day } = dateParts;
-    if (!isValidDateRange(month, day)) {
-      return "";
-    }
-    return formatDatePartsToDisplay(year, month, day);
-  } catch (error) {
-    console.error("Error formatting date:", error);
-    return "";
-  }
-}
-function isValidDateRangeOrder(fromDate, toDate) {
-  if (!fromDate || !toDate || !isValidDate(fromDate) || !isValidDate(toDate)) {
-    return false;
-  }
-  const from = new Date(fromDate);
-  const to = new Date(toDate);
-  return to >= from;
-}
-
-// src/utils/mergeObjectArrays.ts
-function mergeObjectArrays(arr1, arr2) {
-  const arr2Map = /* @__PURE__ */ new Map();
-  for (const item of arr2) {
-    const id = item.id;
-    if (id !== void 0) {
-      arr2Map.set(id, item);
-    }
-  }
-  return arr1.map((item1) => {
-    const id = item1.id;
-    if (id !== void 0 && arr2Map.has(id)) {
-      const item2 = arr2Map.get(id);
-      const meta1 = item1.meta;
-      const meta2 = item2.meta;
-      const mergedMeta = meta1 && meta2 && typeof meta1 === "object" && typeof meta2 === "object" ? __spreadValues(__spreadValues({}, meta1), meta2) : meta2 != null ? meta2 : meta1;
-      return __spreadProps(__spreadValues(__spreadValues({}, item1), item2), { meta: mergedMeta });
-    }
-    return item1;
-  });
-}
-
-// src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
-
-export {
-  parseInputDate,
-  isValidDate,
-  formatInputValue,
-  isDigit,
-  isSlash,
-  countDigitsUpToCursor,
-  findPositionAfterDigitCount,
-  calculateCursorPosition,
-  parseDateParts,
-  isValidDateRange,
-  formatDatePartsToDisplay,
-  formatDate,
-  isValidDateRangeOrder,
-  mergeObjectArrays,
-  LocalStoragePrefixVersion
-};

package/dist/chunk-UARCWLMD.js

@@ -1,66 +0,0 @@
-import {
-  Label
-} from "./chunk-4UGMSWWA.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-
-// src/components/ListGroup.tsx
-import { useState } from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ListGroup({
-  title,
-  defaultOpen = false,
-  open: controlledOpen,
-  onToggle,
-  testid,
-  disabled,
-  className,
-  children
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const isControlled = controlledOpen !== void 0;
-  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const toggle = () => {
-    if (disabled) return;
-    const next = !isOpen;
-    if (!isControlled) setUncontrolledOpen(next);
-    onToggle == null ? void 0 : onToggle(next);
-  };
-  return /* @__PURE__ */ jsx("div", { "data-testid": testid, className: clsx("rounded-sm", className), children: /* @__PURE__ */ jsxs(Stack, { sizing: "layout", noGap: true, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: toggle,
-        className: clsx(
-          "w-full flex items-center justify-between text-left",
-          disabled && "opacity-50 cursor-not-allowed"
-        ),
-        "aria-expanded": isOpen,
-        children: [
-          /* @__PURE__ */ jsx(Label, { children: title }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "expand_more",
-              className: clsx(
-                "transition-transform duration-200",
-                isOpen ? "rotate-180" : "rotate-0"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx(Stack, { sizing: "layout", paddingTop: true, children })
-  ] }) });
-}
-
-export {
-  ListGroup
-};

package/dist/chunk-UFX5XIJL.js

@@ -1,178 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/ProductImagePreview/ProductPrimaryImage.tsx
-import { useRef, useState, useCallback, useMemo, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var placeholderImageUri = "/placeholder.svg";
-function ProductPrimaryImage({
-  image,
-  width,
-  height,
-  zoomEnabled = false,
-  zoomLensSize = 140,
-  scrollToZoomEnabled = false,
-  className = "",
-  isPlaceholder = false,
-  onImageError,
-  onZoomPositionChange,
-  onScrollZoom
-}) {
-  const containerRef = useRef(null);
-  const lastPointRef = useRef(null);
-  const rafRef = useRef(null);
-  const [active, setActive] = useState(false);
-  const [, forceRerender] = useState(0);
-  const imageSrc = useMemo(() => image == null ? void 0 : image.src, [image == null ? void 0 : image.src]);
-  const schedule = () => {
-    if (rafRef.current != null) return;
-    rafRef.current = requestAnimationFrame(() => {
-      rafRef.current = null;
-      forceRerender((n) => n + 1);
-    });
-  };
-  const handlePointerEnter = useCallback(() => {
-    if (!zoomEnabled) return;
-    setActive(true);
-    const el = containerRef.current;
-    if (el) {
-      const r = el.getBoundingClientRect();
-      const pt2 = lastPointRef.current;
-      onZoomPositionChange == null ? void 0 : onZoomPositionChange(
-        pt2 ? __spreadProps(__spreadValues({}, pt2), { w: r.width, h: r.height, lensSize: zoomLensSize }) : null,
-        true
-      );
-    }
-  }, [zoomEnabled, onZoomPositionChange, zoomLensSize]);
-  const handlePointerLeave = useCallback(() => {
-    if (!zoomEnabled) return;
-    setActive(false);
-    lastPointRef.current = null;
-    onZoomPositionChange == null ? void 0 : onZoomPositionChange(null, false);
-  }, [zoomEnabled, onZoomPositionChange]);
-  const handlePointerMove = useCallback(
-    (e) => {
-      if (isPlaceholder) return;
-      if (!zoomEnabled || !active) return;
-      if (e.pointerType === "touch") return;
-      const el = containerRef.current;
-      if (!el) return;
-      const rect = el.getBoundingClientRect();
-      const rawX = (e.clientX - rect.left) / rect.width;
-      const rawY = (e.clientY - rect.top) / rect.height;
-      const size = zoomLensSize != null ? zoomLensSize : 140;
-      const left = Math.max(
-        0,
-        Math.min(rect.width - size, rawX * rect.width - size / 2)
-      );
-      const top = Math.max(
-        0,
-        Math.min(rect.height - size, rawY * rect.height - size / 2)
-      );
-      const centerXNorm = (left + size / 2) / rect.width;
-      const centerYNorm = (top + size / 2) / rect.height;
-      lastPointRef.current = {
-        x: centerXNorm,
-        y: centerYNorm
-      };
-      schedule();
-      onZoomPositionChange == null ? void 0 : onZoomPositionChange(
-        lastPointRef.current ? __spreadProps(__spreadValues({}, lastPointRef.current), {
-          w: rect.width,
-          h: rect.height,
-          lensSize: zoomLensSize
-        }) : null,
-        true
-      );
-    },
-    [isPlaceholder, zoomEnabled, active, zoomLensSize, onZoomPositionChange]
-  );
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container || !scrollToZoomEnabled) return;
-    const handleNativeWheel = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (!zoomEnabled || !active) return;
-      const delta = e.deltaY > 0 ? -0.2 : 0.2;
-      onScrollZoom == null ? void 0 : onScrollZoom(delta);
-    };
-    container.addEventListener("wheel", handleNativeWheel, { passive: false });
-    return () => {
-      container.removeEventListener("wheel", handleNativeWheel);
-    };
-  }, [scrollToZoomEnabled, zoomEnabled, active, onScrollZoom]);
-  const handleImgError = useCallback(
-    (e) => {
-      onImageError == null ? void 0 : onImageError(imageSrc);
-      if (!placeholderImageUri) return;
-      const img = e.currentTarget;
-      if (img.src === placeholderImageUri) return;
-      img.src = placeholderImageUri;
-    },
-    [imageSrc, onImageError]
-  );
-  const pt = lastPointRef.current;
-  let lensStyle;
-  if (pt && active && zoomEnabled) {
-    const size = zoomLensSize;
-    const leftRaw = pt.x * width - size / 2;
-    const topRaw = pt.y * height - size / 2;
-    lensStyle = {
-      width: size,
-      height: size,
-      left: Math.max(0, Math.min(width - size, leftRaw)),
-      top: Math.max(0, Math.min(height - size, topRaw))
-    };
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: [
-        "relative overflow-hidden bg-white rounded flex items-center justify-center select-none",
-        zoomEnabled ? "cursor-crosshair" : "",
-        className
-      ].join(" "),
-      onPointerEnter: handlePointerEnter,
-      onPointerLeave: handlePointerLeave,
-      onPointerMove: handlePointerMove,
-      children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imageSrc != null ? imageSrc : placeholderImageUri,
-            alt: (image == null ? void 0 : image.alt) || "Product image",
-            style: {
-              maxWidth: width,
-              maxHeight: height,
-              minWidth: width,
-              minHeight: height,
-              aspectRatio: "1 / 1",
-              objectFit: "contain",
-              userSelect: "none"
-            },
-            draggable: false,
-            loading: "lazy",
-            onError: handleImgError
-          },
-          imageSrc
-        ),
-        zoomEnabled && active && lensStyle && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": true,
-            className: "absolute pointer-events-none border border-white/70 shadow-[0_0_0_1px_rgba(0,0,0,0.15)] rounded-md bg-white/10 backdrop-blur-[1px]",
-            style: lensStyle
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  ProductPrimaryImage
-};