@epam/ai-dial-ui-kit 0.15.0-dev.7 → 0.15.0

package/dist/components/New/NoDataContent/NoDataContent.js

@@ -15,9 +15,9 @@ const r = 32, N = ({
   {
     role: i ? "status" : void 0,
     className: e(
-      x.noDataContent,
       "flex size-full flex-col items-center justify-center gap-2 text-tertiary",
-      n
+      n,
+      x.noDataContent
     ),
     children: [
       o ?? /* @__PURE__ */ t(

package/dist/components/New/Notification/Notification.js

@@ -1,63 +1,65 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import { DialIcon as k } from "../../Icon/Icon.js";
-import { NotificationVariant as n, NotificationType as i } from "../../../types/notification.js";
-import { mergeClasses as c } from "../../../utils/merge-classes.js";
-import { CloseButton as u } from "../CloseButton/CloseButton.js";
-import { variantIcons as I, notificationVariantRoleMap as M, notificationVariantClassNameMap as T, alertBaseClassName as v } from "./constants.js";
-import { DIAL_KIT_CLASS as L } from "../../../constants/public-class-names.js";
-const K = ({
-  variant: e = n.Info,
-  type: s = i.Toast,
+import { useMemo as k } from "react";
+import { DialIcon as u } from "../../Icon/Icon.js";
+import { NotificationVariant as c, NotificationType as s } from "../../../types/notification.js";
+import { mergeClasses as d } from "../../../utils/merge-classes.js";
+import { CloseButton as v } from "../CloseButton/CloseButton.js";
+import { variantIcons as I, notificationVariantRoleMap as M, notificationVariantClassNameMap as T, alertBaseClassName as L } from "./constants.js";
+import { DIAL_KIT_CLASS as V } from "../../../constants/public-class-names.js";
+const R = ({
+  variant: e = c.Info,
+  type: i = s.Toast,
   title: o,
-  message: t,
-  className: d,
-  iconSize: l = 24,
-  iconStroke: m = 2,
-  closable: f = !1,
-  onClose: p,
-  children: x,
-  textClassName: h,
+  message: l,
+  action: t,
+  className: f,
+  iconSize: m = 24,
+  iconStroke: n = 2,
+  closable: p = !1,
+  onClose: x,
+  children: h,
+  textClassName: N,
   ...w
 }) => {
-  const N = b(() => I({ size: l, stroke: m })[e], [e, l, m]), g = h ?? (s === i.SectionMessage ? "flex-row flex-wrap items-baseline gap-x-1" : "flex-col");
+  const g = k(() => I({ size: m, stroke: n })[e], [e, m, n]), C = N ?? (i === s.SectionMessage ? "flex-row flex-wrap items-baseline gap-x-1" : "flex-col");
   return /* @__PURE__ */ r(
     "div",
     {
       role: M[e],
       ...w,
-      className: c(
-        L.notification,
-        v,
+      className: d(
+        L,
         T[e],
-        s === i.Toast && "min-w-[200px] max-w-[600px] shadow-lg",
-        s === i.SectionMessage && e === n.Loading && "border-secondary",
-        d
+        i === s.Toast && "min-w-[200px] max-w-[600px] shadow-lg",
+        i === s.SectionMessage && e === c.Loading && "border-secondary",
+        f,
+        V.notification
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
-          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ a(k, { icon: N }) }),
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ a(u, { icon: g }) }),
           o ? /* @__PURE__ */ r(
             "div",
             {
-              className: c(
+              className: d(
                 "flex min-w-0 text-primary break-words",
-                g
+                C
               ),
               children: [
                 /* @__PURE__ */ a("div", { className: "dial-small-paragraph-semi-text min-w-0 break-words", children: o }),
-                /* @__PURE__ */ a("div", { className: "dial-small-paragraph-text min-w-0 break-words", children: t })
+                /* @__PURE__ */ a("div", { className: "dial-small-paragraph-text min-w-0 break-words", children: l })
               ]
             }
-          ) : /* @__PURE__ */ a("div", { className: "dial-small-paragraph-text min-w-0 text-primary break-words", children: t })
+          ) : /* @__PURE__ */ a("div", { className: "dial-small-paragraph-text min-w-0 text-primary break-words", children: l })
         ] }),
-        x,
-        f && /* @__PURE__ */ a(
-          u,
+        t != null && /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center", children: t }),
+        h,
+        p && /* @__PURE__ */ a(
+          v,
           {
             className: "shrink-0 self-start",
             ariaLabel: "Close notification",
-            onClose: (C) => p?.(C)
+            onClose: (b) => x?.(b)
           }
         )
       ]
@@ -65,5 +67,5 @@ const K = ({
   );
 };
 export {
-  K as Notification
+  R as Notification
 };

package/dist/components/New/NumberInput/NumberInput.js

@@ -33,8 +33,8 @@ const I = /^0+\.(\d+)?$/, K = /^0+/, S = [".", "-", "+", "e", "E"], l = (t) => !
     {
       ...c,
       wrapperClassName: h(
-        w.numberInput,
-        c.wrapperClassName
+        c.wrapperClassName,
+        w.numberInput
       ),
       type: "number",
       min: s,

package/dist/components/New/PasswordInput/PasswordInput.js

@@ -23,8 +23,8 @@ const K = ({
     {
       ...t,
       wrapperClassName: E(
-        _.passwordInput,
-        t.wrapperClassName
+        t.wrapperClassName,
+        _.passwordInput
       ),
       size: n,
       disabled: r,

package/dist/components/New/Popup/Popup.js

@@ -1,63 +1,64 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useFloating as J, useRole as Q, useDismiss as U, useInteractions as W, FloatingPortal as X, FloatingOverlay as Y, FloatingFocusManager as ee } from "@floating-ui/react";
-import { useRef as oe, useId as re } from "react";
-import { Button as se } from "../Button/Button.js";
-import { CloseButton as ae } from "../CloseButton/CloseButton.js";
-import { GhostIconButton as ie } from "../IconButton/IconButtonWrappers.js";
-import { Tooltip as le } from "../Tooltip/Tooltip.js";
-import { DIAL_KIT_ICON_STROKE as te } from "../constants/icon.js";
-import { DIAL_ICON_SIZE as ne } from "../../../constants/icon.js";
-import { ButtonVariant as pe } from "../../../types/button.js";
-import { PopupSize as me } from "../../../types/popup.js";
-import { ElementSize as ce } from "../../../types/size.js";
-import { useThemeScope as de } from "../ThemeScope/ThemeScope.js";
+import { useFloating as Q, useRole as U, useDismiss as W, useInteractions as X, FloatingPortal as Y, FloatingOverlay as ee, FloatingFocusManager as oe } from "@floating-ui/react";
+import { useRef as re, useId as se } from "react";
+import { Button as ae } from "../Button/Button.js";
+import { CloseButton as ie } from "../CloseButton/CloseButton.js";
+import { GhostIconButton as le } from "../IconButton/IconButtonWrappers.js";
+import { Tooltip as te } from "../Tooltip/Tooltip.js";
+import { DIAL_KIT_ICON_STROKE as ne } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as pe } from "../../../constants/icon.js";
+import { ButtonVariant as me } from "../../../types/button.js";
+import { PopupSize as ce } from "../../../types/popup.js";
+import { ElementSize as de } from "../../../types/size.js";
+import { useThemeScope as ue } from "../ThemeScope/ThemeScope.js";
 import { mergeClasses as r } from "../../../utils/merge-classes.js";
-import { IconChevronLeft as ue } from "@tabler/icons-react";
-import { popupActionsGroupClassName as l, popupHeaderDividerClassName as fe, popupHeaderClassName as ge, popupSizeClassMap as he, popupBaseClassName as Ne, popupOverlayBaseClassName as Ce, popupTitleClassName as ve, popupFooterDividerClassName as Ie, popupFooterClassName as Fe } from "./constants.js";
-import { DIAL_KIT_CLASS as Se } from "../../../constants/public-class-names.js";
-const $e = ({
+import { IconChevronLeft as fe } from "@tabler/icons-react";
+import { popupActionsGroupClassName as l, popupHeaderDividerClassName as ge, popupHeaderClassName as he, popupSizeClassMap as Ne, popupBaseClassName as Ce, popupOverlayBaseClassName as ve, popupTitleClassName as Ie, popupFooterDividerClassName as Fe, popupFooterClassName as Se } from "./constants.js";
+import { DIAL_KIT_CLASS as xe } from "../../../constants/public-class-names.js";
+const je = ({
   open: t = !1,
   header: n,
   ariaLabel: F,
   portalId: S,
   className: x,
   overlayClassName: T,
-  titleClassName: _,
-  headerClassName: b,
+  overlayStyle: _,
+  titleClassName: b,
+  headerClassName: y,
   bodyClassName: z,
   children: D,
   footer: p,
-  footerClassName: y,
+  footerClassName: B,
   onClose: m,
   onBack: c,
-  backAriaLabel: B = "Back",
+  backAriaLabel: L = "Back",
   headerActions: d,
-  headerDivider: L = !1,
+  headerDivider: P = !1,
   mainButtons: u,
   additionalButtons: f,
   additionalButtonsOnLeft: g = !1,
-  footerDivider: P = !1,
-  size: A = me.Md,
-  hideClose: M = !1,
-  closeAriaLabel: R = "Close dialog",
-  closeOnOutsideClick: w = !0,
+  footerDivider: A = !1,
+  size: M = ce.Md,
+  hideClose: R = !1,
+  closeAriaLabel: w = "Close dialog",
+  closeOnOutsideClick: E = !0,
   preventKeyboardOnOpen: h = !1
 }) => {
-  const E = de(), N = oe(null), G = re(), { refs: C, context: a } = J({
+  const G = ue(), N = re(null), O = se(), { refs: C, context: a } = Q({
     open: t,
     onOpenChange: (e) => {
       e || m?.(null);
     }
-  }), O = Q(a, { role: "dialog" }), $ = U(a, { outsidePress: w }), { getFloatingProps: j } = W([O, $]);
+  }), $ = U(a, { role: "dialog" }), j = W(a, { outsidePress: E }), { getFloatingProps: k } = X([$, j]);
   if (!t) return null;
-  const i = typeof n == "string" ? `popup-heading-${G}` : void 0, k = (e) => e ? typeof e == "string" ? /* @__PURE__ */ o(
+  const i = typeof n == "string" ? `popup-heading-${O}` : void 0, H = (e) => e ? typeof e == "string" ? /* @__PURE__ */ o(
     "h2",
     {
       id: i,
-      className: r(ve, _),
-      children: /* @__PURE__ */ o(le, { tooltip: e, triggerClassName: "truncate", children: e })
+      className: r(Ie, b),
+      children: /* @__PURE__ */ o(te, { tooltip: e, triggerClassName: "truncate", children: e })
     }
-  ) : e : /* @__PURE__ */ o("span", {}), v = M ? null : /* @__PURE__ */ o(ae, { ariaLabel: R, onClose: (e) => m?.(e) }), I = (e, K = []) => K.map(({ variant: V = pe.Neutral, ...Z }, q) => /* @__PURE__ */ o(se, { variant: V, ...Z }, `${e}-${q}`)), H = () => {
+  ) : e : /* @__PURE__ */ o("span", {}), v = R ? null : /* @__PURE__ */ o(ie, { ariaLabel: w, onClose: (e) => m?.(e) }), I = (e, V = []) => V.map(({ variant: Z = me.Neutral, ...q }, J) => /* @__PURE__ */ o(ae, { variant: Z, ...q }, `${e}-${J}`)), K = () => {
     if (p !== void 0) return p;
     if (!u?.length && !f?.length) return null;
     const e = I("additional", f);
@@ -65,9 +66,9 @@ const $e = ({
       "div",
       {
         className: r(
-          Fe,
-          P && Ie,
-          y
+          Se,
+          A && Fe,
+          B
         ),
         children: [
           g && e.length > 0 && /* @__PURE__ */ o("div", { className: l, children: e }),
@@ -79,16 +80,17 @@ const $e = ({
       }
     );
   };
-  return /* @__PURE__ */ o(X, { id: S, children: /* @__PURE__ */ o(
-    Y,
+  return /* @__PURE__ */ o(Y, { id: S, children: /* @__PURE__ */ o(
+    ee,
     {
+      style: _,
       className: r(
-        Ce,
-        E,
+        ve,
+        G,
         T
       ),
       children: /* @__PURE__ */ o(
-        ee,
+        oe,
         {
           context: a,
           initialFocus: h ? N : C.floating,
@@ -96,16 +98,16 @@ const $e = ({
             "div",
             {
               ref: C.setFloating,
-              ...j(),
+              ...k(),
               role: "dialog",
               "aria-modal": "true",
               "aria-labelledby": i,
               "aria-label": i ? void 0 : F,
               className: r(
-                Se.popup,
-                Ne,
-                he[A],
-                x
+                Ce,
+                Ne[M],
+                x,
+                xe.popup
               ),
               children: [
                 h && /* @__PURE__ */ o(
@@ -121,29 +123,29 @@ const $e = ({
                   "div",
                   {
                     className: r(
-                      ge,
-                      L && fe,
-                      b
+                      he,
+                      P && ge,
+                      y
                     ),
                     children: [
                       c && /* @__PURE__ */ o(
-                        ie,
+                        le,
                         {
-                          "aria-label": B,
-                          size: ce.Small,
+                          "aria-label": L,
+                          size: de.Small,
                           className: "mr-2",
                           onClick: c,
                           icon: /* @__PURE__ */ o(
-                            ue,
+                            fe,
                             {
-                              size: ne.SM,
-                              stroke: te,
+                              size: pe.SM,
+                              stroke: ne,
                               "aria-hidden": "true"
                             }
                           )
                         }
                       ),
-                      k(n),
+                      H(n),
                       d ? /* @__PURE__ */ s("div", { className: l, children: [
                         d,
                         v
@@ -152,7 +154,7 @@ const $e = ({
                   }
                 ),
                 /* @__PURE__ */ o("div", { className: r("grow overflow-auto", z), children: D }),
-                H()
+                K()
               ]
             }
           )
@@ -162,5 +164,5 @@ const $e = ({
   ) });
 };
 export {
-  $e as Popup
+  je as Popup
 };

package/dist/components/New/Popup/constants.js

@@ -1,5 +1,5 @@
 import { PopupSize as e } from "../../../types/popup.js";
-const a = "z-[52] flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", r = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", t = "flex flex-row items-center justify-between px-6 py-4", o = "flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary", s = "border-b border-tertiary", l = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", x = "flex shrink-0 flex-row items-center gap-2", i = {
+const a = "z-popup flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", r = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", o = "flex flex-row items-center justify-between px-6 py-4", t = "flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary", s = "border-b border-tertiary", l = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", x = "flex shrink-0 flex-row items-center gap-2", i = {
   [e.Sm]: "max-w-full md:max-w-[400px]",
   [e.Md]: "max-w-full md:max-w-[800px]",
   [e.Lg]: "max-w-full md:max-w-[1200px]"
@@ -9,9 +9,9 @@ export {
   r as popupBaseClassName,
   l as popupFooterClassName,
   m as popupFooterDividerClassName,
-  t as popupHeaderClassName,
+  o as popupHeaderClassName,
   s as popupHeaderDividerClassName,
   a as popupOverlayBaseClassName,
   i as popupSizeClassMap,
-  o as popupTitleClassName
+  t as popupTitleClassName
 };

package/dist/components/New/Radio/Radio.js

@@ -28,9 +28,9 @@ const F = ({
       "div",
       {
         className: r(
-          k.radio,
           "flex items-center gap-2 ",
-          f
+          f,
+          k.radio
         ),
         children: [
           /* @__PURE__ */ e(

package/dist/components/New/RadioGroup/RadioGroup.js

@@ -30,9 +30,9 @@ const U = ({
     "div",
     {
       className: i(
-        K.radioGroup,
         E,
-        $
+        $,
+        K.radioGroup
       ),
       children: [
         r && /* @__PURE__ */ o(R, { ...r, id: n }),

package/dist/components/New/RadioGroupPopupField/RadioGroupPopupField.js

@@ -58,9 +58,9 @@ const zo = ({
     "div",
     {
       className: F(
-        Lo.radioGroupPopupField,
         "flex w-full flex-col gap-2",
-        Z
+        Z,
+        Lo.radioGroupPopupField
       ),
       children: [
         c && /* @__PURE__ */ o(ro, { ...c, id: $, htmlFor: e }),

package/dist/components/New/ResizableContainer/ResizableContainer.js

@@ -95,9 +95,9 @@ const j = 16, J = ({
     "div",
     {
       className: y(
-        K.resizableContainer,
         "group flex size-full flex-col bg-layer-raised transition-all motion-reduce:transition-none",
-        x
+        x,
+        K.resizableContainer
       ),
       children: M
     }

package/dist/components/New/SchemaRenderer/SchemaRenderer.js

@@ -0,0 +1,164 @@
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { useMemo as b, useState as L, useCallback as Q, useEffect as U } from "react";
+import { DEFAULT_SCHEMA_TEXTS as W } from "../../../constants/schema-renderer.js";
+import { DIAL_KIT_CLASS as Y } from "../../../constants/public-class-names.js";
+import { SchemaRendererVariant as c } from "../../../types/json-schema.js";
+import { extractDefaults as Z, sortByPropertyOrder as $, resolveRef as P, toFieldLabel as R, validateRequired as y, isMissingRequiredValue as k } from "../../../utils/json-schema.js";
+import { mergeClasses as ee } from "../../../utils/merge-classes.js";
+import { SchemaField as re } from "./components/SchemaField.js";
+import { SchemaFieldContent as q } from "./components/SchemaFieldContent.js";
+import { SchemaJsonEditor as te } from "./components/SchemaJsonEditor.js";
+import { SchemaSection as T } from "./components/SchemaSection.js";
+import { SchemaRendererContext as oe, isPathTouched as le } from "./context.js";
+const F = "dial-small-semi-text text-primary", ge = ({
+  schema: t,
+  defaultValue: f,
+  texts: p,
+  className: N,
+  readonly: j = !1,
+  defaultExpanded: m = !0,
+  inputClassName: A,
+  variant: d = c.Sections,
+  onChange: M,
+  onPropertyChange: O,
+  onDefaultValues: _,
+  renderField: D,
+  skipUntouched: S = !1,
+  acceptableResourceTypes: E
+}) => {
+  const H = b(
+    () => ({ ...W, ...p }),
+    [p]
+  ), g = b(() => f || (Z(t, t) ?? {}), []), [n, K] = L(g), [C, V] = L(
+    () => /* @__PURE__ */ new Set()
+  ), w = Q((e) => {
+    V(
+      (r) => r.has(e) ? r : /* @__PURE__ */ new Set([...r, e])
+    );
+  }, []);
+  U(() => {
+    _?.(g);
+  }, []);
+  const v = (e, r) => {
+    const o = { ...n, [e]: r };
+    K(o), M?.(o), O?.(e, r);
+  }, I = new Set(Object.keys(t.properties ?? {})), B = Object.keys(n).filter(
+    (e) => !I.has(e)
+  ), J = $(
+    Object.entries(t.properties ?? {}).filter(
+      ([, e]) => !P(e, t).isHidden
+    )
+  ), X = t.required ?? [];
+  return /* @__PURE__ */ l(
+    oe.Provider,
+    {
+      value: {
+        rootSchema: t,
+        texts: H,
+        readonly: j,
+        defaultExpanded: m,
+        inputClassName: A,
+        acceptableResourceTypes: E,
+        renderField: D,
+        touchedPaths: C,
+        markTouched: w,
+        skipUntouched: S
+      },
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          className: ee(
+            "flex flex-col gap-4",
+            N,
+            Y.schemaRenderer
+          ),
+          children: [
+            J.map(([e, r]) => {
+              const o = P(r, t), s = o.title ?? r.title ?? R(e), a = X.includes(e), i = n[e], u = (G) => v(e, G);
+              if (d === c.Flat)
+                return /* @__PURE__ */ l(
+                  re,
+                  {
+                    schema: r,
+                    value: i,
+                    onChange: u,
+                    path: [e],
+                    level: 0,
+                    required: a,
+                    label: s
+                  },
+                  e
+                );
+              if (d === c.FlatSections)
+                return /* @__PURE__ */ h("section", { className: "flex flex-col gap-3", children: [
+                  /* @__PURE__ */ l("h2", { className: F, children: s }),
+                  /* @__PURE__ */ l(
+                    q,
+                    {
+                      schema: r,
+                      value: i,
+                      onChange: u,
+                      path: [e],
+                      level: 0,
+                      required: a,
+                      ariaLabel: s
+                    }
+                  )
+                ] }, e);
+              const x = y(i, o, t, e), z = a && k(i) ? Math.max(x.length, 1) : x.length;
+              return /* @__PURE__ */ l(
+                T,
+                {
+                  title: s,
+                  description: o.description,
+                  level: 0,
+                  defaultExpanded: m,
+                  errorCount: le(e, C, S, !0) ? z : 0,
+                  children: /* @__PURE__ */ l(
+                    q,
+                    {
+                      schema: r,
+                      value: i,
+                      onChange: u,
+                      path: [e],
+                      level: 1,
+                      required: a,
+                      ariaLabel: s
+                    }
+                  )
+                },
+                e
+              );
+            }),
+            B.map((e) => {
+              const r = R(e), o = /* @__PURE__ */ l(
+                te,
+                {
+                  value: n[e],
+                  onChange: (s) => v(e, s),
+                  ariaLabel: r
+                }
+              );
+              return d === c.Sections ? /* @__PURE__ */ l(
+                T,
+                {
+                  title: r,
+                  level: 0,
+                  defaultExpanded: m,
+                  children: o
+                },
+                e
+              ) : /* @__PURE__ */ h("section", { className: "flex flex-col gap-3", children: [
+                /* @__PURE__ */ l("h2", { className: F, children: r }),
+                o
+              ] }, e);
+            })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  ge as SchemaRenderer
+};

package/dist/components/New/SchemaRenderer/components/SchemaAnyOfEditor.js

@@ -0,0 +1,65 @@
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { Select as O } from "../../Select/Select.js";
+import { JsonSchemaType as t } from "../../../../types/json-schema.js";
+import { detectAnyOfVariant as A, resolveRef as d, getOptionLabel as E, extractDefaults as T } from "../../../../utils/json-schema.js";
+import { useSchemaContext as P } from "../context.js";
+import { SchemaFieldContent as Y } from "./SchemaFieldContent.js";
+const y = {
+  [t.Array]: [],
+  [t.String]: "",
+  [t.Boolean]: !1,
+  [t.Integer]: 0,
+  [t.Number]: 0
+}, V = ({
+  schema: u,
+  value: c,
+  onChange: l,
+  path: h,
+  level: S,
+  ariaLabel: m
+}) => {
+  const { rootSchema: o, texts: x, readonly: N = !1 } = P(), s = u.anyOf ?? [], i = A(c, s, o), a = s[i], b = !a || d(a, o).type === t.Null, g = (e) => {
+    const r = d(s[e], o);
+    if (r.type === t.Null) {
+      l(null);
+      return;
+    }
+    const p = T(r, o);
+    if (p !== void 0) {
+      l(p);
+      return;
+    }
+    const f = typeof r.type == "string" ? r.type : "";
+    l(f in y ? y[f] : {});
+  };
+  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ n(
+      O,
+      {
+        ariaLabel: m ?? x.selectTypePlaceholder,
+        options: s.map((e, r) => ({
+          value: String(r),
+          label: E(e, o)
+        })),
+        value: String(i),
+        disabled: N,
+        onChange: (e) => g(Number(typeof e == "string" ? e : e[0])),
+        className: "max-w-[280px]"
+      }
+    ),
+    !b && /* @__PURE__ */ n("div", { className: "border-l-2 border-tertiary pl-3", children: /* @__PURE__ */ n(
+      Y,
+      {
+        schema: a,
+        value: c,
+        onChange: l,
+        path: h,
+        level: S,
+        ariaLabel: m
+      }
+    ) })
+  ] });
+};
+export {
+  V as SchemaAnyOfEditor
+};