@epam/ai-dial-ui-kit 0.1.0-rc → 0.1.0-rc.1

package/dist/dial-ui-kit.es.js

@@ -1,444 +1,138 @@
-import me, { createContext as pe, useState as be, useRef as ge, useMemo as xe, useContext as ve, forwardRef as Q, isValidElement as je, cloneElement as he } from "react";
-import j from "classnames";
-import { useFloating as Ee, offset as ke, flip as Re, shift as Te, arrow as _e, autoUpdate as Ne, useHover as we, useFocus as Ce, useDismiss as ye, useRole as Se, useInteractions as Oe, useMergeRefs as K, FloatingPortal as Ae, FloatingArrow as Fe } from "@floating-ui/react";
-import "monaco-editor";
-import { Editor as Pe } from "@monaco-editor/react";
-var O = { exports: {} }, C = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var V;
-function De() {
-  if (V) return C;
-  V = 1;
-  var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function a(l, n, i) {
-    var c = null;
-    if (i !== void 0 && (c = "" + i), n.key !== void 0 && (c = "" + n.key), "key" in n) {
-      i = {};
-      for (var d in n)
-        d !== "key" && (i[d] = n[d]);
-    } else i = n;
-    return n = i.ref, {
-      $$typeof: r,
-      type: l,
-      key: c,
-      ref: n !== void 0 ? n : null,
-      props: i
-    };
-  }
-  return C.Fragment = t, C.jsx = a, C.jsxs = a, C;
-}
-var y = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var H;
-function Le() {
-  return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === ue ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case h:
-          return "Fragment";
-        case R:
-          return "Profiler";
-        case S:
-          return "StrictMode";
-        case ae:
-          return "Suspense";
-        case le:
-          return "SuspenseList";
-        case ce:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case w:
-            return "Portal";
-          case F:
-            return (e.displayName || "Context") + ".Provider";
-          case T:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case se:
-            var s = e.render;
-            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ie:
-            return s = e.displayName || null, s !== null ? s : r(e.type) || "Memo";
-          case B:
-            s = e._payload, e = e._init;
-            try {
-              return r(e(s));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(e) {
-      return "" + e;
-    }
-    function a(e) {
-      try {
-        t(e);
-        var s = !1;
-      } catch {
-        s = !0;
-      }
-      if (s) {
-        s = console;
-        var u = s.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u.call(
-          s,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
-        ), t(e);
-      }
-    }
-    function l(e) {
-      if (e === h) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === B)
-        return "<...>";
-      try {
-        var s = r(e);
-        return s ? "<" + s + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function n() {
-      var e = P.A;
-      return e === null ? null : e.getOwner();
-    }
-    function i() {
-      return Error("react-stack-top-frame");
-    }
-    function c(e) {
-      if (W.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function d(e, s) {
-      function u() {
-        U || (U = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          s
-        ));
-      }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: u,
-        configurable: !0
-      });
-    }
-    function f() {
-      var e = r(this.type);
-      return z[e] || (z[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function g(e, s, u, p, k, v, L, Y) {
-      return u = v.ref, e = {
-        $$typeof: _,
-        type: e,
-        key: s,
-        props: v,
-        _owner: k
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: f
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: L
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: Y
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function m(e, s, u, p, k, v, L, Y) {
-      var b = s.children;
-      if (b !== void 0)
-        if (p)
-          if (de(b)) {
-            for (p = 0; p < b.length; p++)
-              x(b[p]);
-            Object.freeze && Object.freeze(b);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else x(b);
-      if (W.call(s, "key")) {
-        b = r(e);
-        var N = Object.keys(s).filter(function(fe) {
-          return fe !== "key";
-        });
-        p = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", J[b + p] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          p,
-          b,
-          N,
-          b
-        ), J[b + p] = !0);
-      }
-      if (b = null, u !== void 0 && (a(u), b = "" + u), c(s) && (a(s.key), b = "" + s.key), "key" in s) {
-        u = {};
-        for (var I in s)
-          I !== "key" && (u[I] = s[I]);
-      } else u = s;
-      return b && d(
-        u,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), g(
-        e,
-        b,
-        v,
-        k,
-        n(),
-        u,
-        L,
-        Y
-      );
-    }
-    function x(e) {
-      typeof e == "object" && e !== null && e.$$typeof === _ && e._store && (e._store.validated = 1);
-    }
-    var E = me, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), F = Symbol.for("react.context"), se = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ie = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), P = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, de = Array.isArray, D = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var U, z = {}, q = E.react_stack_bottom_frame.bind(
-      E,
-      i
-    )(), G = D(l(i)), J = {};
-    y.Fragment = h, y.jsx = function(e, s, u, p, k) {
-      var v = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return m(
-        e,
-        s,
-        u,
-        !1,
-        p,
-        k,
-        v ? Error("react-stack-top-frame") : q,
-        v ? D(l(e)) : G
-      );
-    }, y.jsxs = function(e, s, u, p, k) {
-      var v = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return m(
-        e,
-        s,
-        u,
-        !0,
-        p,
-        k,
-        v ? Error("react-stack-top-frame") : q,
-        v ? D(l(e)) : G
-      );
-    };
-  })()), y;
-}
-var X;
-function Ye() {
-  return X || (X = 1, process.env.NODE_ENV === "production" ? O.exports = De() : O.exports = Le()), O.exports;
-}
-var o = Ye();
-const A = ({ icon: r, className: t }) => r ? /* @__PURE__ */ o.jsx("span", { className: j("flex-shrink-0", t), children: r }) : null, Ke = ({
-  title: r,
+import { jsx as l, jsxs as m, Fragment as _ } from "react/jsx-runtime";
+import d from "classnames";
+import { useFloating as K, offset as M, flip as z, shift as G, arrow as O, autoUpdate as $, useHover as Y, useFocus as Z, useDismiss as q, useRole as B, useInteractions as J, useMergeRefs as P, FloatingPortal as Q, FloatingArrow as X } from "@floating-ui/react";
+import { createContext as ee, useState as te, useRef as ne, useMemo as re, useContext as le, forwardRef as E, isValidElement as se, cloneElement as oe, useCallback as ae } from "react";
+const y = ({ icon: e, className: t }) => e ? /* @__PURE__ */ l("span", { className: d("flex-shrink-0", t), children: e }) : null, ye = ({
+  title: e,
   cssClass: t,
-  ref: a,
-  onClick: l,
-  disable: n,
-  iconAfter: i,
-  iconBefore: c,
-  hideTitleOnMobile: d,
-  ariaLabel: f
+  ref: n,
+  onClick: r,
+  disable: s,
+  iconAfter: o,
+  iconBefore: a,
+  hideTitleOnMobile: c,
+  ariaLabel: i
 }) => {
-  const g = j(
+  const p = d(
     "dial-small-semi",
-    i ? "mr-2" : "",
-    c ? "ml-2" : "",
-    d ? "hidden sm:inline" : "inline"
-  ), m = j(
+    o ? "mr-2" : "",
+    a ? "ml-2" : "",
+    c ? "hidden sm:inline" : "inline"
+  ), u = d(
     t,
     "focus-visible:outline outline-offset-0"
   );
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ m(
     "button",
     {
-      ref: a,
+      ref: n,
       type: "button",
-      className: m,
-      onClick: (x) => l?.(x),
-      disabled: n,
-      "aria-label": r || f,
+      className: u,
+      onClick: (f) => r?.(f),
+      disabled: s,
+      "aria-label": e || i,
       children: [
-        /* @__PURE__ */ o.jsx(A, { icon: c }),
-        r && /* @__PURE__ */ o.jsx("span", { className: g, children: r }),
-        /* @__PURE__ */ o.jsx(A, { icon: i })
+        /* @__PURE__ */ l(y, { icon: a }),
+        e && /* @__PURE__ */ l("span", { className: p, children: e }),
+        /* @__PURE__ */ l(y, { icon: o })
       ]
     }
   );
-}, ee = ({ errorText: r }) => r && /* @__PURE__ */ o.jsx("span", { className: "text-error dial-tiny mt-1", children: r }), re = ({
-  fieldTitle: r,
+}, S = ({ errorText: e }) => e && /* @__PURE__ */ l("span", { className: "text-error dial-tiny mt-1", children: e }), A = ({
+  fieldTitle: e,
   htmlFor: t,
-  optional: a,
-  optionalText: l,
-  cssClass: n
-}) => r ? /* @__PURE__ */ o.jsxs(
+  optional: n,
+  optionalText: r,
+  cssClass: s
+}) => e ? /* @__PURE__ */ m(
   "label",
   {
-    className: j(
+    className: d(
       "dial-tiny text-secondary",
-      n,
-      !n?.includes("mb") && "mb-2"
+      s,
+      !s?.includes("mb") && "mb-2"
     ),
     htmlFor: t,
     children: [
-      /* @__PURE__ */ o.jsx("span", { className: "min-h-4", children: r }),
-      a && /* @__PURE__ */ o.jsx("span", { className: "ml-1", children: l ?? "(Optional)" })
+      /* @__PURE__ */ l("span", { className: "min-h-4", children: e }),
+      n && /* @__PURE__ */ l("span", { className: "ml-1", children: r ?? "(Optional)" })
     ]
   }
-) : null, Ie = ({
-  value: r,
-  textareaId: t,
-  placeholder: a,
-  cssClass: l = "",
-  disabled: n,
-  invalid: i,
-  readonly: c,
-  onChange: d
-}) => /* @__PURE__ */ o.jsx(
-  "textarea",
-  {
-    id: t,
-    placeholder: a,
-    value: r,
-    disabled: n,
-    className: j(
-      "dial-textarea dial-input",
-      i ? "dial-input-error" : "",
-      n && "dial-input-disable",
-      c && "dial-input-readonly",
-      l
-    ),
-    onChange: (f) => !c && d?.(f.currentTarget.value)
-  }
-), Me = 7, $e = 2, te = pe(null), ne = () => {
-  const r = ve(te);
-  if (r == null)
+) : null, ie = 7, ce = 2, I = ee(null), V = () => {
+  const e = le(I);
+  if (e == null)
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
-  return r;
-}, Be = ({
-  initialOpen: r = !1,
+  return e;
+}, ue = ({
+  initialOpen: e = !1,
   placement: t = "bottom",
-  isTriggerClickable: a = !1,
-  open: l,
-  onOpenChange: n
+  isTriggerClickable: n = !1,
+  open: r,
+  onOpenChange: s
 } = {}) => {
-  const [i, c] = be(r), d = ge(null), f = l ?? i, g = n ?? c, m = Ee({
+  const [o, a] = te(e), c = ne(null), i = r ?? o, p = s ?? a, u = K({
     placement: t,
-    open: f,
-    onOpenChange: g,
-    whileElementsMounted: Ne,
+    open: i,
+    onOpenChange: p,
+    whileElementsMounted: $,
     middleware: [
-      ke(Me + $e),
-      Re({
+      M(ie + ce),
+      z({
         crossAxis: t.includes("-"),
         fallbackAxisSideDirection: "start",
         padding: 5
       }),
-      Te({ padding: 5 }),
-      _e({
-        element: d
+      G({ padding: 5 }),
+      O({
+        element: c
       })
     ]
-  }), x = we(m.context, {
+  }), f = Y(u.context, {
     move: !1,
-    enabled: l == null,
-    mouseOnly: a,
+    enabled: r == null,
+    mouseOnly: n,
     delay: { open: 500, close: 0 }
-  }), E = Ce(m.context, {
-    enabled: l == null
-  }), _ = ye(m.context), w = Se(m.context, { role: "tooltip" }), h = Oe([x, E, _, w]);
-  return xe(
+  }), D = Z(u.context, {
+    enabled: r == null
+  }), T = q(u.context), g = B(u.context, { role: "tooltip" }), h = J([f, D, T, g]);
+  return re(
     () => ({
-      open: f,
-      setOpen: g,
-      arrowRef: d,
+      open: i,
+      setOpen: p,
+      arrowRef: c,
       ...h,
-      ...m
+      ...u
     }),
-    [f, g, h, m]
+    [i, p, h, u]
   );
-}, We = ({
-  children: r,
+}, de = ({
+  children: e,
   ...t
 }) => {
-  const a = Be(t);
-  return /* @__PURE__ */ o.jsx(te.Provider, { value: a, children: r });
-}, Ue = Q(function({ style: t, ...a }, l) {
-  const n = ne(), i = K([n.refs.setFloating, l]);
-  return n.open ? /* @__PURE__ */ o.jsx(Ae, { id: "tooltip-portal", children: /* @__PURE__ */ o.jsxs(
+  const n = ue(t);
+  return /* @__PURE__ */ l(I.Provider, { value: n, children: e });
+}, pe = E(function({ style: t, ...n }, r) {
+  const s = V(), o = P([s.refs.setFloating, r]);
+  return s.open ? /* @__PURE__ */ l(Q, { id: "tooltip-portal", children: /* @__PURE__ */ m(
     "div",
     {
-      ref: i,
+      ref: o,
       style: {
-        ...n.floatingStyles,
+        ...s.floatingStyles,
         ...t
       },
-      ...n.getFloatingProps(a),
-      className: j(
+      ...s.getFloatingProps(n),
+      className: d(
         "z-[55] whitespace-pre-wrap rounded border border-primary bg-blackout px-2 py-1 dial-tiny shadow max-w-[300px]",
-        n.getFloatingProps(a).className
+        s.getFloatingProps(n).className
       ),
       children: [
-        a.children,
-        /* @__PURE__ */ o.jsx(
-          Fe,
+        n.children,
+        /* @__PURE__ */ l(
+          X,
           {
-            ref: n.arrowRef,
-            context: n.context,
+            ref: s.arrowRef,
+            context: s.context,
             fill: "currentColor",
             strokeWidth: 1,
             className: "stroke-primary w-2 text-[var(--bg-layer-0,_#000000)]"
@@ -447,332 +141,345 @@ const A = ({ icon: r, className: t }) => r ? /* @__PURE__ */ o.jsx("span", { cla
       ]
     }
   ) }) : null;
-}), ze = Q(function({ children: t, asChild: a = !1, ...l }, n) {
-  const i = ne(), d = t && typeof t == "object" && "ref" in t && t.ref !== void 0 ? t.ref : void 0, f = K([i.refs.setReference, n, d]);
-  return a && je(t) ? he(
+}), me = E(function({ children: t, asChild: n = !1, ...r }, s) {
+  const o = V(), c = t && typeof t == "object" && "ref" in t && t.ref !== void 0 ? t.ref : void 0, i = P([o.refs.setReference, s, c]);
+  return n && se(t) ? oe(
     t,
-    i.getReferenceProps({
-      ref: f,
-      ...l,
+    o.getReferenceProps({
+      ref: i,
+      ...r,
       ...t.props
     })
-  ) : /* @__PURE__ */ o.jsx(
+  ) : /* @__PURE__ */ l(
     "span",
     {
-      ref: f,
-      ...i.getReferenceProps(l),
-      className: l.className ?? "dial-tooltip-trigger text-left",
+      ref: i,
+      ...o.getReferenceProps(r),
+      className: r.className ?? "dial-tooltip-trigger text-left",
       children: t
     }
   );
-}), Z = ({
-  hideTooltip: r,
+}), C = ({
+  hideTooltip: e,
   tooltip: t,
-  children: a,
-  triggerClassName: l,
-  contentClassName: n,
-  ...i
-}) => r || !t ? /* @__PURE__ */ o.jsx("span", { className: l, children: a }) : /* @__PURE__ */ o.jsxs(We, { ...i, children: [
-  /* @__PURE__ */ o.jsx(ze, { className: l, children: a }),
-  /* @__PURE__ */ o.jsx(
-    Ue,
+  children: n,
+  triggerClassName: r,
+  contentClassName: s,
+  ...o
+}) => e || !t ? /* @__PURE__ */ l("span", { className: r, children: n }) : /* @__PURE__ */ m(de, { ...o, children: [
+  /* @__PURE__ */ l(me, { className: d(r, "truncate"), children: n }),
+  /* @__PURE__ */ l(
+    pe,
     {
-      className: j("text-primary", n),
+      className: d(
+        "text-primary",
+        s,
+        "max-w-[300px]",
+        (e || !t) && "hidden"
+      ),
       children: t
     }
   )
-] }), M = ({
-  iconBeforeInput: r,
-  iconAfterInput: t,
-  hideBorder: a,
-  value: l,
-  elementId: n,
-  placeholder: i = "",
-  cssClass: c = "",
-  containerCssClass: d,
-  type: f = "text",
-  disabled: g,
-  readonly: m,
-  invalid: x,
-  onChange: E,
-  min: _,
-  max: w,
-  prefix: h,
-  suffix: S,
-  textBeforeInput: R,
-  textAfterInput: T
-}) => /* @__PURE__ */ o.jsxs(
-  "div",
+] }), fe = ({
+  value: e,
+  textareaId: t,
+  placeholder: n,
+  cssClass: r = "",
+  disabled: s,
+  invalid: o,
+  readonly: a,
+  onChange: c
+}) => /* @__PURE__ */ l(C, { tooltip: e, triggerClassName: "flex", children: /* @__PURE__ */ l(
+  "textarea",
   {
-    className: j(
-      "dial-input-field flex flex-row items-center justify-between",
-      a ? "dial-input-no-border" : "dial-input",
-      x && "dial-input-error",
-      g && "dial-input-disable",
-      m && "dial-input-readonly",
-      !R && "pl-1",
-      !T && "pr-1",
-      d
+    id: t,
+    placeholder: n,
+    value: e || "",
+    disabled: s,
+    className: d(
+      "dial-textarea dial-input",
+      o ? "dial-input-error" : "",
+      s && "dial-input-disable",
+      a && "dial-input-readonly",
+      r
     ),
-    children: [
-      R && /* @__PURE__ */ o.jsx(Z, { tooltip: R, children: /* @__PURE__ */ o.jsx(
-        M,
-        {
-          hideBorder: !0,
-          containerCssClass: "rounded-r-none border-r-0",
-          cssClass: "px-2 overflow-hidden overflow-ellipsis dial-small",
-          value: R,
-          disabled: !0,
-          elementId: R + "textBefore"
-        }
-      ) }),
-      h && /* @__PURE__ */ o.jsxs("p", { className: "text-secondary dial-small pl-2", children: [
-        " ",
-        h
-      ] }),
-      /* @__PURE__ */ o.jsx(A, { icon: r, className: "pl-2" }),
-      /* @__PURE__ */ o.jsx(
-        "input",
-        {
-          type: f,
-          autoComplete: "new-password",
-          id: n,
-          placeholder: i,
-          value: l ?? "",
-          title: l ? String(l) : "",
-          disabled: g,
-          min: _,
-          max: w,
-          className: j("border-0 bg-transparent px-2", c),
-          onChange: (F) => !m && E?.(F.currentTarget.value)
+    onChange: (i) => !a && c?.(i.currentTarget.value)
+  }
+) }), he = [
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown",
+  "Backspace",
+  "Delete",
+  "Tab",
+  "Enter",
+  "Escape",
+  "Home",
+  "End"
+], ge = (e, t, n, r) => {
+  if ((t === "number" || n !== void 0 || r !== void 0) && !he.includes(e.key) && !(e.key === "-" && e.currentTarget.selectionStart === 0 && (n === void 0 || n < 0)) && !(e.key === "." && t === "number" && !e.currentTarget.value.includes("."))) {
+    if (!/^[0-9]$/.test(e.key)) {
+      e.preventDefault();
+      return;
+    }
+    if (n !== void 0 || r !== void 0) {
+      const o = e.currentTarget.value, a = e.currentTarget.selectionStart || 0, c = o.slice(0, a) + e.key + o.slice(a), i = parseFloat(c);
+      if (!isNaN(i)) {
+        if (n !== void 0 && i < n) {
+          e.preventDefault();
+          return;
         }
-      ),
-      /* @__PURE__ */ o.jsx(A, { icon: t, className: "pr-2" }),
-      S && /* @__PURE__ */ o.jsxs("p", { className: "text-secondary dial-small pr-2", children: [
-        " ",
-        S
-      ] }),
-      T && /* @__PURE__ */ o.jsx(Z, { tooltip: T, children: /* @__PURE__ */ o.jsx(
-        M,
-        {
-          hideBorder: !0,
-          containerCssClass: "rounded-l-none border-l-0",
-          cssClass: "px-2",
-          value: T,
-          disabled: !0,
-          elementId: T + "textAfter"
+        if (r !== void 0 && i > r) {
+          e.preventDefault();
+          return;
         }
-      ) })
-    ]
+      }
+    }
   }
-), qe = /^0+\.(\d+)?$/, Ge = /^0+/, oe = ({
-  fieldTitle: r,
-  errorText: t,
-  optional: a,
-  elementCssClass: l,
-  elementContainerCssClass: n,
-  elementId: i,
+}, F = ({
+  iconBeforeInput: e,
+  iconAfterInput: t,
+  hideBorder: n,
+  value: r,
+  elementId: s,
+  placeholder: o = "",
+  cssClass: a = "",
   containerCssClass: c,
-  readonly: d,
-  defaultEmptyText: f,
+  tooltipTriggerClassName: i,
+  type: p = "text",
+  disabled: u,
+  readonly: f,
+  invalid: D,
+  onChange: T,
   min: g,
-  max: m,
-  ...x
-}) => /* @__PURE__ */ o.jsxs("div", { className: j("flex flex-col", c), children: [
-  /* @__PURE__ */ o.jsx(
-    re,
+  max: h,
+  prefix: k,
+  suffix: R,
+  textBeforeInput: N,
+  textAfterInput: x
+}) => {
+  const j = (b) => b.target.blur(), H = p === "number" || g !== void 0 || h !== void 0, L = (b) => {
+    ge(b, p, g, h);
+  }, U = (b) => {
+    const v = b.currentTarget.value;
+    if (H && v !== "") {
+      const w = parseFloat(v);
+      if (isNaN(w) && v !== "-" && v !== "." || !isNaN(w) && (g !== void 0 && w < g || h !== void 0 && w > h))
+        return;
+    }
+    T?.(v);
+  };
+  return /* @__PURE__ */ m(
+    "div",
     {
-      fieldTitle: r,
-      optional: a,
-      htmlFor: i
+      className: d(
+        "dial-input-field flex flex-row items-center justify-between",
+        n ? "dial-input-no-border" : "dial-input",
+        D && "dial-input-error",
+        u && "dial-input-disable",
+        f && "dial-input-readonly",
+        !N && "pl-1",
+        !x && "pr-1",
+        c
+      ),
+      children: [
+        N && /* @__PURE__ */ l(C, { tooltip: N, children: /* @__PURE__ */ l(
+          F,
+          {
+            hideBorder: !0,
+            containerCssClass: "rounded-r-none border-r-0",
+            cssClass: "px-2 overflow-hidden overflow-ellipsis dial-small",
+            value: N,
+            disabled: !0,
+            elementId: N + "textBefore"
+          }
+        ) }),
+        k && /* @__PURE__ */ m("p", { className: "text-secondary dial-small pl-2", children: [
+          " ",
+          k
+        ] }),
+        /* @__PURE__ */ l(y, { icon: e, className: "pl-2" }),
+        /* @__PURE__ */ l(C, { tooltip: r, triggerClassName: i, children: /* @__PURE__ */ l(
+          "input",
+          {
+            type: p,
+            autoComplete: "off",
+            id: s,
+            placeholder: o,
+            value: r ?? "",
+            title: r ? String(r) : "",
+            disabled: u,
+            className: d("border-0 bg-transparent px-2", a),
+            onChange: (b) => !f && U?.(b),
+            onKeyDown: L,
+            onWheel: j,
+            min: g,
+            max: h
+          }
+        ) }),
+        /* @__PURE__ */ l(y, { icon: t, className: "pr-2" }),
+        R && /* @__PURE__ */ m("p", { className: "text-secondary dial-small pr-2", children: [
+          " ",
+          R
+        ] }),
+        x && /* @__PURE__ */ l(C, { tooltip: x, children: /* @__PURE__ */ l(
+          F,
+          {
+            hideBorder: !0,
+            containerCssClass: "rounded-l-none border-l-0",
+            cssClass: "px-2",
+            value: x,
+            disabled: !0,
+            elementId: x + "textAfter"
+          }
+        ) })
+      ]
+    }
+  );
+}, be = /^0+\.(\d+)?$/, Ne = /^0+/, W = ({
+  fieldTitle: e,
+  errorText: t,
+  optional: n,
+  elementCssClass: r,
+  elementContainerCssClass: s,
+  elementId: o,
+  containerCssClass: a,
+  readonly: c,
+  defaultEmptyText: i,
+  min: p,
+  max: u,
+  ...f
+}) => /* @__PURE__ */ m("div", { className: d("flex flex-col", a), children: [
+  /* @__PURE__ */ l(
+    A,
+    {
+      fieldTitle: e,
+      optional: n,
+      htmlFor: o
     }
   ),
-  d ? /* @__PURE__ */ o.jsx("span", { children: x.value || (f ?? "None") }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      M,
+  c ? /* @__PURE__ */ l("span", { children: f.value || (i ?? "None") }) : /* @__PURE__ */ m(_, { children: [
+    /* @__PURE__ */ l(
+      F,
       {
-        elementId: i,
-        cssClass: l,
-        containerCssClass: n,
+        elementId: o,
+        cssClass: r,
+        containerCssClass: s,
         invalid: t != null,
-        min: g,
-        max: m,
-        ...x
+        min: p,
+        max: u,
+        ...f
       }
     ),
-    /* @__PURE__ */ o.jsx(ee, { errorText: t })
+    /* @__PURE__ */ l(S, { errorText: t })
   ] })
-] }), er = ({
-  onChange: r,
+] }), De = ({
+  onChange: e,
   value: t,
-  min: a,
-  max: l,
-  ...n
+  min: n,
+  max: r,
+  ...s
 }) => {
-  const i = (c) => String(c)?.match(qe) ? String(c)?.replace(Ge, "0") : Number(c);
-  return /* @__PURE__ */ o.jsx(
-    oe,
+  const o = (a) => String(a)?.match(be) ? String(a)?.replace(Ne, "0") : Number(a);
+  return /* @__PURE__ */ l(
+    W,
     {
       type: "number",
-      onChange: (c) => r?.(i(c)),
+      onChange: (a) => e?.(o(a)),
       value: t,
-      min: a,
-      max: l,
-      ...n
+      min: n,
+      max: r,
+      ...s
     }
   );
-}, rr = ({
-  onChange: r,
+}, Te = ({
+  onChange: e,
   ...t
-}) => /* @__PURE__ */ o.jsx(
-  oe,
+}) => /* @__PURE__ */ l(
+  W,
   {
     type: "text",
-    onChange: (a) => r?.(a),
+    onChange: (n) => e?.(n),
     ...t
   }
-), tr = ({
-  fieldTitle: r,
+), Fe = ({
+  fieldTitle: e,
   optional: t,
-  elementId: a,
-  elementCssClass: l,
-  errorText: n,
-  ...i
-}) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col", children: [
-  /* @__PURE__ */ o.jsx(
-    re,
+  elementId: n,
+  elementCssClass: r,
+  errorText: s,
+  ...o
+}) => /* @__PURE__ */ m("div", { className: "flex flex-col", children: [
+  /* @__PURE__ */ l(
+    A,
     {
-      fieldTitle: r,
+      fieldTitle: e,
       optional: t,
-      htmlFor: a
+      htmlFor: n
     }
   ),
-  /* @__PURE__ */ o.jsx(
-    Ie,
+  /* @__PURE__ */ l(
+    fe,
     {
-      textareaId: a,
-      cssClass: l,
-      ...i
+      textareaId: n,
+      cssClass: r,
+      ...o
     }
   ),
-  /* @__PURE__ */ o.jsx(ee, { errorText: n })
-] });
-var $ = /* @__PURE__ */ ((r) => (r.dark = "dark", r.light = "light", r))($ || {});
-const Je = {
-  [$.dark]: {
-    base: "vs-dark",
-    inherit: !1,
-    rules: [
-      { token: "string.key.json", foreground: "#37BABC" },
-      { token: "string.value.json", foreground: "#5C8DEA" },
-      { token: "number", foreground: "#D97C27" },
-      { token: "keyword.json", foreground: "#F4CE46" },
-      { token: "delimiter", foreground: "#F3F4F6" },
-      { token: "delimiter.bracket.json", foreground: "#A972FF" },
-      { token: "delimiter.parenthesis", foreground: "#A972FF" }
-    ],
-    colors: {
-      "editor.foreground": "#F76464",
-      "editor.background": "#141A23",
-      "editorCursor.foreground": "#F3F4F6",
-      "editor.selectionBackground": "#5C8DEA2B",
-      "editorLineNumber.foreground": "#333942",
-      "scrollbarSlider.background": "#333942",
-      "scrollbarSlider.hoverBackground": "#333942",
-      "scrollbarSlider.activeBackground": "#333942"
-    }
-  },
-  [$.light]: {
-    base: "vs",
-    inherit: !1,
-    rules: [
-      { token: "string.key.json", foreground: "#009D9F" },
-      { token: "string.value.json", foreground: "#2764D9" },
-      { token: "number", foreground: "#B25500" },
-      { token: "keyword.json", foreground: "#3F3D25" },
-      { token: "delimiter", foreground: "#141A23" },
-      { token: "delimiter.bracket.json", foreground: "#843EF3" },
-      { token: "delimiter.parenthesis", foreground: "#843EF3" }
-    ],
-    colors: {
-      "editor.foreground": "#AE2F2F",
-      "editor.background": "#F3F4F6",
-      "editorCursor.foreground": "#141A23",
-      "editor.selectionBackground": "#5C8DEA2B",
-      "editorLineNumber.foreground": "#333942",
-      "scrollbarSlider.background": "#333942",
-      "scrollbarSlider.hoverBackground": "#333942",
-      "scrollbarSlider.activeBackground": "#333942"
-    }
-  }
-}, nr = ({
-  value: r,
-  onChange: t,
-  onValidateJSON: a,
-  options: l,
-  currentTheme: n,
-  themesConfig: i = Je
+  /* @__PURE__ */ l(S, { errorText: s })
+] }), ke = ({
+  title: e,
+  switchId: t,
+  isOn: n = !1,
+  disabled: r,
+  onChange: s
 }) => {
-  function c(d) {
-    d?.editor?.defineTheme(
-      n,
-      i[n]
-    ), d.languages.json.jsonDefaults.setDiagnosticsOptions({
-      validate: !0,
-      enableSchemaRequest: !1,
-      schemas: [
-        {
-          uri: "http://custom-schema/object-required.json",
-          fileMatch: ["*"],
-          schema: {
-            type: "object",
-            description: "Top-level value must be an object",
-            additionalProperties: !0
-          }
-        }
-      ]
-    });
-  }
-  return /* @__PURE__ */ o.jsx(
-    Pe,
-    {
-      beforeMount: c,
-      height: "100%",
-      defaultLanguage: "json",
-      value: r,
-      onChange: t,
-      theme: n,
-      onValidate: a,
-      options: {
-        minimap: { enabled: !1 },
-        formatOnType: !0,
-        formatOnPaste: !0,
-        selectOnLineNumbers: !1,
-        automaticLayout: !0,
-        scrollBeyondLastLine: !1,
-        wordWrap: "on",
-        smoothScrolling: !0,
-        overviewRulerLanes: 0,
-        scrollbar: {
-          horizontal: "hidden",
-          verticalScrollbarSize: 4,
-          verticalSliderSize: 4
-        },
-        ...l ?? {}
-      }
-    }
+  const o = d(
+    "flex w-[36px] h-[18px]  cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",
+    n ? "flex-row-reverse" : "flex-row",
+    r ? "pointer-events-none" : "",
+    r ? n ? "bg-controls-disable" : "bg-layer-4" : n ? "bg-accent-primary" : "bg-layer-4"
+  ), a = ae(
+    (c) => {
+      c.stopPropagation(), s?.(!n);
+    },
+    [s, n]
   );
+  return /* @__PURE__ */ m("div", { className: "flex flex-row items-center", children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        type: "checkbox",
+        onChange: a,
+        id: t,
+        disabled: r,
+        className: "invisible w-0 h-0",
+        checked: n
+      }
+    ),
+    /* @__PURE__ */ l("label", { htmlFor: t, className: o, children: /* @__PURE__ */ l(
+      "span",
+      {
+        className: d(
+          "size-3 rounded-full",
+          r ? n ? "bg-controls-disable" : "bg-layer-4" : "bg-controls-enable-primary"
+        )
+      }
+    ) }),
+    e && /* @__PURE__ */ l("span", { className: "h-[14px] pl-2 small text-primary", children: e })
+  ] });
 };
 export {
-  Ke as DialButton,
-  ee as DialErrorText,
-  re as DialFieldLabel,
-  A as DialIcon,
-  M as DialInput,
-  nr as DialJsonEditor,
-  er as DialNumberInputField,
-  tr as DialTextAreaField,
-  rr as DialTextInputField,
-  Ie as DialTextarea,
-  Z as DialTooltip
+  ye as DialButton,
+  S as DialErrorText,
+  A as DialFieldLabel,
+  y as DialIcon,
+  F as DialInput,
+  De as DialNumberInputField,
+  ke as DialSwitch,
+  Fe as DialTextAreaField,
+  Te as DialTextInputField,
+  fe as DialTextarea,
+  C as DialTooltip
 };