@algorithm-shift/design-system 1.2.13 → 1.2.15

package/dist/index.mjs

@@ -124,34 +124,16 @@ var ImageControl = ({
 }) => {
   const imageClass = cn(
     "h-[200px] w-[200px] border-1",
-    "border-2 border-dashed border-gray-400 flex items-center justify-center cursor-pointer hover:border-blue-500 transition",
-    className
+    "border-2 border-dashed border-gray-400 flex items-center justify-center cursor-pointer hover:border-blue-500 transition"
   );
   const defaultImgClass = cn(
     "w-full h-full",
     className
   );
-  let src;
-  let extraProps;
-  if (imageUrlExternal) {
-    src = imageUrlExternal;
-    extraProps = {
-      className: defaultImgClass
-    };
-  } else if (imageUrl) {
-    src = imageUrl;
-    extraProps = {
-      className: defaultImgClass
-    };
-  } else {
-    src = "./image-placeholder.png";
-    extraProps = {
-      width: 50,
-      height: 50,
-      className: "opacity-50"
-    };
+  if (!imageUrl && !imageUrlExternal) {
+    /* @__PURE__ */ jsx5("div", { className: imageClass, children: /* @__PURE__ */ jsx5("img", { src: "./image-placeholder.png", alt: altText, className: "opacity-50", width: 50, height: 50 }) });
   }
-  return /* @__PURE__ */ jsx5("div", { className: imageClass, style, children: /* @__PURE__ */ jsx5("img", { src, alt: altText, ...extraProps }) });
+  return /* @__PURE__ */ jsx5("img", { src: imageUrlExternal || imageUrl, alt: altText, className: defaultImgClass, style });
 };
 var Image_default = ImageControl;
 
@@ -1902,29 +1884,28 @@ var Notification_default = Notification;
 
 // src/components/Navigation/Logo/Logo.tsx
 import { jsx as jsx43 } from "react/jsx-runtime";
-var ImageControl2 = ({
+var Logo = ({
   className,
   style,
-  imageUrl
+  imageUrl,
+  altText = "Preview"
 }) => {
-  let src;
-  let extraProps;
-  if (imageUrl) {
-    src = imageUrl;
-    extraProps = {
-      className: "w-full h-full"
-    };
-  } else {
-    src = "https://builder.development.algorithmshift.ai/_next/image?url=%2Fdrag_and_drop.png&w=1920&q=75";
-    extraProps = {
-      width: 50,
-      height: 50,
-      className: "opacity-50"
-    };
+  if (!imageUrl) {
+    return /* @__PURE__ */ jsx43(
+      "div",
+      {
+        className: cn(
+          className,
+          "p-0"
+        ),
+        style,
+        children: /* @__PURE__ */ jsx43("img", { src: "/logo_placeholder.png", alt: altText, className: "opacity-50", width: 150, height: 80 })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx43("div", { className, style, children: /* @__PURE__ */ jsx43("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
+  return /* @__PURE__ */ jsx43("img", { src: imageUrl, alt: altText, className, style });
 };
-var Logo_default = ImageControl2;
+var Logo_default = Logo;
 export {
   Button,
   CheckboxInput,