@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260818060820 → 0.8.1-dev.20260824072352

package/dist/InputControlClient-AORN4DRF.mjs

@@ -0,0 +1,1921 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-6PW2RLUJ.mjs";
+import {
+  AssetUtility_default
+} from "./chunk-TQ6BXQ3A.mjs";
+import {
+  Hyperlink
+} from "./chunk-2R26M6CK.mjs";
+import {
+  InputControlType_default
+} from "./chunk-4R7F7LBL.mjs";
+import {
+  Button_default,
+  ClientButton_default
+} from "./chunk-RHVNJMS4.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/controls/edit/InputControlClient.tsx
+import React22 from "react";
+
+// src/components/controls/edit/MultilineTextInput.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MultilineTextInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onBlur: props?.onBlur,
+        rows: 4,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
+      }
+    ),
+    /* @__PURE__ */ 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;
+
+// src/components/controls/edit/LineTextInput.tsx
+import React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LineTextInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsxs2("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx2("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx2("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
+    /* @__PURE__ */ jsx2(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onBlur: props?.onBlur,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        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__ */ jsx2("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;
+
+// src/components/controls/edit/MoneyInput.tsx
+import React3 from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var MoneyInput = (props) => {
+  const textChangeHandler = (event) => {
+    const rawValue = event.target.value;
+    const numericValue = parseFloat(rawValue);
+    if (rawValue === "" || !isNaN(numericValue) && numericValue >= 0) {
+      if (props.callback !== void 0) {
+        props.callback({
+          name: props.name,
+          value: rawValue,
+          index: props.index,
+          groupKey: props.groupKey
+        });
+      }
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  const preventNegative = (e) => {
+    if (e.key === "-") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx3(React3.Fragment, { children: /* @__PURE__ */ jsxs3("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx3("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx3(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        min: 0,
+        onChange: textChangeHandler,
+        onWheel: handleWheel,
+        onKeyDown: preventNegative,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx3("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;
+
+// src/components/controls/edit/Select.tsx
+import { useState, useEffect } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Select = (props) => {
+  const [list, setList] = useState();
+  const getSafeValue = (val) => {
+    if (val === null || val === void 0) return "";
+    if (typeof val === "boolean") return val ? "1" : "0";
+    return val;
+  };
+  const textChangeHandler = (event) => {
+    let rawValue = event.target.value;
+    if (rawValue === "") rawValue = null;
+    let finalValue = rawValue;
+    if (list && props.dataKeyFieldName) {
+      const key = props.dataKeyFieldName;
+      const selectedItem = list.find(
+        (item) => String(item[key]) === String(rawValue)
+      );
+      if (selectedItem) {
+        const keyValue = selectedItem[key];
+        if (typeof keyValue === "number") {
+          finalValue = Number(rawValue);
+        }
+      }
+    }
+    props.callback?.({
+      name: props.name,
+      value: finalValue,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  const inputChangeHandler = (event) => {
+    props.callback?.({
+      name: props.name,
+      value: event.target.value,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  useEffect(() => {
+    async function fetchData() {
+      if (props.dataset) {
+        setList(props.dataset);
+        return;
+      }
+      if (props.dataSource && props.serviceClient) {
+        let dataSource = props.dataSource;
+        let response;
+        if (props.dataSourceDependsOn) {
+          if (!props.dependentValue) {
+            setList([]);
+            return;
+          }
+          dataSource = dataSource.replace(
+            `{${props.dataSourceDependsOn}}`,
+            props.dependentValue
+          );
+        }
+        response = await props.serviceClient.get(dataSource);
+        setList(response.result ?? []);
+        return;
+      }
+      setList([]);
+    }
+    fetchData();
+  }, [
+    props.dataset,
+    props.dataSource,
+    props.dependentValue,
+    props.dataSourceDependsOn
+  ]);
+  const value = getSafeValue(props.value);
+  return /* @__PURE__ */ jsxs4("label", { className: "block", children: [
+    props.attributes?.label && /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
+    " ",
+    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" }),
+    list && list.length === 0 && /* @__PURE__ */ jsx4(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: inputChangeHandler,
+        required: props.attributes?.required,
+        placeholder: props.attributes?.placeholder,
+        maxLength: props.attributes?.maxLength,
+        pattern: props.attributes?.pattern,
+        disabled: props.attributes?.readOnly,
+        minLength: props.attributes?.minLength,
+        className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
+      }
+    ),
+    list && list.length > 0 && /* @__PURE__ */ jsxs4(
+      "select",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props.attributes?.required,
+        disabled: props.attributes?.readOnly,
+        className: `peer select py-1.5 block w-full text-black 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 ${props.inputClasses ?? ""}`,
+        children: [
+          /* @__PURE__ */ jsx4("option", { value: "", children: props.attributes?.placeholder || "Select" }),
+          list.map((item, index) => {
+            const keyField = props.dataKeyFieldName;
+            const textField = props.dataTextFieldName;
+            return /* @__PURE__ */ jsx4("option", { value: item[keyField], children: item[textField] }, index);
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
+  ] });
+};
+var Select_default = Select;
+
+// src/components/controls/edit/PercentageInput.tsx
+import React5 from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var PercentageInput = (props) => {
+  const textChangeHandler = (event) => {
+    const rawValue = event.target.value;
+    const numericValue = parseFloat(rawValue);
+    if (rawValue === "" || !isNaN(numericValue) && numericValue >= 0) {
+      if (props.callback !== void 0) {
+        props.callback({
+          name: props.name,
+          value: rawValue,
+          index: props.index,
+          groupKey: props.groupKey
+        });
+      }
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  const preventNegative = (e) => {
+    if (e.key === "-") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx5(React5.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx5("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx5(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        min: 0,
+        onChange: textChangeHandler,
+        onKeyDown: preventNegative,
+        onWheel: handleWheel,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        max: "100",
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx5("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;
+
+// src/components/controls/edit/PhoneInput.tsx
+import React6 from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var PhoneInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx6(React6.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx6("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center rounded border ", children: [
+      /* @__PURE__ */ jsx6("span", { className: "px-3", children: props.prefix }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          type: "text",
+          name: props.name,
+          id: props.name,
+          value,
+          onChange: textChangeHandler,
+          required: props?.attributes?.required,
+          placeholder: props?.attributes?.placeholder,
+          maxLength: props?.attributes?.maxLength,
+          pattern: props?.attributes?.pattern,
+          disabled: props?.attributes?.readOnly,
+          minLength: props?.attributes?.minLength,
+          className: "py-1.5 block w-full outline-none border-0 mr-0.5"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6("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;
+
+// src/components/controls/edit/NumberInput.tsx
+import React7 from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var NumberInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx7(React7.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx7("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx7("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx7(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onWheel: handleWheel,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        onBlur: props?.onBlur,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        max: props?.attributes?.maxValue,
+        min: props?.attributes?.minValue,
+        className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+      }
+    ),
+    /* @__PURE__ */ jsx7("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;
+
+// src/components/controls/edit/CheckboxInput.tsx
+import React8 from "react";
+import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var CheckboxInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx8(React8.Fragment, { children: /* @__PURE__ */ jsxs8("div", { className: "mb-1", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsxs8(Fragment, { children: [
+      /* @__PURE__ */ jsx8(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-medium",
+          children: props.attributes.label
+        }
+      ),
+      props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx8("span", { className: "bg-error-weak", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx8(
+      "input",
+      {
+        type: "checkbox",
+        name: props.name,
+        id: props.name,
+        checked: value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n           "
+      }
+    ),
+    /* @__PURE__ */ jsx8("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+  ] }) });
+};
+var CheckboxInput_default = CheckboxInput;
+
+// src/components/controls/edit/OtpInput.tsx
+import React9 from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var OtpInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsxs9("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
+    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx9("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        autoComplete: "off",
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: 4,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        autoFocus: props?.attributes?.autoFocus,
+        onWheel: handleWheel,
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
+      }
+    ),
+    /* @__PURE__ */ jsx9("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;
+
+// src/components/controls/edit/DateTimeInput.tsx
+import React10 from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var DateTimeInput = (props) => {
+  const textChangeHandler = (event) => {
+    const localDate = new Date(event.target.value);
+    if (props.callback !== void 0) {
+      const utcISOString = localDate.toISOString();
+      props.callback({
+        name: props.name,
+        value: utcISOString,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value;
+  let localvalue;
+  let timeZoneAbbr;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+    const now = /* @__PURE__ */ new Date();
+    const offsetMinutes = now.getTimezoneOffset();
+    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
+    const valDate = value.toString().includes("Z") ? new Date(value) : /* @__PURE__ */ new Date(value + "Z");
+    const localDate = new Date(valDate.getTime() - offsetMilliseconds);
+    timeZoneAbbr = now.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
+    localvalue = localDate?.toISOString()?.slice(0, 16);
+  }
+  const handleKeyDown = (e) => {
+    if (e.key === "Backspace") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsxs10("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: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx10(
+        "input",
+        {
+          type: "datetime-local",
+          name: props.name,
+          id: props.name,
+          value: localvalue,
+          onChange: textChangeHandler,
+          onKeyDown: handleKeyDown,
+          required: props?.attributes?.required,
+          placeholder: props?.attributes?.placeholder,
+          maxLength: props?.attributes?.maxLength,
+          pattern: props?.attributes?.pattern,
+          disabled: props?.attributes?.readOnly,
+          minLength: props?.attributes?.minLength,
+          className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        }
+      ),
+      /* @__PURE__ */ jsx10("span", { children: timeZoneAbbr })
+    ] }),
+    /* @__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 DateTimeInput_default = DateTimeInput;
+
+// src/components/controls/edit/ColorInput.tsx
+import React11, { useEffect as useEffect2 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var ColorInput = (props) => {
+  const [color, setColor] = React11.useState("#3b82f6");
+  useEffect2(() => {
+    if (props.value !== void 0 && props.value !== null) {
+      if (typeof props.value === "string") {
+        setColor(props.value);
+      }
+    }
+  }, [props.value]);
+  const handleColorChange = (event) => {
+    const newColor = event.target.value;
+    setColor(newColor);
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: newColor,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs11("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx11(
+      "input",
+      {
+        type: "color",
+        name: props.name,
+        title: color,
+        id: props.name,
+        value: color,
+        onChange: handleColorChange,
+        required: props?.attributes?.required,
+        className: `w-[78px] h-12 block cursor-pointer`
+      }
+    ),
+    props?.attributes?.errorMessage && /* @__PURE__ */ jsx11("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
+  ] });
+};
+var ColorInput_default = ColorInput;
+
+// src/components/controls/edit/SelectWithSearchInput.tsx
+import React12, { useEffect as useEffect3, useRef, useState as useState2 } from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var SelectWithSearchInput = (props) => {
+  const [isOpen, setIsOpen] = useState2(false);
+  const [searchTerm, setSearchTerm] = useState2("");
+  const [highlightedIndex, setHighlightedIndex] = useState2(-1);
+  const [selectedItem, setSelectedItem] = useState2(
+    null
+  );
+  const [list, setList] = useState2([]);
+  const loadData = React12.useCallback(async () => {
+    if (props.dataset) {
+      setList(props.dataset);
+      return;
+    }
+    if (props.dataSource && props.serviceClient) {
+      let url = props.dataSource;
+      if (props.dataSourceDependsOn && props.dependentValue) {
+        url = url.replace(
+          `{${props.dataSourceDependsOn}}`,
+          props.dependentValue
+        );
+      }
+      const response = await props.serviceClient.get(url);
+      if (response?.result) {
+        setList(response.result);
+      }
+    }
+  }, [
+    props.dataset,
+    props.dataSource,
+    props.serviceClient,
+    props.dataSourceDependsOn,
+    props.dependentValue
+  ]);
+  useEffect3(() => {
+    loadData();
+  }, [loadData]);
+  useEffect3(() => {
+    if (props.value && list.length && props.dataKeyFieldName && props.dataTextFieldName) {
+      const selected = list.find(
+        (x) => x[props.dataKeyFieldName] == props.value
+      );
+      if (selected) {
+        setSearchTerm(selected[props.dataTextFieldName]);
+        setSelectedItem(selected);
+      }
+    }
+  }, [props.value, list]);
+  const filteredItems = list.filter((item) => {
+    const text = item[props.dataTextFieldName] ?? "";
+    return text.toString().toLowerCase().includes(searchTerm.toLowerCase());
+  });
+  const handleSelect = (event, item) => {
+    event.preventDefault();
+    setSearchTerm(item[props.dataTextFieldName]);
+    setSelectedItem(item);
+    setIsOpen(false);
+    setHighlightedIndex(-1);
+    const selectedValue = item[props.dataKeyFieldName];
+    if (props.onChange) {
+      props.onChange(selectedValue);
+    }
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: selectedValue,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      setHighlightedIndex(
+        (prev) => prev < filteredItems.length - 1 ? prev + 1 : 0
+      );
+    } else if (e.key === "ArrowUp") {
+      setHighlightedIndex(
+        (prev) => prev > 0 ? prev - 1 : filteredItems.length - 1
+      );
+    } else if (e.key === "Enter" && highlightedIndex >= 0) {
+      handleSelect(e, filteredItems[highlightedIndex]);
+    }
+  };
+  const dropdownRef = useRef(null);
+  useEffect3(() => {
+    if (highlightedIndex >= 0 && dropdownRef.current) {
+      const highlightedItem = dropdownRef.current.children[highlightedIndex];
+      highlightedItem?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }
+  }, [highlightedIndex]);
+  const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
+  return /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs12("label", { className: "pb-1", children: [
+      props.attributes?.label,
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          type: "text",
+          value: searchTerm,
+          onChange: (e) => {
+            setSearchTerm(e.target.value);
+            setIsOpen(true);
+            setHighlightedIndex(-1);
+          },
+          onFocus: () => setIsOpen(true),
+          onKeyDown: handleKeyDown,
+          placeholder: props.attributes?.placeholder ?? "Search...",
+          readOnly: isReadOnly,
+          disabled: props.disable || props.attributes?.disable,
+          className: `peer mt-2 py-1.5 select block w-full text-black 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
+          ${isReadOnly ? "bg-neutral-soft opacity-50 cursor-not-allowed" : "bg-default"}
+          `
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "button",
+        {
+          type: "button",
+          disabled: isReadOnly,
+          onClick: () => {
+            if (!isReadOnly) {
+              setIsOpen(!isOpen);
+            }
+          },
+          className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
+          children: /* @__PURE__ */ jsx12(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: 1.5,
+              stroke: "currentColor",
+              className: "w-full h-full",
+              children: /* @__PURE__ */ jsx12(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    !isReadOnly && isOpen && /* @__PURE__ */ jsx12(
+      "div",
+      {
+        ref: dropdownRef,
+        className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
+        children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx12(
+          "button",
+          {
+            onClick: (e) => handleSelect(e, item),
+            className: `w-full px-4 py-2 flex items-center space-x-2 text-left ${index === highlightedIndex ? "bg-gray-200" : "hover:bg-gray-100"}`,
+            role: "option",
+            tabIndex: -1,
+            onMouseEnter: () => setHighlightedIndex(index),
+            children: /* @__PURE__ */ jsx12("span", { children: item[props.dataTextFieldName] })
+          },
+          item[props.dataKeyFieldName]
+        )) : /* @__PURE__ */ jsx12("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+      }
+    )
+  ] });
+};
+var SelectWithSearchInput_default = SelectWithSearchInput;
+
+// src/components/controls/edit/SelectWithSearchPanel.tsx
+import React13, {
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useState as useState3,
+  useCallback
+} from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var SelectWithSearchPanel = (props) => {
+  const [isOpen, setIsOpen] = useState3(false);
+  const [searchTerm, setSearchTerm] = useState3("");
+  const [highlightedIndex, setHighlightedIndex] = useState3(0);
+  const [list, setList] = useState3([]);
+  const listRef = useRef2(null);
+  const [isError, setIsError] = useState3(false);
+  const containerRef = useRef2(null);
+  const [isCreateOpen, setIsCreateOpen] = useState3(false);
+  const [formData, setFormData] = useState3({});
+  const getNestedValue = (obj, path) => {
+    return path.split(".").reduce((acc, key) => acc?.[key], obj);
+  };
+  useEffect4(() => {
+    const handleClickOutside = (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  useEffect4(() => {
+    async function fetchData() {
+      if (props.dataset) {
+        setList(props.dataset);
+      } else if (props.dataSource && props.serviceClient) {
+        let dataSource = props.dataSource;
+        if (props.dataSourceDependsOn && props.dependentValue) {
+          dataSource = dataSource.replace(
+            `{${props.dataSourceDependsOn}}`,
+            props.dependentValue
+          );
+        }
+        const response = await props.serviceClient.get(dataSource);
+        if (response?.result) setList(response.result);
+      }
+    }
+    fetchData();
+  }, [
+    props.dataSource,
+    props.dependentValue,
+    props.dataset,
+    props.dataSourceDependsOn
+  ]);
+  const filteredItems = list?.filter((item) => {
+    const value = getNestedValue(item, props.dataTextFieldName);
+    return value?.toLowerCase().includes(searchTerm?.toLowerCase());
+  });
+  const playBeep = () => {
+    const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+    const oscillator = audioCtx.createOscillator();
+    const gainNode = audioCtx.createGain();
+    oscillator.type = "square";
+    oscillator.frequency.setValueAtTime(300, audioCtx.currentTime);
+    gainNode.gain.setValueAtTime(0.02, audioCtx.currentTime);
+    oscillator.connect(gainNode);
+    gainNode.connect(audioCtx.destination);
+    oscillator.start();
+    setTimeout(() => {
+      oscillator.stop();
+      audioCtx.close();
+    }, 250);
+  };
+  useEffect4(() => {
+    const filteredItems2 = list?.filter(
+      (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
+    );
+    if (searchTerm.length > 0 && filteredItems2.length === 0) {
+      playBeep();
+      setIsError(true);
+    } else {
+      setIsError(false);
+    }
+  }, [searchTerm]);
+  const handleSelect = (event, item) => {
+    event.preventDefault();
+    setSearchTerm(getNestedValue(item, props.dataTextFieldName));
+    if (props.callback) {
+      const val = {};
+      props.callback({
+        name: props.name,
+        value: item[props.dataKeyFieldName],
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+    setHighlightedIndex(0);
+    setIsOpen(false);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape") {
+      setIsOpen(false);
+      setHighlightedIndex(-1);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => {
+        const nextIndex = prev < filteredItems.length - 1 ? prev + 1 : prev;
+        scrollIntoView(nextIndex);
+        return nextIndex;
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => {
+        const prevIndex = prev > 0 ? prev - 1 : prev;
+        scrollIntoView(prevIndex);
+        return prevIndex;
+      });
+    } else if (e.key === "Enter" && highlightedIndex >= 0) {
+      handleSelect(e, filteredItems[highlightedIndex]);
+    }
+  };
+  const scrollIntoView = (index) => {
+    if (listRef.current) {
+      const item = listRef.current.children[index];
+      if (item) {
+        item.scrollIntoView();
+      }
+    }
+  };
+  const textChangeHandler = (event) => {
+    const newSearchTerm = event.target.value;
+    setSearchTerm(newSearchTerm);
+    setIsOpen(true);
+    setHighlightedIndex(0);
+  };
+  const handleInputChange = (event, field) => {
+    setFormData((prev) => ({ ...prev, [field]: event.target.value }));
+  };
+  const handleSaveModal = useCallback(async () => {
+    console.log("Form Data:", formData);
+    return formData;
+  }, []);
+  return /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs13("label", { className: "text-sm mb-1 font-medium", children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13(
+      "input",
+      {
+        type: "text",
+        value: searchTerm,
+        onChange: textChangeHandler,
+        onFocus: () => setIsOpen(true),
+        onKeyDown: handleKeyDown,
+        placeholder: props.attributes?.placeholder,
+        className: `peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm
+          ${isError ? "focus:border-red-300 focus:ring focus:ring-red-200 focus:ring-opacity-50" : "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`
+      }
+    ) }),
+    /* @__PURE__ */ jsx13("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs13(React13.Fragment, { children: [
+      /* @__PURE__ */ jsxs13("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
+        /* @__PURE__ */ jsx13("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs13("h5", { className: "text-md text-white font-medium", children: [
+          "Select a",
+          " ",
+          props.attributes?.label || props.attributes?.heading
+        ] }) }),
+        /* @__PURE__ */ jsx13("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:text-primary-800",
+            onMouseDown: (e) => {
+              e.preventDefault();
+              setIsCreateOpen(true);
+            },
+            children: "Create"
+          }
+        ) })
+      ] }),
+      isCreateOpen && /* @__PURE__ */ jsxs13("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
+        /* @__PURE__ */ jsx13("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs13("h5", { className: "text-md font-medium text-white", children: [
+          "Create New ",
+          props.attributes?.label
+        ] }) }),
+        /* @__PURE__ */ jsx13("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsCreateOpen(false),
+            className: "text-red-600 hover:text-red-800",
+            children: "Close"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs13("div", { className: "p-4", children: [
+          props.createFields?.map((field) => /* @__PURE__ */ jsxs13("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx13("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
+            /* @__PURE__ */ jsx13(
+              "input",
+              {
+                type: field.type,
+                value: formData[field.name] || "",
+                onChange: (e) => handleInputChange(e, field.name),
+                placeholder: field.placeholder,
+                required: field.required,
+                disabled: field.disabled,
+                pattern: field.pattern,
+                minLength: field.minLength,
+                maxLength: field.maxLength,
+                className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+              }
+            )
+          ] }, field.name)),
+          /* @__PURE__ */ jsxs13(Button_default, { onClick: async () => {
+            handleSaveModal();
+            return { isSuccessful: true };
+          }, className: "w-full", children: [
+            "Save ",
+            props.attributes?.label
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          ref: listRef,
+          className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
+          style: { height: "calc(100vh - 130px)" },
+          children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13(
+            "button",
+            {
+              onClick: (e) => {
+                handleSelect(e, item);
+              },
+              className: `w-full px-4 py-2 flex items-center space-x-2 text-left border-b border-gray-200 ${index === highlightedIndex ? "bg-gray-200" : "hover:bg-gray-100"}`,
+              role: "option",
+              tabIndex: -1,
+              onMouseEnter: () => setHighlightedIndex(index),
+              children: /* @__PURE__ */ jsx13("span", { children: getNestedValue(item, props.dataTextFieldName) })
+            }
+          ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx13("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+        }
+      )
+    ] }) })
+  ] });
+};
+var SelectWithSearchPanel_default = SelectWithSearchPanel;
+
+// src/components/controls/edit/BooleanSelect.tsx
+import React14, {
+  useState as useState4,
+  useEffect as useEffect5
+} from "react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var BooleanSelect = (props) => {
+  const [list, setList] = useState4();
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    const boolValue = text?.toLowerCase() === "true" || text === "1";
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: boolValue,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  useEffect5(() => {
+    async function fetchData() {
+      console.log("in select");
+      if (props.dataset) {
+        setList(props.dataset);
+      } else if (props.dataSource && props.dataSource != "" && props.serviceClient) {
+        let dataSource = props.dataSource;
+        let response;
+        if (props.dataSourceDependsOn) {
+          if (props.dependentValue) {
+            dataSource = dataSource.replace(
+              `{${props.dataSourceDependsOn}}`,
+              props.dependentValue
+            );
+            response = await props.serviceClient.get(dataSource);
+            setList(response.result);
+          }
+        } else {
+          response = await props.serviceClient.get(dataSource);
+          setList(response.result);
+        }
+      }
+    }
+    fetchData();
+  }, [
+    props.dataSource,
+    props.dependentValue,
+    props.dataset,
+    props.dataSourceDependsOn
+  ]);
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs14("label", { className: "block", children: [
+    /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs14(
+      "select",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        disabled: props?.attributes?.readOnly,
+        className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
+        children: [
+          /* @__PURE__ */ jsx14("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
+          list && list.map((item, i) => {
+            return /* @__PURE__ */ jsx14(
+              "option",
+              {
+                className: "fac-select-option",
+                value: item[props.dataKeyFieldName],
+                children: item[props.dataTextFieldName]
+              },
+              item[props.dataKeyFieldName]
+            );
+          })
+        ]
+      }
+    ),
+    /* @__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 BooleanSelect_default = BooleanSelect;
+
+// src/components/controls/edit/EmailInput.tsx
+import React15 from "react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var EmailInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (text) {
+      const atIndex = text.indexOf("@");
+      const dotIndex = text.indexOf(".", atIndex);
+      if (dotIndex < atIndex || text.length - dotIndex <= 2) {
+        event.target.setCustomValidity("invaild-value");
+      } else {
+        event.target.setCustomValidity("");
+      }
+    }
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index
+      });
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx15(React15.Fragment, { children: /* @__PURE__ */ jsxs15("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx15(
+      "input",
+      {
+        type: "email",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     transition-all duration-500 ease-in-out"
+      }
+    ),
+    /* @__PURE__ */ jsx15("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;
+
+// src/components/controls/edit/TimeInput.tsx
+import React16 from "react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var TimeInput = (props) => {
+  const timeChangeHandler = (event) => {
+    const timeValue = event.target.value;
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: timeValue,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx16(React16.Fragment, { children: /* @__PURE__ */ jsxs16("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx16(
+      "input",
+      {
+        type: "time",
+        name: props.name,
+        id: props.name,
+        value: typeof props.value === "boolean" ? "" : props.value ?? "",
+        onChange: timeChangeHandler,
+        required: props?.attributes?.required,
+        disabled: props?.attributes?.readOnly,
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
+      }
+    ) }),
+    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
+  ] }) });
+};
+var TimeInput_default = TimeInput;
+
+// src/components/controls/edit/AssetUpload.tsx
+import React17, { useEffect as useEffect6 } from "react";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var AssetUpload = (props) => {
+  const isDisabled = props.attributes?.disable ?? false;
+  let allValues = [];
+  if (props.value !== void 0 && props.value !== null && props.value !== "") {
+    try {
+      allValues = JSON.parse(props.value.toString());
+    } catch (error) {
+    }
+  }
+  const getInitialTab = () => {
+    if (allValues.length > 0) {
+      const asset = allValues[0];
+      if (asset.posterUrl) {
+        return "video";
+      } else if (asset.assetUrl) {
+        return "image";
+      }
+    }
+    return "image";
+  };
+  const [assetType, setAssetType] = React17.useState(getInitialTab);
+  useEffect6(() => {
+    setAssetType(getInitialTab());
+  }, [props.value]);
+  const assetUploadCallback = (newAsset) => {
+    if (isDisabled) return;
+    let updated = [];
+    updated.push({
+      assetUrl: newAsset.assetUrl,
+      title: newAsset.title,
+      posterUrl: newAsset.posterUrl,
+      intrinsicHeight: newAsset.intrinsicHeight,
+      intrinsicWidth: newAsset.intrinsicWidth
+    });
+    props.callback?.({
+      name: props.name,
+      value: JSON.stringify(updated),
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  const deleteFile = (index) => {
+    if (isDisabled) return;
+    let existingValue = [];
+    if (props.value) {
+      try {
+        existingValue = JSON.parse(props.value.toString());
+      } catch (error) {
+      }
+    }
+    if (existingValue.length > index) {
+      existingValue.splice(index, 1);
+      props.callback?.({
+        name: props.name,
+        value: JSON.stringify(existingValue),
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  const textChangeHandler = (index, event) => {
+    if (isDisabled) return;
+    let existingValue = [];
+    if (props.value) {
+      try {
+        existingValue = JSON.parse(props.value.toString());
+      } catch (error) {
+      }
+    }
+    const text = event.target.value;
+    if (existingValue.length > index) {
+      const updatedArray = [...existingValue];
+      updatedArray[index] = { ...updatedArray[index], title: text };
+      props.callback?.({
+        name: props.name,
+        value: JSON.stringify(updatedArray),
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  const getAssetType = (asset) => {
+    if (asset.assetUrl?.endsWith(".m3u8") || asset.posterUrl) return "video";
+    return "image";
+  };
+  const shouldShowDetails = () => {
+    if (allValues.length === 0) return false;
+    const asset = allValues[0];
+    if (assetType === "video") {
+      return Boolean(asset.posterUrl && asset.assetUrl && asset.assetUrl.endsWith(".m3u8"));
+    }
+    if (assetType === "image") {
+      return Boolean(asset.assetUrl && !asset.assetUrl.endsWith(".m3u8"));
+    }
+    return false;
+  };
+  return /* @__PURE__ */ jsxs17(React17.Fragment, { children: [
+    /* @__PURE__ */ jsx17("label", { className: "block mb-1", children: /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
+      /* @__PURE__ */ jsx17(
+        ClientButton_default,
+        {
+          className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
+          ButtonType: "Link" /* Link */,
+          onClick: () => setAssetType("image"),
+          disabled: isDisabled,
+          children: "Image Upload"
+        }
+      ),
+      /* @__PURE__ */ jsx17(
+        ClientButton_default,
+        {
+          className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
+          ButtonType: "Link" /* Link */,
+          onClick: () => setAssetType("video"),
+          disabled: isDisabled,
+          children: "Video Upload"
+        }
+      )
+    ] }),
+    shouldShowDetails() && /* @__PURE__ */ jsxs17("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
+      /* @__PURE__ */ jsx17("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
+      /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-start gap-5", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
+          /* @__PURE__ */ jsxs17("div", { children: [
+            /* @__PURE__ */ jsx17("p", { className: "text-gray-500", children: "Title" }),
+            /* @__PURE__ */ jsx17(
+              "input",
+              {
+                type: "text",
+                value: digitalAsset.title,
+                onChange: (event) => textChangeHandler(index, event),
+                placeholder: "title",
+                disabled: isDisabled,
+                className: "w-full mt-1 py-1.5 block rounded border-gray-300 shadow-sm bg-white\n                        focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                        disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed"
+              }
+            )
+          ] }),
+          digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ jsxs17("div", { children: [
+            /* @__PURE__ */ jsx17("p", { className: "text-gray-500", children: "Resolution" }),
+            /* @__PURE__ */ jsxs17("p", { className: "font-medium text-gray-900 mt-3", children: [
+              digitalAsset.intrinsicWidth,
+              "\xD7",
+              digitalAsset.intrinsicHeight
+            ] })
+          ] }),
+          (digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ jsxs17("div", { children: [
+            /* @__PURE__ */ jsx17("p", { className: "text-gray-500", children: "Image / Poster" }),
+            /* @__PURE__ */ jsxs17("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
+              getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ jsx17(
+                "img",
+                {
+                  src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
+                  alt: digitalAsset.title || "Video poster",
+                  className: "w-32 h-auto object-cover rounded border p-1"
+                }
+              ),
+              getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ jsx17(
+                "img",
+                {
+                  src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
+                  alt: digitalAsset.title || "Uploaded image",
+                  className: "w-32 h-auto object-cover rounded border p-1"
+                }
+              )
+            ] })
+          ] }),
+          digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ jsxs17("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx17("p", { className: "text-gray-500", children: "HLS Link" }),
+            /* @__PURE__ */ jsx17(
+              Hyperlink,
+              {
+                href: digitalAsset.assetUrl,
+                className: "text-primary-600 underline mt-1 break-all",
+                title: digitalAsset.assetUrl,
+                children: digitalAsset.assetUrl
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx17(
+          "span",
+          {
+            onClick: () => !isDisabled && deleteFile(index),
+            className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+            children: /* @__PURE__ */ jsx17(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
+          }
+        )
+      ] }, index)) })
+    ] })
+  ] });
+};
+var AssetUpload_default = AssetUpload;
+
+// src/components/controls/edit/SwitchInput.tsx
+import React18 from "react";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var SwitchInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx18(React18.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+      props?.attributes?.label && /* @__PURE__ */ jsxs18(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-semibold text-slate-800",
+          children: [
+            props.attributes.label,
+            props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "bg-error-weak", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+    ] }),
+    /* @__PURE__ */ jsxs18(
+      "label",
+      {
+        htmlFor: props.name,
+        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx18(
+            "input",
+            {
+              type: "checkbox",
+              name: props.name,
+              id: props.name,
+              checked: value,
+              onChange: textChangeHandler,
+              required: props?.attributes?.required,
+              disabled: props?.attributes?.readOnly,
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            "div",
+            {
+              className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            "div",
+            {
+              className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var SwitchInput_default = SwitchInput;
+
+// src/components/controls/edit/DateInput.tsx
+import { useMemo } from "react";
+
+// src/components/utilities/DateTimeUtility.tsx
+var DateTimeUtility = class {
+  constructor() {
+  }
+  static formatDate(date) {
+    if (!date) {
+      throw new Error("Invalid date");
+    }
+    const pad = (num) => num.toString().padStart(2, "0");
+    const year = date.getFullYear();
+    const month = pad(date.getMonth() + 1);
+    const day = pad(date.getDate());
+    const hours = pad(date.getHours());
+    const minutes = pad(date.getMinutes());
+    const seconds = pad(date.getSeconds());
+    return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+  }
+  static getMonthShortNameCustom(month) {
+    const monthNames = [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+    if (month < 1 || month > 12) {
+      throw new Error(
+        "Invalid month. Please provide a value between 1 and 12."
+      );
+    }
+    return monthNames[month - 1];
+  }
+  static getCurrentWeekRange() {
+    const today = /* @__PURE__ */ new Date();
+    const day = today.getDay();
+    const diffToMonday = (day === 0 ? -6 : 1) - day;
+    const monday = new Date(today);
+    monday.setDate(today.getDate() + diffToMonday);
+    monday.setHours(0, 0, 0, 0);
+    const sunday = new Date(monday);
+    sunday.setDate(monday.getDate() + 6);
+    sunday.setHours(23, 59, 59, 999);
+    return { start: monday, end: sunday };
+  }
+  static getCurrentMonthRange() {
+    const now = /* @__PURE__ */ new Date();
+    const start = new Date(now.getFullYear(), now.getMonth(), 1);
+    const end = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+    return { start, end };
+  }
+  static formatShortDate(date) {
+    const day = date.getDate();
+    const month = this.getMonthShortNameCustom(date.getMonth() + 1);
+    return `${day} ${month}`;
+  }
+  static formatIndianCurrencyShort(value) {
+    if (value >= 1e7) {
+      return `${(value / 1e7).toFixed(2)} Cr`;
+    } else if (value >= 1e5) {
+      return `${(value / 1e5).toFixed(2)} L`;
+    } else if (value >= 1e3) {
+      return `${(value / 1e3).toFixed(2)} K`;
+    } else {
+      return `${value}`;
+    }
+  }
+};
+var DateTimeUtility_default = DateTimeUtility;
+
+// src/components/controls/edit/DateInput.tsx
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var DateInput = (props) => {
+  const value = useMemo(() => {
+    if (props.value === void 0 || props.value === null || props.value === "") {
+      return "";
+    }
+    try {
+      const rawValue = String(props.value);
+      const utcDate = new Date(rawValue.endsWith("Z") ? rawValue : `${rawValue}Z`);
+      const localDate = new Date(
+        utcDate.getTime() - utcDate.getTimezoneOffset() * 6e4
+      );
+      return localDate.toISOString().slice(0, 10);
+    } catch {
+      return String(props.value);
+    }
+  }, [props.value]);
+  const changeHandler = (event) => {
+    const dateValue = event.target.value;
+    let callbackValue = dateValue;
+    const parsedDate = new Date(dateValue);
+    if (dateValue && !Number.isNaN(parsedDate.getTime())) {
+      const adjustedDate = new Date(
+        parsedDate.getTime() + 2 * parsedDate.getTimezoneOffset() * 6e4
+      );
+      callbackValue = DateTimeUtility_default.formatDate(adjustedDate);
+    }
+    props.callback?.({
+      name: props.name,
+      value: callbackValue,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  return /* @__PURE__ */ jsxs19("label", { className: "block mb-1", children: [
+    props.attributes?.label && /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: props.attributes.label }),
+    " ",
+    props.attributes?.label && props.attributes.required && /* @__PURE__ */ jsx19("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx19(
+      "input",
+      {
+        type: "date",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: changeHandler,
+        required: props.attributes?.required,
+        disabled: props.attributes?.readOnly,
+        max: String(props.attributes?.maxValue ?? "9999-12-31"),
+        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
+      }
+    ),
+    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
+  ] });
+};
+var DateInput_default = DateInput;
+
+// src/components/controls/edit/RadioInput.tsx
+import { useEffect as useEffect7, useState as useState5 } from "react";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var RadioInput = (props) => {
+  const [list, setList] = useState5([]);
+  useEffect7(() => {
+    async function loadData() {
+      if (props.dataset) {
+        setList(props.dataset);
+        return;
+      }
+      if (!props.dataSource || !props.serviceClient) {
+        setList([]);
+        return;
+      }
+      let dataSource = props.dataSource;
+      if (props.dataSourceDependsOn) {
+        if (!props.dependentValue) {
+          setList([]);
+          return;
+        }
+        dataSource = dataSource.replace(
+          `{${props.dataSourceDependsOn}}`,
+          props.dependentValue
+        );
+      }
+      const response = await props.serviceClient.get(dataSource);
+      setList(response.result ?? []);
+    }
+    loadData();
+  }, [
+    props.dataSource,
+    props.dataSourceDependsOn,
+    props.dataset,
+    props.dependentValue,
+    props.serviceClient
+  ]);
+  const changeHandler = (event) => {
+    if (!props.attributes?.readOnly) {
+      props.callback?.({
+        name: props.name,
+        value: event.target.value,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs20("div", { className: "block", children: [
+    /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium", children: props.attributes?.label }),
+    /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
+      const itemValue = item[props.dataKeyFieldName];
+      const isSelected = String(itemValue) === String(props.value ?? "");
+      const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
+      const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
+      const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
+      const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
+      return /* @__PURE__ */ jsxs20(
+        "div",
+        {
+          className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
+          children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex gap-4 items-start", children: [
+              /* @__PURE__ */ jsx20(
+                "input",
+                {
+                  type: "radio",
+                  className: "form-radio mt-1.5 focus:outline-none",
+                  name: `${props.name}-${props.index ?? 0}`,
+                  id: inputId,
+                  value: itemValue,
+                  checked: isSelected,
+                  readOnly: props.attributes?.readOnly,
+                  onChange: changeHandler,
+                  required: props.attributes?.required
+                }
+              ),
+              /* @__PURE__ */ jsx20("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
+            ] }),
+            iconName && /* @__PURE__ */ jsx20(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
+          ]
+        },
+        String(itemValue)
+      );
+    }) }),
+    /* @__PURE__ */ jsx20("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
+  ] });
+};
+var RadioInput_default = RadioInput;
+
+// src/components/controls/edit/Switcher.tsx
+import { useEffect as useEffect8, useState as useState6 } from "react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+var Switcher = (props) => {
+  const [list, setList] = useState6([]);
+  useEffect8(() => {
+    async function loadData() {
+      if (props.dataset) {
+        setList(props.dataset);
+        return;
+      }
+      if (!props.dataSource || !props.serviceClient) {
+        setList([]);
+        return;
+      }
+      let dataSource = props.dataSource;
+      if (props.dataSourceDependsOn) {
+        if (!props.dependentValue) {
+          setList([]);
+          return;
+        }
+        dataSource = dataSource.replace(
+          `{${props.dataSourceDependsOn}}`,
+          props.dependentValue
+        );
+      }
+      const response = await props.serviceClient.get(dataSource);
+      setList(response.result ?? []);
+    }
+    loadData();
+  }, [
+    props.dataSource,
+    props.dataSourceDependsOn,
+    props.dataset,
+    props.dependentValue,
+    props.serviceClient
+  ]);
+  const changeHandler = (event) => {
+    props.callback?.({
+      name: props.name,
+      value: event.target.value,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  const value = props.value === void 0 || props.value === null ? "" : String(props.value);
+  return /* @__PURE__ */ jsxs21("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium", children: props.attributes?.label }),
+    list.length === 0 ? /* @__PURE__ */ jsx21(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: changeHandler,
+        required: props.attributes?.required,
+        placeholder: props.attributes?.placeholder,
+        disabled: props.attributes?.readOnly,
+        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
+      }
+    ) : /* @__PURE__ */ jsxs21(
+      "select",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: changeHandler,
+        required: props.attributes?.required,
+        disabled: props.attributes?.readOnly,
+        className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
+        children: [
+          /* @__PURE__ */ jsx21("option", { value: "", children: props.attributes?.placeholder || "Select" }),
+          list.map((item) => /* @__PURE__ */ jsx21(
+            "option",
+            {
+              value: item[props.dataKeyFieldName],
+              children: item[props.dataTextFieldName]
+            },
+            String(item[props.dataKeyFieldName])
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx21("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
+  ] });
+};
+var Switcher_default = Switcher;
+
+// src/components/controls/edit/ReferenceInput.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ReferenceInput = (props) => {
+  return /* @__PURE__ */ jsx22(SelectWithSearchInput_default, { ...props });
+};
+var ReferenceInput_default = ReferenceInput;
+
+// src/components/controls/edit/InputControlClient.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var InputControl = React22.forwardRef(
+  (props, ref) => {
+    const ControlComponents = {
+      [InputControlType_default.lineTextInput]: LineTextInput_default,
+      [InputControlType_default.emailInput]: EmailInput_default,
+      [InputControlType_default.multilineTextInput]: MultilineTextInput_default,
+      [InputControlType_default.moneyInput]: MoneyInput_default,
+      [InputControlType_default.select]: Select_default,
+      [InputControlType_default.percentageInput]: PercentageInput_default,
+      [InputControlType_default.phoneInput]: PhoneInput_default,
+      [InputControlType_default.numberInput]: NumberInput_default,
+      [InputControlType_default.checkboxInput]: CheckboxInput_default,
+      [InputControlType_default.otpInput]: OtpInput_default,
+      [InputControlType_default.datetimeInput]: DateTimeInput_default,
+      [InputControlType_default.colorInput]: ColorInput_default,
+      [InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
+      [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
+      [InputControlType_default.booleanSelect]: BooleanSelect_default,
+      [InputControlType_default.timeInput]: TimeInput_default,
+      [InputControlType_default.asset]: AssetUpload_default,
+      [InputControlType_default.assetUpload]: AssetUpload_default,
+      [InputControlType_default.switchInput]: SwitchInput_default,
+      [InputControlType_default.dateInput]: DateInput_default,
+      [InputControlType_default.radioInput]: RadioInput_default,
+      [InputControlType_default.switcher]: Switcher_default,
+      [InputControlType_default.referenceInput]: ReferenceInput_default
+    };
+    const SelectedControlComponent = ControlComponents[props.controlType];
+    return /* @__PURE__ */ jsx23(React22.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx23(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+  }
+);
+InputControl.displayName = "InputControl";
+var InputControlClient_default = InputControl;
+export {
+  InputControlClient_default as default
+};