@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260402063318 → 0.8.1-dev.20260410073844

package/dist/index.js

@@ -1341,7 +1341,7 @@ var MultilineTextInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "textarea",
       {
@@ -1388,7 +1388,7 @@ var LineTextInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "input",
       {
@@ -1450,7 +1450,7 @@ var MoneyInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "input",
       {
@@ -1562,7 +1562,8 @@ var Select = (props) => {
   const value = getSafeValue(props.value);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block", children: [
     props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
-    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
+    " ",
+    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "select",
       {
@@ -1622,7 +1623,7 @@ var PercentageInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
       {
@@ -1670,6 +1671,8 @@ var PhoneInput = (props) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n         focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -1723,7 +1726,7 @@ var NumberInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "input",
       {
@@ -1821,6 +1824,8 @@ var OtpInput = (props) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "input",
       {
@@ -1962,7 +1967,7 @@ var DateTimeInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "input",
@@ -2015,7 +2020,7 @@ var ColorInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "input",
       {
@@ -2108,9 +2113,12 @@ var SelectWithSearchInput = (props) => {
     }
   }, [highlightedIndex]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { children: props.attributes?.label }),
-    " ",
-    props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "input",
@@ -2319,7 +2327,12 @@ var SelectWithSearchPanel = (props) => {
     return formData;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "input",
       {
@@ -2476,7 +2489,7 @@ var BooleanSelect = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "select",
       {
@@ -2539,7 +2552,7 @@ var EmailInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "input",
       {
@@ -2578,7 +2591,8 @@ var TimeInput = (props) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-alert", children: "*" }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "input",
       {
@@ -5128,10 +5142,12 @@ var parseMaybeNumber = (value) => {
 };
 var shouldRenderForDevice = (imageDevice, currentDevice) => {
   if (!imageDevice) return true;
-  if (imageDevice === currentDevice) return true;
-  return false;
+  return imageDevice === currentDevice;
 };
 var ImageGalleryNode = (props) => {
+  console.log("Gallery Component Loaded");
+  console.log("Current Device:", props.device);
+  console.log("Gallery Images:", props.node.images);
   const resolveImageUrl = (imageUrl) => {
     if (!imageUrl) return "";
     if (imageUrl.startsWith("http")) return imageUrl;
@@ -5143,19 +5159,22 @@ var ImageGalleryNode = (props) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
-  const currentDevice = props.device;
   const images = Array.isArray(props.node.images) ? props.node.images : [];
-  const visibleImages = images.filter(
-    (img) => shouldRenderForDevice(img.device, currentDevice)
-  );
-  if (visibleImages.length === 0) return null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: images.map((img, idx) => {
+    console.log("Checking Image:", img.imageUrl);
+    console.log("Image Device:", img.device);
+    console.log("Page Device:", props.device);
+    if (!shouldRenderForDevice(img.device, props.device)) {
+      console.log("\u274C Skipping Image (device mismatch)");
+      return null;
+    }
+    console.log("\u2705 Rendering Image");
     const imageUrl = resolveImageUrl(img.imageUrl);
     if (!imageUrl) return null;
     const posterUrl = resolvePosterUrl(img.posterUrl);

package/dist/index.mjs

@@ -377,7 +377,7 @@ var MultilineTextInput = (props) => {
   return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx10("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx10("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx10(
       "textarea",
       {
@@ -424,7 +424,7 @@ var LineTextInput = (props) => {
   return /* @__PURE__ */ jsx11(React11.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ jsx11("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx11(
       "input",
       {
@@ -486,7 +486,7 @@ var MoneyInput = (props) => {
   return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs8("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx12(
       "input",
       {
@@ -598,7 +598,8 @@ var Select = (props) => {
   const value = getSafeValue(props.value);
   return /* @__PURE__ */ jsxs9("label", { className: "block", children: [
     props.attributes?.label && /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
-    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "text-alert", children: "*" }),
+    " ",
+    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs9(
       "select",
       {
@@ -658,7 +659,7 @@ var PercentageInput = (props) => {
   return /* @__PURE__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx14(
       "input",
       {
@@ -706,6 +707,8 @@ var PhoneInput = (props) => {
   }
   return /* @__PURE__ */ jsx15(React15.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs11("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n         focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
       /* @__PURE__ */ jsx15("span", { className: "px-3 text-gray-700", children: props.prefix }),
       /* @__PURE__ */ jsx15(
@@ -759,7 +762,7 @@ var NumberInput = (props) => {
   return /* @__PURE__ */ jsx16(React16.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ jsx16("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx16(
       "input",
       {
@@ -857,6 +860,8 @@ var OtpInput = (props) => {
   }
   return /* @__PURE__ */ jsx18(React18.Fragment, { children: /* @__PURE__ */ jsxs14("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
     /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx18(
       "input",
       {
@@ -998,7 +1003,7 @@ var DateTimeInput = (props) => {
   return /* @__PURE__ */ jsx19(React19.Fragment, { children: /* @__PURE__ */ jsxs15("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx19(
         "input",
@@ -1051,7 +1056,7 @@ var ColorInput = (props) => {
   return /* @__PURE__ */ jsxs16("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx20(
       "input",
       {
@@ -1144,9 +1149,12 @@ var SelectWithSearchInput = (props) => {
     }
   }, [highlightedIndex]);
   return /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx21("label", { children: props.attributes?.label }),
-    " ",
-    props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsxs17("label", { children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
       /* @__PURE__ */ jsx21(
         "input",
@@ -1359,7 +1367,12 @@ var SelectWithSearchPanel = (props) => {
     return formData;
   }, []);
   return /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx22("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
+    /* @__PURE__ */ jsxs18("label", { className: "text-sm mb-1 font-medium", children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ jsx22("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ jsx22("div", { children: /* @__PURE__ */ jsx22(
       "input",
       {
@@ -1519,7 +1532,7 @@ var BooleanSelect = (props) => {
   return /* @__PURE__ */ jsx23(React23.Fragment, { children: /* @__PURE__ */ jsxs19("label", { className: "block", children: [
     /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx23("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx23("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs19(
       "select",
       {
@@ -1582,7 +1595,7 @@ var EmailInput = (props) => {
   return /* @__PURE__ */ jsx24(React24.Fragment, { children: /* @__PURE__ */ jsxs20("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx24("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx24("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx24(
       "input",
       {
@@ -1621,7 +1634,8 @@ var TimeInput = (props) => {
   };
   return /* @__PURE__ */ jsx25(React25.Fragment, { children: /* @__PURE__ */ jsxs21("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx25("span", { className: "text-alert", children: "*" }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx25("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx25("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx25(
       "input",
       {
@@ -4160,10 +4174,12 @@ var parseMaybeNumber = (value) => {
 };
 var shouldRenderForDevice = (imageDevice, currentDevice) => {
   if (!imageDevice) return true;
-  if (imageDevice === currentDevice) return true;
-  return false;
+  return imageDevice === currentDevice;
 };
 var ImageGalleryNode = (props) => {
+  console.log("Gallery Component Loaded");
+  console.log("Current Device:", props.device);
+  console.log("Gallery Images:", props.node.images);
   const resolveImageUrl = (imageUrl) => {
     if (!imageUrl) return "";
     if (imageUrl.startsWith("http")) return imageUrl;
@@ -4175,19 +4191,22 @@ var ImageGalleryNode = (props) => {
     if (!posterUrl) return void 0;
     return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
   };
-  const currentDevice = props.device;
   const images = Array.isArray(props.node.images) ? props.node.images : [];
-  const visibleImages = images.filter(
-    (img) => shouldRenderForDevice(img.device, currentDevice)
-  );
-  if (visibleImages.length === 0) return null;
   const FormatClass = {
     center: "justify-center",
     left: "justify-start",
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsx58("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
+  return /* @__PURE__ */ jsx58("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: images.map((img, idx) => {
+    console.log("Checking Image:", img.imageUrl);
+    console.log("Image Device:", img.device);
+    console.log("Page Device:", props.device);
+    if (!shouldRenderForDevice(img.device, props.device)) {
+      console.log("\u274C Skipping Image (device mismatch)");
+      return null;
+    }
+    console.log("\u2705 Rendering Image");
     const imageUrl = resolveImageUrl(img.imageUrl);
     if (!imageUrl) return null;
     const posterUrl = resolvePosterUrl(img.posterUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260402063318",
+  "version": "0.8.1-dev.20260410073844",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.6.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsup": "^8.5.1",
@@ -52,7 +52,7 @@
     "moment-timezone": "^0.6.1",
     "ms": "^2.1.3",
     "mz": "^2.7.0",
-    "next": "^15.5.14",
+    "next": "^15.5.15",
     "object-assign": "^4.1.1",
     "pathe": "^2.0.3",
     "picocolors": "^1.1.1",