@epam/ai-dial-ui-kit 0.1.0-rc

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

@@ -0,0 +1,778 @@
+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,
+  cssClass: t,
+  ref: a,
+  onClick: l,
+  disable: n,
+  iconAfter: i,
+  iconBefore: c,
+  hideTitleOnMobile: d,
+  ariaLabel: f
+}) => {
+  const g = j(
+    "dial-small-semi",
+    i ? "mr-2" : "",
+    c ? "ml-2" : "",
+    d ? "hidden sm:inline" : "inline"
+  ), m = j(
+    t,
+    "focus-visible:outline outline-offset-0"
+  );
+  return /* @__PURE__ */ o.jsxs(
+    "button",
+    {
+      ref: a,
+      type: "button",
+      className: m,
+      onClick: (x) => l?.(x),
+      disabled: n,
+      "aria-label": r || f,
+      children: [
+        /* @__PURE__ */ o.jsx(A, { icon: c }),
+        r && /* @__PURE__ */ o.jsx("span", { className: g, children: r }),
+        /* @__PURE__ */ o.jsx(A, { icon: i })
+      ]
+    }
+  );
+}, ee = ({ errorText: r }) => r && /* @__PURE__ */ o.jsx("span", { className: "text-error dial-tiny mt-1", children: r }), re = ({
+  fieldTitle: r,
+  htmlFor: t,
+  optional: a,
+  optionalText: l,
+  cssClass: n
+}) => r ? /* @__PURE__ */ o.jsxs(
+  "label",
+  {
+    className: j(
+      "dial-tiny text-secondary",
+      n,
+      !n?.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)" })
+    ]
+  }
+) : 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)
+    throw new Error("Tooltip components must be wrapped in <Tooltip />");
+  return r;
+}, Be = ({
+  initialOpen: r = !1,
+  placement: t = "bottom",
+  isTriggerClickable: a = !1,
+  open: l,
+  onOpenChange: n
+} = {}) => {
+  const [i, c] = be(r), d = ge(null), f = l ?? i, g = n ?? c, m = Ee({
+    placement: t,
+    open: f,
+    onOpenChange: g,
+    whileElementsMounted: Ne,
+    middleware: [
+      ke(Me + $e),
+      Re({
+        crossAxis: t.includes("-"),
+        fallbackAxisSideDirection: "start",
+        padding: 5
+      }),
+      Te({ padding: 5 }),
+      _e({
+        element: d
+      })
+    ]
+  }), x = we(m.context, {
+    move: !1,
+    enabled: l == null,
+    mouseOnly: a,
+    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(
+    () => ({
+      open: f,
+      setOpen: g,
+      arrowRef: d,
+      ...h,
+      ...m
+    }),
+    [f, g, h, m]
+  );
+}, We = ({
+  children: r,
+  ...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(
+    "div",
+    {
+      ref: i,
+      style: {
+        ...n.floatingStyles,
+        ...t
+      },
+      ...n.getFloatingProps(a),
+      className: j(
+        "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
+      ),
+      children: [
+        a.children,
+        /* @__PURE__ */ o.jsx(
+          Fe,
+          {
+            ref: n.arrowRef,
+            context: n.context,
+            fill: "currentColor",
+            strokeWidth: 1,
+            className: "stroke-primary w-2 text-[var(--bg-layer-0,_#000000)]"
+          }
+        )
+      ]
+    }
+  ) }) : 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(
+    t,
+    i.getReferenceProps({
+      ref: f,
+      ...l,
+      ...t.props
+    })
+  ) : /* @__PURE__ */ o.jsx(
+    "span",
+    {
+      ref: f,
+      ...i.getReferenceProps(l),
+      className: l.className ?? "dial-tooltip-trigger text-left",
+      children: t
+    }
+  );
+}), Z = ({
+  hideTooltip: r,
+  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,
+    {
+      className: j("text-primary", n),
+      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",
+  {
+    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
+    ),
+    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)
+        }
+      ),
+      /* @__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"
+        }
+      ) })
+    ]
+  }
+), qe = /^0+\.(\d+)?$/, Ge = /^0+/, oe = ({
+  fieldTitle: r,
+  errorText: t,
+  optional: a,
+  elementCssClass: l,
+  elementContainerCssClass: n,
+  elementId: i,
+  containerCssClass: c,
+  readonly: d,
+  defaultEmptyText: f,
+  min: g,
+  max: m,
+  ...x
+}) => /* @__PURE__ */ o.jsxs("div", { className: j("flex flex-col", c), children: [
+  /* @__PURE__ */ o.jsx(
+    re,
+    {
+      fieldTitle: r,
+      optional: a,
+      htmlFor: i
+    }
+  ),
+  d ? /* @__PURE__ */ o.jsx("span", { children: x.value || (f ?? "None") }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
+      M,
+      {
+        elementId: i,
+        cssClass: l,
+        containerCssClass: n,
+        invalid: t != null,
+        min: g,
+        max: m,
+        ...x
+      }
+    ),
+    /* @__PURE__ */ o.jsx(ee, { errorText: t })
+  ] })
+] }), er = ({
+  onChange: r,
+  value: t,
+  min: a,
+  max: l,
+  ...n
+}) => {
+  const i = (c) => String(c)?.match(qe) ? String(c)?.replace(Ge, "0") : Number(c);
+  return /* @__PURE__ */ o.jsx(
+    oe,
+    {
+      type: "number",
+      onChange: (c) => r?.(i(c)),
+      value: t,
+      min: a,
+      max: l,
+      ...n
+    }
+  );
+}, rr = ({
+  onChange: r,
+  ...t
+}) => /* @__PURE__ */ o.jsx(
+  oe,
+  {
+    type: "text",
+    onChange: (a) => r?.(a),
+    ...t
+  }
+), tr = ({
+  fieldTitle: r,
+  optional: t,
+  elementId: a,
+  elementCssClass: l,
+  errorText: n,
+  ...i
+}) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col", children: [
+  /* @__PURE__ */ o.jsx(
+    re,
+    {
+      fieldTitle: r,
+      optional: t,
+      htmlFor: a
+    }
+  ),
+  /* @__PURE__ */ o.jsx(
+    Ie,
+    {
+      textareaId: a,
+      cssClass: l,
+      ...i
+    }
+  ),
+  /* @__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
+}) => {
+  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 ?? {}
+      }
+    }
+  );
+};
+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
+};