@algorithm-shift/design-system 1.2.13 → 1.2.15

package/dist/index.d.mts

@@ -97,6 +97,7 @@ interface NotificationProps extends ElementProps {
 
 interface LogoProps extends ElementProps {
   imageUrl?: string;
+  altText?: string;
 }
 
 declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
@@ -110,7 +111,7 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const ImageControl$1: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
 
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -158,8 +159,8 @@ declare const Profile: ({ profileType, showName, userName, className, style }: P
 
 declare const Notification: ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }: NotificationProps) => react_jsx_runtime.JSX.Element;
 
-declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react_jsx_runtime.JSX.Element;
+declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl$1 as Image, ImageControl as Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
+export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };

package/dist/index.d.ts

@@ -97,6 +97,7 @@ interface NotificationProps extends ElementProps {
 
 interface LogoProps extends ElementProps {
   imageUrl?: string;
+  altText?: string;
 }
 
 declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
@@ -110,7 +111,7 @@ declare const Typography: ({ className, style, tagName, textContent, }: Typograp
 
 declare const Shape: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const ImageControl$1: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare const ImageControl: ({ className, style, imageUrl, imageUrlExternal, altText, }: ImageProps) => react_jsx_runtime.JSX.Element;
 
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
@@ -158,8 +159,8 @@ declare const Profile: ({ profileType, showName, userName, className, style }: P
 
 declare const Notification: ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }: NotificationProps) => react_jsx_runtime.JSX.Element;
 
-declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react_jsx_runtime.JSX.Element;
+declare const Logo: ({ className, style, imageUrl, altText, }: LogoProps) => react_jsx_runtime.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl$1 as Image, ImageControl as Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };
+export { Button, CheckboxInput, DatePicker, DateRange, Dropdown, EmailInput, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, MultiCheckbox, Notification, NumberInput, PasswordInput, PhoneInput, Profile, RadioInput, RichText, SearchInput, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };

package/dist/index.js

@@ -191,34 +191,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__ */ (0, import_jsx_runtime5.jsx)("div", { className: imageClass, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: "./image-placeholder.png", alt: altText, className: "opacity-50", width: 50, height: 50 }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: imageClass, style, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src, alt: altText, ...extraProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: imageUrlExternal || imageUrl, alt: altText, className: defaultImgClass, style });
 };
 var Image_default = ImageControl;
 
@@ -1965,29 +1947,28 @@ var Notification_default = Notification;
 
 // src/components/Navigation/Logo/Logo.tsx
 var import_jsx_runtime43 = require("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__ */ (0, import_jsx_runtime43.jsx)(
+      "div",
+      {
+        className: cn(
+          className,
+          "p-0"
+        ),
+        style,
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: "/logo_placeholder.png", alt: altText, className: "opacity-50", width: 150, height: 80 })
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: imageUrl, alt: altText, className, style });
 };
-var Logo_default = ImageControl2;
+var Logo_default = Logo;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,