@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260402071330 → 0.8.1-dev.20260410111456

package/dist/index.js

@@ -974,7 +974,13 @@ module.exports = __toCommonJS(index_exports);
 // src/components/pageRenderingEngine/nodes/WidgetRegistry.tsx
 var registry = {};
 function registerWidgets(widgets) {
-  Object.assign(registry, widgets);
+  Object.entries(widgets).forEach(([key, component]) => {
+    if (!registry[key]) {
+      registry[key] = component;
+    } else {
+      console.warn(`Widget "${key}" is already registered. Skipping duplicate.`);
+    }
+  });
 }
 function getWidget(code) {
   return registry[code];
@@ -1341,7 +1347,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 +1394,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 +1456,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 +1568,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 +1629,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 +1677,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 +1732,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 +1830,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 +1973,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 +2026,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 +2119,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 +2333,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 +2495,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 +2558,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 +2597,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",
       {

package/dist/index.mjs

@@ -10,7 +10,13 @@ import {
 // src/components/pageRenderingEngine/nodes/WidgetRegistry.tsx
 var registry = {};
 function registerWidgets(widgets) {
-  Object.assign(registry, widgets);
+  Object.entries(widgets).forEach(([key, component]) => {
+    if (!registry[key]) {
+      registry[key] = component;
+    } else {
+      console.warn(`Widget "${key}" is already registered. Skipping duplicate.`);
+    }
+  });
 }
 function getWidget(code) {
   return registry[code];
@@ -377,7 +383,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 +430,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 +492,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 +604,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 +665,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 +713,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 +768,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 +866,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 +1009,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 +1062,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 +1155,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 +1373,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 +1538,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 +1601,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 +1640,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",
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260402071330",
+  "version": "0.8.1-dev.20260410111456",
   "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",