@algorithm-shift/design-system 1.2.19 → 1.2.21

package/dist/index.mjs

@@ -133,10 +133,11 @@ var ImageControl = ({
     "w-full h-full",
     className
   );
-  if ((!imageUrl || imageUrl === "") && (!imageUrlExternal || imageUrlExternal === "")) {
-    /* @__PURE__ */ jsx5("div", { className: imageClass, children: /* @__PURE__ */ jsx5("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
+  if (!imageUrl && !imageUrlExternal) {
+    return /* @__PURE__ */ jsx5("div", { className: imageClass, children: /* @__PURE__ */ jsx5("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
   }
-  return /* @__PURE__ */ jsx5("img", { src: imageUrlExternal || imageUrl, alt: altText, className: defaultImgClass, style });
+  const url = imageUrlExternal || imageUrl;
+  return /* @__PURE__ */ jsx5("img", { src: url, alt: altText, className: defaultImgClass, style });
 };
 var Image_default = ImageControl;
 
@@ -760,9 +761,13 @@ function RadioGroupItem({
 import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var RadioInput = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ jsx18("div", { className, style, children: /* @__PURE__ */ jsx18(RadioGroup, { defaultValue: "option-1", children: text?.map((item, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx18(RadioGroupItem, { value: item, id: `r${index}` }),
-    /* @__PURE__ */ jsx18(Label, { htmlFor: `r${index}`, children: item })
+  const formatList = text.filter((i) => i.value && i.label).map((item) => ({
+    label: item.label,
+    value: item.value
+  }));
+  return /* @__PURE__ */ jsx18("div", { className, style, children: /* @__PURE__ */ jsx18(RadioGroup, { defaultValue: "option-1", children: formatList?.map((item, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx18(RadioGroupItem, { value: item.value, id: `r${index}` }),
+    /* @__PURE__ */ jsx18(Label, { htmlFor: `r${index}`, children: item.label })
   ] }, index)) }) });
 };
 
@@ -770,9 +775,13 @@ var RadioInput = ({ className, style, ...props }) => {
 import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var MultiCheckbox = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ jsx19("div", { className, style, children: /* @__PURE__ */ jsx19("div", { className: "flex gap-3 flex-col", children: text?.map((item, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2", children: [
+  const formatList = text.filter((i) => i.value && i.label).map((item) => ({
+    label: item.label,
+    value: item.value
+  }));
+  return /* @__PURE__ */ jsx19("div", { className, style, children: /* @__PURE__ */ jsx19("div", { className: "flex gap-3 flex-col", children: formatList?.map((item, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ jsx19(Checkbox, { id: `newsletter-${index}` }),
-    /* @__PURE__ */ jsx19(Label, { htmlFor: `newsletter-${index}`, children: item })
+    /* @__PURE__ */ jsx19(Label, { htmlFor: `newsletter-${index}`, children: item.label })
   ] }, index)) }) });
 };
 
@@ -1015,9 +1024,9 @@ import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-r
 var Dropdown = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Default"];
   const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
-  const formatList = text.map((item) => ({
-    label: item || "value1",
-    value: item
+  const formatList = text.filter((i) => i.value && i.label).map((item) => ({
+    label: item.label,
+    value: item.value
   }));
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
@@ -1779,7 +1788,7 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
   const hoverClasses = "hover:bg-white/5";
   const isActive = (path) => {
     if (!path) return false;
-    return pathname === path || path !== "/" && pathname.startsWith(path);
+    return pathname === path || path !== "/" && pathname?.startsWith(path);
   };
   return /* @__PURE__ */ jsx38("div", { className, style, children: rawTabs.map((tab, index) => {
     const finalClasses = [
@@ -1819,7 +1828,7 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
         )
       ] }, index);
     }
-    return tab.url && LinkComponent ? /* @__PURE__ */ jsx38(LinkComponent, { href: tab.url, className: finalClasses, style, children: tab.header }, index) : /* @__PURE__ */ jsx38("div", { className: finalClasses, style, role: "button", tabIndex: 0, children: tab.header }, index);
+    return tab.url && LinkComponent ? /* @__PURE__ */ jsx38(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx38("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
   }) });
 };
 var Tabs_default = Tabs;