@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260402071330 → 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",
       {

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",
       {

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.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",