@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260924115534 → 0.8.1-dev.20260926063530

package/dist/InputControlClient-NHXG4QBU.mjs

@@ -1,1836 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-6PW2RLUJ.mjs";
-import {
-  Hyperlink
-} from "./chunk-2R26M6CK.mjs";
-import {
-  InputControlType_default
-} from "./chunk-HRDHAIZF.mjs";
-import {
-  Button_default,
-  ClientButton_default
-} from "./chunk-4WMSS6CE.mjs";
-import "./chunk-56HSDML5.mjs";
-import {
-  AssetUtility_default
-} from "./chunk-TQ6BXQ3A.mjs";
-
-// src/components/controls/edit/InputControlClient.tsx
-import React20 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,
-        autoFocus: props?.attributes?.autoFocus,
-        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", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx3("span", { className: "text-sm inline-block pb-1 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,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        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 input mt-1 py-1.5 block w-full rounded shadow-sm number-input transition-all duration-500 ease-in-out
-                     ${props?.inputClasses ? props.inputClasses : ``}
-                     `
-      }
-    ),
-    /* @__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", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx5("span", { className: "text-sm inline-block pb-1 font-medium ", children: 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,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        onKeyDown: preventNegative,
-        onWheel: handleWheel,
-        required: props?.attributes?.required,
-        placeholder: props?.attributes?.placeholder,
-        pattern: props?.attributes?.pattern,
-        disabled: props?.attributes?.readOnly,
-        max: "100",
-        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm number-input transition-all duration-500 ease-in-out
-                     ${props?.inputClasses ? props.inputClasses : ``}
-                     `
-      }
-    ),
-    /* @__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,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        required: props?.attributes?.required,
-        placeholder: props?.attributes?.placeholder,
-        pattern: props?.attributes?.pattern,
-        disabled: props?.attributes?.readOnly,
-        max: props?.attributes?.maxValue,
-        min: props?.attributes?.minValue,
-        className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm number-input transition-all duration-500 ease-in-out
-                     ${props?.inputClasses ? props.inputClasses : ``}
-                     `
-      }
-    ),
-    /* @__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 isReadOnly = props.attributes?.readOnly === true || props.attributes?.readOnly === "true" || props?.readOnly === true || props.disable === true || props.attributes?.disable === true || props.attributes?.disabled === true || props.attributes?.disabled === "true";
-  const textChangeHandler = (event) => {
-    if (isReadOnly) return;
-    const 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 === "true" || props.value.toString().toLowerCase() === "true" || props.value === 1 || props.value === "1")) {
-    value = true;
-  }
-  const customClasses = (props?.inputClasses || "").split(/\s+/).filter((c) => !/^(w-|h-|block|inline-block|py-|px-|p-)/.test(c)).join(" ");
-  return /* @__PURE__ */ jsx8(React8.Fragment, { children: /* @__PURE__ */ jsxs8("div", { className: `mb-1 ${isReadOnly ? "cursor-not-allowed" : ""}`, children: [
-    props?.attributes?.label && /* @__PURE__ */ jsxs8(Fragment, { children: [
-      /* @__PURE__ */ jsx8(
-        "label",
-        {
-          htmlFor: props.name,
-          className: "inline-block text-sm font-medium pb-1",
-          children: 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,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        required: !isReadOnly && Boolean(props?.attributes?.required),
-        placeholder: props?.attributes?.placeholder,
-        maxLength: props?.attributes?.maxLength,
-        pattern: props?.attributes?.pattern,
-        disabled: isReadOnly,
-        readOnly: isReadOnly,
-        tabIndex: isReadOnly ? -1 : void 0,
-        onClick: (e) => {
-          if (isReadOnly) {
-            e.preventDefault();
-            e.stopPropagation();
-          }
-        },
-        minLength: props?.attributes?.minLength,
-        className: `peer mt-1 h-4 w-4 shrink-0 rounded shadow-sm transition-all duration-200 ${isReadOnly ? "cursor-not-allowed pointer-events-none" : "cursor-pointer"} ${customClasses}`
-      }
-    ),
-    /* @__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 w-full", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx9("span", { className: "text-sm inline-block pb-1 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,
-        onBlur: props?.onBlur,
-        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 input mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center transition-all duration-500 ease-in-out
-                     ${props?.inputClasses ? props.inputClasses : ``}
-                     `
-      }
-    ),
-    /* @__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 DEFAULT_COLOR = "#3b82f6";
-var isValidHex = (val) => typeof val === "string" && /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(val.trim());
-var normalizeColor = (val) => {
-  if (isValidHex(val)) {
-    return val.trim();
-  }
-  return DEFAULT_COLOR;
-};
-var ColorInput = (props) => {
-  const isReadOnly = props.attributes?.readOnly === true || props.attributes?.readOnly === "true" || props?.readOnly === true || props.disable === true || props.attributes?.disable === true || props.attributes?.disabled === true || props.attributes?.disabled === "true";
-  const [color, setColor] = React11.useState(
-    () => normalizeColor(props.value)
-  );
-  useEffect2(() => {
-    const hasValue = props.value !== void 0 && props.value !== null && props.value !== "";
-    if (!hasValue && props.callback && !isReadOnly) {
-      props.callback({
-        name: props.name,
-        value: DEFAULT_COLOR,
-        index: props.index,
-        groupKey: props.groupKey
-      });
-    }
-  }, [isReadOnly]);
-  useEffect2(() => {
-    if (props.value !== void 0 && props.value !== null && props.value !== "") {
-      if (typeof props.value === "string") {
-        setColor(normalizeColor(props.value));
-      }
-    }
-  }, [props.value]);
-  const handleColorChange = (event) => {
-    if (isReadOnly) return;
-    const newColor = event.target.value;
-    setColor(newColor);
-    if (props.callback) {
-      props.callback({
-        name: props.name,
-        value: newColor,
-        index: props.index,
-        groupKey: props.groupKey
-      });
-    }
-  };
-  const displayColor = normalizeColor(color || props.value);
-  return /* @__PURE__ */ jsx11(React11.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: `block ${isReadOnly ? "cursor-not-allowed" : ""}`, children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx11("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
-    " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx11(
-      "input",
-      {
-        type: "color",
-        name: props.name,
-        title: displayColor,
-        id: props.name,
-        value: displayColor,
-        onChange: handleColorChange,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        required: !isReadOnly && Boolean(props?.attributes?.required),
-        disabled: isReadOnly,
-        readOnly: isReadOnly,
-        tabIndex: isReadOnly ? -1 : void 0,
-        onClick: (e) => {
-          if (isReadOnly) {
-            e.preventDefault();
-            e.stopPropagation();
-          }
-        },
-        className: `peer block rounded ${isReadOnly ? "cursor-not-allowed pointer-events-none" : "cursor-pointer"} ${props?.inputClasses ? props.inputClasses : ""}`,
-        style: {
-          width: "78px",
-          height: "33px",
-          padding: 0,
-          margin: 0,
-          border: isReadOnly ? "1px solid var(--border, #e2e8f0)" : "1px solid #e2e8f0",
-          borderRadius: "5px",
-          overflow: "hidden",
-          backgroundColor: isReadOnly ? "var(--bg-color, transparent)" : "transparent",
-          appearance: "none",
-          cursor: isReadOnly ? "not-allowed" : "pointer",
-          pointerEvents: isReadOnly ? "none" : "auto"
-        }
-      }
-    ),
-    /* @__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 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) => String(x[props.dataKeyFieldName]) === String(props.value)
-      );
-      if (selected) {
-        setSearchTerm(selected[props.dataTextFieldName]);
-        setSelectedItem(selected);
-      }
-    }
-  }, [props.value, list, props.dataKeyFieldName, props.dataTextFieldName]);
-  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",
-          name: props.name,
-          id: props.name,
-          value: searchTerm,
-          onChange: (e) => {
-            if (!isReadOnly) {
-              setSearchTerm(e.target.value);
-              setIsOpen(true);
-              setHighlightedIndex(-1);
-            }
-          },
-          onFocus: () => {
-            if (!isReadOnly) {
-              setIsOpen(true);
-            }
-          },
-          onKeyDown: handleKeyDown,
-          placeholder: props.attributes?.placeholder ?? "Search...",
-          readOnly: isReadOnly,
-          disabled: isReadOnly,
-          required: props.attributes?.required,
-          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"
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
-    ] }),
-    !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__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx13(
-        "input",
-        {
-          type: "text",
-          name: props.name,
-          id: props.name,
-          value: searchTerm,
-          onChange: textChangeHandler,
-          onFocus: () => setIsOpen(true),
-          onKeyDown: handleKeyDown,
-          placeholder: props.attributes?.placeholder,
-          required: props.attributes?.required,
-          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("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
-    ] }),
-    /* @__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/EmailInput.tsx
-import React14 from "react";
-import { jsx as jsx14, jsxs as jsxs14 } 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,
-        groupKey: props.groupKey
-      });
-    }
-  };
-  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: [
-    props?.attributes?.label && /* @__PURE__ */ jsx14("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
-    " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx14(
-      "input",
-      {
-        type: "email",
-        name: props.name,
-        id: props.name,
-        value,
-        onChange: textChangeHandler,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        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__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
-  ] }) });
-};
-var EmailInput_default = EmailInput;
-
-// src/components/controls/edit/TimeInput.tsx
-import React15 from "react";
-import { jsx as jsx15, jsxs as jsxs15 } 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__ */ jsx15(React15.Fragment, { children: /* @__PURE__ */ jsxs15("label", { className: "block", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx15("span", { className: "text-sm inline-block pb-1 font-medium", children: props?.attributes?.label }),
-    " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx15(
-      "input",
-      {
-        type: "time",
-        name: props.name,
-        id: props.name,
-        value: typeof props.value === "boolean" ? "" : props.value ?? "",
-        onChange: timeChangeHandler,
-        onBlur: props?.onBlur,
-        autoFocus: props?.attributes?.autoFocus,
-        required: props?.attributes?.required,
-        disabled: props?.attributes?.readOnly,
-        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__ */ jsx15("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 React16, { useEffect as useEffect5 } from "react";
-import { jsx as jsx16, jsxs as jsxs16 } 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] = React16.useState(getInitialTab);
-  useEffect5(() => {
-    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__ */ jsxs16(React16.Fragment, { children: [
-    /* @__PURE__ */ jsx16("label", { className: "block mb-1", children: /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
-      /* @__PURE__ */ jsx16(
-        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__ */ jsx16(
-        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__ */ jsxs16("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
-      /* @__PURE__ */ jsx16("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__ */ jsx16("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-start gap-5", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
-          /* @__PURE__ */ jsxs16("div", { children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-gray-500", children: "Title" }),
-            /* @__PURE__ */ jsx16(
-              "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__ */ jsxs16("div", { children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-gray-500", children: "Resolution" }),
-            /* @__PURE__ */ jsxs16("p", { className: "font-medium text-gray-900 mt-3", children: [
-              digitalAsset.intrinsicWidth,
-              "\xD7",
-              digitalAsset.intrinsicHeight
-            ] })
-          ] }),
-          (digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ jsxs16("div", { children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-gray-500", children: "Image / Poster" }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
-              getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ jsx16(
-                "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__ */ jsx16(
-                "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__ */ jsxs16("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-gray-500", children: "HLS Link" }),
-            /* @__PURE__ */ jsx16(
-              Hyperlink,
-              {
-                href: digitalAsset.assetUrl,
-                className: "text-primary-600 underline mt-1 break-all",
-                title: digitalAsset.assetUrl,
-                children: digitalAsset.assetUrl
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx16(
-          "span",
-          {
-            onClick: () => !isDisabled && deleteFile(index),
-            className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-            children: /* @__PURE__ */ jsx16(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
-          }
-        )
-      ] }, index)) })
-    ] })
-  ] });
-};
-var AssetUpload_default = AssetUpload;
-
-// src/components/controls/edit/SwitchInput.tsx
-import React17 from "react";
-import { jsx as jsx17, jsxs as jsxs17 } 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__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs17("div", { className: "relative flex items-start justify-between gap-4 py-3", children: [
-    /* @__PURE__ */ jsx17("div", { className: "min-w-0", children: props?.attributes?.label && /* @__PURE__ */ jsxs17(
-      "label",
-      {
-        htmlFor: props.name,
-        className: "inline-block text-sm font-semibold text-slate-800",
-        children: [
-          props.attributes.label,
-          props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "bg-error-weak", children: "*" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs17(
-      "label",
-      {
-        htmlFor: props.name,
-        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
-        children: [
-          /* @__PURE__ */ jsx17(
-            "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__ */ jsx17(
-            "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__ */ jsx17(
-            "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"
-            }
-          ),
-          /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block absolute left-0 top-full mt-1 w-max max-w-[220px] whitespace-normal bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
-        ]
-      }
-    )
-  ] }) });
-};
-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 jsx18, jsxs as jsxs18 } 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__ */ jsxs18("label", { className: "block mb-1", children: [
-    props.attributes?.label && /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium", children: props.attributes.label }),
-    " ",
-    props.attributes?.label && props.attributes.required && /* @__PURE__ */ jsx18("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx18(
-      "input",
-      {
-        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__ */ jsx18("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 useEffect6, useState as useState4 } from "react";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
-var RadioInput = (props) => {
-  const [list, setList] = useState4([]);
-  useEffect6(() => {
-    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__ */ jsxs19("div", { className: "block", children: [
-    /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: props.attributes?.label }),
-    /* @__PURE__ */ jsx19("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__ */ jsxs19(
-        "div",
-        {
-          className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
-          children: [
-            /* @__PURE__ */ jsxs19("div", { className: "flex gap-4 items-start", children: [
-              /* @__PURE__ */ jsx19(
-                "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__ */ jsx19("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
-            ] }),
-            iconName && /* @__PURE__ */ jsx19(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
-          ]
-        },
-        String(itemValue)
-      );
-    }) }),
-    /* @__PURE__ */ jsx19("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/ReferenceInput.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var ReferenceInput = (props) => {
-  return /* @__PURE__ */ jsx20(SelectWithSearchInput_default, { ...props });
-};
-var ReferenceInput_default = ReferenceInput;
-
-// src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var InputControl = React20.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.timeInput]: TimeInput_default,
-      [InputControlType_default.assetUpload]: AssetUpload_default,
-      [InputControlType_default.switchInput]: SwitchInput_default,
-      [InputControlType_default.dateInput]: DateInput_default,
-      [InputControlType_default.radioInput]: RadioInput_default,
-      [InputControlType_default.referenceInput]: ReferenceInput_default
-    };
-    const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx21(React20.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx21(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
-  }
-);
-InputControl.displayName = "InputControl";
-var InputControlClient_default = InputControl;
-export {
-  InputControlClient_default as default
-};