@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260416084656 → 0.8.1-dev.20260417052148

package/dist/index.d.mts

@@ -231,4 +231,28 @@ declare class ToastService {
 
 declare const LineTextInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, LineTextInput, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const MultilineTextInput: React.FC<InputControlProps>;
+
+declare const MoneyInput: React.FC<InputControlProps>;
+
+declare const PercentageInput: React.FC<InputControlProps>;
+
+declare const PhoneInput: React.FC<InputControlProps>;
+
+declare const NumberInput: React.FC<InputControlProps>;
+
+declare const CheckboxInput: React.FC<InputControlProps>;
+
+declare const OtpInput: React.FC<InputControlProps>;
+
+declare const DateTimeInput: React.FC<InputControlProps>;
+
+declare const ColorInput: React.FC<InputControlProps>;
+
+declare const BooleanSelect: React.FC<InputControlProps>;
+
+declare const EmailInput: React.FC<InputControlProps>;
+
+declare const TimeInput: React.FC<InputControlProps>;
+
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.d.ts

@@ -231,4 +231,28 @@ declare class ToastService {
 
 declare const LineTextInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, LineTextInput, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const MultilineTextInput: React.FC<InputControlProps>;
+
+declare const MoneyInput: React.FC<InputControlProps>;
+
+declare const PercentageInput: React.FC<InputControlProps>;
+
+declare const PhoneInput: React.FC<InputControlProps>;
+
+declare const NumberInput: React.FC<InputControlProps>;
+
+declare const CheckboxInput: React.FC<InputControlProps>;
+
+declare const OtpInput: React.FC<InputControlProps>;
+
+declare const DateTimeInput: React.FC<InputControlProps>;
+
+declare const ColorInput: React.FC<InputControlProps>;
+
+declare const BooleanSelect: React.FC<InputControlProps>;
+
+declare const EmailInput: React.FC<InputControlProps>;
+
+declare const TimeInput: React.FC<InputControlProps>;
+
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.js

@@ -972,11 +972,23 @@ var init_IframeClient = __esm({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  BooleanSelect: () => BooleanSelect_default,
+  CheckboxInput: () => CheckboxInput_default,
+  ColorInput: () => ColorInput_default,
   DataList: () => DataList_default,
+  DateTimeInput: () => DateTimeInput_default,
+  EmailInput: () => EmailInput_default,
   InputControl: () => InputControl_default,
   InputControlType: () => InputControlType_default,
   LineTextInput: () => LineTextInput_default,
+  MoneyInput: () => MoneyInput_default,
+  MultilineTextInput: () => MultilineTextInput_default,
+  NumberInput: () => NumberInput_default,
+  OtpInput: () => OtpInput_default,
   PageBodyRenderer: () => PageBodyRenderer_default,
+  PercentageInput: () => PercentageInput_default,
+  PhoneInput: () => PhoneInput_default,
+  TimeInput: () => TimeInput_default,
   Toast: () => Toast_default,
   ToastService: () => ToastService_default,
   ViewControl: () => ViewControl_default,
@@ -1363,7 +1375,7 @@ var MultilineTextInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MultilineTextInput_default = MultilineTextInput;
@@ -1408,14 +1420,12 @@ var LineTextInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: `peer py-1.5 block w-full rounded border-gray-300 shadow-sm
-                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
+        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm transition-all duration-500 ease-in-out
                      ${props?.inputClasses ? props.inputClasses : ``}
                      `
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var LineTextInput_default = LineTextInput;
@@ -1475,7 +1485,7 @@ var MoneyInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MoneyInput_default = MoneyInput;
@@ -1647,7 +1657,7 @@ var PercentageInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PercentageInput_default = PercentageInput;
@@ -1677,8 +1687,8 @@ var PhoneInput = (props) => {
     /* @__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.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border \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", children: props.prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "input",
         {
@@ -1697,7 +1707,7 @@ var PhoneInput = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PhoneInput_default = PhoneInput;
@@ -1750,7 +1760,7 @@ var NumberInput = (props) => {
         className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var NumberInput_default = NumberInput;
@@ -1761,7 +1771,6 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
 var CheckboxInput = (props) => {
   const textChangeHandler = (event) => {
     let text = event.target.checked;
-    console.log(text);
     if (props.callback !== void 0) {
       props.callback({
         name: props.name,
@@ -1771,7 +1780,6 @@ var CheckboxInput = (props) => {
       });
     }
   };
-  const trueValue = true;
   let value = false;
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
@@ -1779,7 +1787,7 @@ var CheckboxInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "input",
       {
@@ -1797,7 +1805,7 @@ var CheckboxInput = (props) => {
         className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var CheckboxInput_default = CheckboxInput;
@@ -1850,7 +1858,7 @@ var OtpInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var OtpInput_default = OtpInput;
@@ -1954,7 +1962,6 @@ var DateTimeInput = (props) => {
   let localvalue;
   let timeZoneAbbr;
   const now = /* @__PURE__ */ new Date();
-  const utcOffset = now.getTimezoneOffset();
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
     const now2 = /* @__PURE__ */ new Date();
@@ -1968,6 +1975,11 @@ var DateTimeInput = (props) => {
     timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
     localvalue = localDate?.toISOString()?.slice(0, 16);
   }
+  const handleKeyDown = (e) => {
+    if (e.key === "Backspace") {
+      e.preventDefault();
+    }
+  };
   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 }),
     " ",
@@ -1981,6 +1993,7 @@ var DateTimeInput = (props) => {
           id: props.name,
           value: localvalue,
           onChange: textChangeHandler,
+          onKeyDown: handleKeyDown,
           required: props?.attributes?.required,
           placeholder: props?.attributes?.placeholder,
           maxLength: props?.attributes?.maxLength,
@@ -1992,7 +2005,7 @@ var DateTimeInput = (props) => {
       ),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: timeZoneAbbr })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var DateTimeInput_default = DateTimeInput;
@@ -2035,10 +2048,10 @@ var ColorInput = (props) => {
         value: color,
         onChange: handleColorChange,
         required: props?.attributes?.required,
-        className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
+        className: `w-[78px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
       }
     ),
-    props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
+    props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
   ] });
 };
 var ColorInput_default = ColorInput;
@@ -2521,7 +2534,7 @@ var BooleanSelect = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var BooleanSelect_default = BooleanSelect;
@@ -2573,7 +2586,7 @@ var EmailInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 mb-0  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var EmailInput_default = EmailInput;
@@ -2610,7 +2623,7 @@ var TimeInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
   ] }) });
 };
 var TimeInput_default = TimeInput;
@@ -5713,11 +5726,23 @@ var Toast_default = Toast;
 init_ToastService();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BooleanSelect,
+  CheckboxInput,
+  ColorInput,
   DataList,
+  DateTimeInput,
+  EmailInput,
   InputControl,
   InputControlType,
   LineTextInput,
+  MoneyInput,
+  MultilineTextInput,
+  NumberInput,
+  OtpInput,
   PageBodyRenderer,
+  PercentageInput,
+  PhoneInput,
+  TimeInput,
   Toast,
   ToastService,
   ViewControl,

package/dist/index.mjs

@@ -387,7 +387,7 @@ var MultilineTextInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
       }
     ),
-    /* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MultilineTextInput_default = MultilineTextInput;
@@ -432,14 +432,12 @@ var LineTextInput = (props) => {
         pattern: props?.attributes?.pattern,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: `peer py-1.5 block w-full rounded border-gray-300 shadow-sm
-                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
-                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
+        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm transition-all duration-500 ease-in-out
                      ${props?.inputClasses ? props.inputClasses : ``}
                      `
       }
     ),
-    /* @__PURE__ */ jsx11("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx11("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var LineTextInput_default = LineTextInput;
@@ -499,7 +497,7 @@ var MoneyInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
       }
     ),
-    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MoneyInput_default = MoneyInput;
@@ -671,7 +669,7 @@ var PercentageInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
       }
     ),
-    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PercentageInput_default = PercentageInput;
@@ -701,8 +699,8 @@ var PhoneInput = (props) => {
     /* @__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__ */ jsxs11("div", { className: "flex items-center bg-gray-100 rounded border \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", children: props.prefix }),
       /* @__PURE__ */ jsx15(
         "input",
         {
@@ -721,7 +719,7 @@ var PhoneInput = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PhoneInput_default = PhoneInput;
@@ -774,7 +772,7 @@ var NumberInput = (props) => {
         className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var NumberInput_default = NumberInput;
@@ -785,7 +783,6 @@ import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var CheckboxInput = (props) => {
   const textChangeHandler = (event) => {
     let text = event.target.checked;
-    console.log(text);
     if (props.callback !== void 0) {
       props.callback({
         name: props.name,
@@ -795,7 +792,6 @@ var CheckboxInput = (props) => {
       });
     }
   };
-  const trueValue = true;
   let value = false;
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
@@ -803,7 +799,7 @@ var CheckboxInput = (props) => {
   return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs13("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "text-alert", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsx17(
       "input",
       {
@@ -821,7 +817,7 @@ var CheckboxInput = (props) => {
         className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var CheckboxInput_default = CheckboxInput;
@@ -874,7 +870,7 @@ var OtpInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
       }
     ),
-    /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var OtpInput_default = OtpInput;
@@ -978,7 +974,6 @@ var DateTimeInput = (props) => {
   let localvalue;
   let timeZoneAbbr;
   const now = /* @__PURE__ */ new Date();
-  const utcOffset = now.getTimezoneOffset();
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
     const now2 = /* @__PURE__ */ new Date();
@@ -992,6 +987,11 @@ var DateTimeInput = (props) => {
     timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
     localvalue = localDate?.toISOString()?.slice(0, 16);
   }
+  const handleKeyDown = (e) => {
+    if (e.key === "Backspace") {
+      e.preventDefault();
+    }
+  };
   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 }),
     " ",
@@ -1005,6 +1005,7 @@ var DateTimeInput = (props) => {
           id: props.name,
           value: localvalue,
           onChange: textChangeHandler,
+          onKeyDown: handleKeyDown,
           required: props?.attributes?.required,
           placeholder: props?.attributes?.placeholder,
           maxLength: props?.attributes?.maxLength,
@@ -1016,7 +1017,7 @@ var DateTimeInput = (props) => {
       ),
       /* @__PURE__ */ jsx19("span", { children: timeZoneAbbr })
     ] }),
-    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var DateTimeInput_default = DateTimeInput;
@@ -1059,10 +1060,10 @@ var ColorInput = (props) => {
         value: color,
         onChange: handleColorChange,
         required: props?.attributes?.required,
-        className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
+        className: `w-[78px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
       }
     ),
-    props?.attributes?.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
+    props?.attributes?.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
   ] });
 };
 var ColorInput_default = ColorInput;
@@ -1552,7 +1553,7 @@ var BooleanSelect = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx23("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx23("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var BooleanSelect_default = BooleanSelect;
@@ -1604,7 +1605,7 @@ var EmailInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
       }
     ),
-    /* @__PURE__ */ jsx24("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 mb-0  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx24("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var EmailInput_default = EmailInput;
@@ -1641,7 +1642,7 @@ var TimeInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     ) }),
-    /* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
+    /* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
   ] }) });
 };
 var TimeInput_default = TimeInput;
@@ -4728,11 +4729,23 @@ var Toast = () => {
 };
 var Toast_default = Toast;
 export {
+  BooleanSelect_default as BooleanSelect,
+  CheckboxInput_default as CheckboxInput,
+  ColorInput_default as ColorInput,
   DataList_default as DataList,
+  DateTimeInput_default as DateTimeInput,
+  EmailInput_default as EmailInput,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
   LineTextInput_default as LineTextInput,
+  MoneyInput_default as MoneyInput,
+  MultilineTextInput_default as MultilineTextInput,
+  NumberInput_default as NumberInput,
+  OtpInput_default as OtpInput,
   PageBodyRenderer_default as PageBodyRenderer,
+  PercentageInput_default as PercentageInput,
+  PhoneInput_default as PhoneInput,
+  TimeInput_default as TimeInput,
   Toast_default as Toast,
   ToastService_default as ToastService,
   ViewControl_default as ViewControl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260416084656",
+  "version": "0.8.1-dev.20260417052148",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",