@snacky/ui 0.6.2 → 0.7.1

package/dist/index.js

@@ -1198,6 +1198,39 @@ function ProductCard(props) {
     }
   );
 }
+
+// src/components/ImagePlaceholder/ImagePlaceholder.tsx
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+function ImagePlaceholder({ width, height, className }) {
+  const iconSize = Math.round(Math.min(width, height) * 0.32);
+  return /* @__PURE__ */ jsx33(
+    "div",
+    {
+      className: cx("snacky-image-placeholder", className),
+      style: { width, height },
+      role: "img",
+      "aria-label": "No image",
+      children: /* @__PURE__ */ jsxs24(
+        "svg",
+        {
+          width: iconSize,
+          height: iconSize,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx33("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+            /* @__PURE__ */ jsx33("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: "currentColor", stroke: "none" }),
+            /* @__PURE__ */ jsx33("polyline", { points: "21 15 16 10 5 21" })
+          ]
+        }
+      )
+    }
+  );
+}
 export {
   Accordion,
   AddressResult,
@@ -1217,6 +1250,7 @@ export {
   HeroBanner,
   IconButton,
   Illustration,
+  ImagePlaceholder,
   NavBar,
   NotificationBadge,
   NotificationListItem,