@box/metadata-template-editor 1.20.9 → 1.20.10

package/dist/esm/lib/components/metadata-field-configurator/components/field-action-slot/field-action-slot.js

@@ -1,80 +1,63 @@
-import { useIntl as T } from "react-intl";
-import { Status as F, Tabs as l } from "@box/blueprint-web";
-import { Hidden as M, Pencil as C } from "@box/blueprint-web-assets/icons/Line";
-import { DragDots as L } from "@box/blueprint-web-assets/icons/Fill";
-import { SurfaceStatusSurfaceGray as w } from "@box/blueprint-web-assets/tokens/tokens";
-import { FieldContextMenu as x } from "../field-context-menu/field-context-menu.js";
-import { general as o } from "../../messages/configurator-messages.js";
-import { s as n } from "../../../../../../chunks/metadata-field-configurator.module.js";
-import { jsxs as s, Fragment as j, jsx as t } from "react/jsx-runtime";
-const B = ({
-  isExpanded: h,
-  isHidden: m,
-  index: i,
-  maxIndex: u,
-  dndDragHandleProps: e,
-  onDragStart: c,
-  onDragEnd: b,
-  onTouchStart: f,
-  onReorderFields: p,
-  onToggleVisibility: S,
-  onRequestDelete: v,
-  onRequestDuplicate: g,
-  extensions: d
-}) => {
-  const r = T();
-  return /* @__PURE__ */ s(j, {
-    children: [m && /* @__PURE__ */ t(F, {
-      icon: M,
-      iconPosition: "left",
-      color: w,
-      text: r.formatMessage(o.hiddenStatus).toUpperCase()
-    }), h === !1 && /* @__PURE__ */ t("div", {
-      draggable: !e,
-      className: n.dragHandle,
-      onDragStart: !e && c ? (a) => c(a, i) : void 0,
-      onDragEnd: !e && b ? (a) => b(a, i) : void 0,
-      onTouchStart: !e && f ? (a) => f(a, i) : void 0,
-      ...e?.listeners ?? {},
-      ...e?.attributes ?? {},
-      "aria-label": r.formatMessage(o.dragAndDropFieldAriaLabel),
-      tabIndex: e ? void 0 : -1,
-      children: /* @__PURE__ */ t(L, {
-        fontSize: 20,
-        "aria-label": r.formatMessage(o.dragAndDropFieldAriaLabel)
-      })
-    }), /* @__PURE__ */ s("div", {
-      className: n.expandedToolbarActions,
-      children: [d.length > 0 && /* @__PURE__ */ s(l.TabList, {
-        variant: "contentSwitcher",
-        containerClassname: n.extensionTabsContainer,
-        children: [/* @__PURE__ */ t(l.Tab, {
-          id: "edit",
-          variant: "contentSwitcher",
-          "aria-label": r.formatMessage(o.editTabAriaLabel),
-          children: /* @__PURE__ */ t(C, {
-            "aria-hidden": "true"
-          })
-        }), d.map((a, A) => /* @__PURE__ */ t(l.Tab, {
-          id: `ext-${A}`,
-          variant: "contentSwitcher",
-          "aria-label": a.label,
-          children: /* @__PURE__ */ t(a.icon, {
-            "aria-hidden": "true"
-          })
-        }, a.label))]
-      }), /* @__PURE__ */ t(x, {
-        index: i,
-        maxIndex: u,
-        isHidden: m,
-        onReorderFields: p,
-        onToggleVisibility: S,
-        onRequestDelete: v,
-        onRequestDuplicate: g
-      })]
-    })]
-  });
-};
-export {
-  B as FieldActionSlot
+import { general as e } from "../../messages/configurator-messages.js";
+import { t } from "../../../../../../chunks/metadata-field-configurator.module.js";
+import { t as n } from "../../../../../../chunks/field-context-menu.js";
+import { Status as r, Tabs as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { DragDots as l } from "@box/blueprint-web-assets/icons/Fill";
+import "react";
+import { SurfaceStatusSurfaceGray as u } from "@box/blueprint-web-assets/tokens/tokens";
+import { Hidden as d, Pencil as f } from "@box/blueprint-web-assets/icons/Line";
+var p = ({ isExpanded: p, isHidden: m, index: h, maxIndex: g, dndDragHandleProps: _, onDragStart: v, onDragEnd: y, onTouchStart: b, onReorderFields: x, onToggleVisibility: S, onRequestDelete: C, onRequestDuplicate: w, extensions: T }) => {
+	let E = a();
+	return /* @__PURE__ */ c(o, { children: [
+		m && /* @__PURE__ */ s(r, {
+			icon: d,
+			iconPosition: "left",
+			color: u,
+			text: E.formatMessage(e.hiddenStatus).toUpperCase()
+		}),
+		p === !1 && /* @__PURE__ */ s("div", {
+			draggable: !_,
+			className: t.dragHandle,
+			onDragStart: !_ && v ? (e) => v(e, h) : void 0,
+			onDragEnd: !_ && y ? (e) => y(e, h) : void 0,
+			onTouchStart: !_ && b ? (e) => b(e, h) : void 0,
+			..._?.listeners ?? {},
+			..._?.attributes ?? {},
+			"aria-label": E.formatMessage(e.dragAndDropFieldAriaLabel),
+			tabIndex: _ ? void 0 : -1,
+			children: /* @__PURE__ */ s(l, {
+				fontSize: 20,
+				"aria-label": E.formatMessage(e.dragAndDropFieldAriaLabel)
+			})
+		}),
+		/* @__PURE__ */ c("div", {
+			className: t.expandedToolbarActions,
+			children: [T.length > 0 && /* @__PURE__ */ c(i.TabList, {
+				variant: "contentSwitcher",
+				containerClassname: t.extensionTabsContainer,
+				children: [/* @__PURE__ */ s(i.Tab, {
+					id: "edit",
+					variant: "contentSwitcher",
+					"aria-label": E.formatMessage(e.editTabAriaLabel),
+					children: /* @__PURE__ */ s(f, { "aria-hidden": "true" })
+				}), T.map((e, t) => /* @__PURE__ */ s(i.Tab, {
+					id: `ext-${t}`,
+					variant: "contentSwitcher",
+					"aria-label": e.label,
+					children: /* @__PURE__ */ s(e.icon, { "aria-hidden": "true" })
+				}, e.label))]
+			}), /* @__PURE__ */ s(n, {
+				index: h,
+				maxIndex: g,
+				isHidden: m,
+				onReorderFields: x,
+				onToggleVisibility: S,
+				onRequestDelete: C,
+				onRequestDuplicate: w
+			})]
+		})
+	] });
 };
+export { p as FieldActionSlot };

package/dist/esm/lib/components/metadata-field-configurator/components/field-context-menu/field-context-menu.js

@@ -1,115 +1,2 @@
-import { DropdownMenu as t, IconButton as b, Divider as x, Text as _ } from "@box/blueprint-web";
-import { Ellipsis as w } from "@box/blueprint-web-assets/icons/Fill";
-import { ArrowUp as F, ArrowDown as C, TwoFiles as N, Visible as T, Hidden as A, Trash as L } from "@box/blueprint-web-assets/icons/Line";
-import { IconIconErrorOnLight as D } from "@box/blueprint-web-assets/tokens/tokens";
-import m from "react";
-import { useIntl as k, FormattedMessage as l } from "react-intl";
-import { general as n } from "../../messages/configurator-messages.js";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import '../../../../../../styles/field-context-menu.css';const O = "_contextMenuTrigger_102vn_1", U = "_menuItem_102vn_5", E = "_contextMenu_102vn_1", R = "_divider_102vn_14", r = {
-  contextMenuTrigger: O,
-  menuItem: U,
-  contextMenu: E,
-  divider: R
-}, J = ({
-  index: a,
-  maxIndex: d,
-  isHidden: s,
-  onReorderFields: c,
-  onToggleVisibility: u,
-  onRequestDelete: h,
-  onRequestDuplicate: g
-}) => {
-  const o = k(), [M, p] = m.useState(!1), f = m.useRef(null), v = () => {
-    a > 0 && c(a, a - 1);
-  }, I = () => {
-    c(a, a + 1);
-  };
-  return /* @__PURE__ */ i(t.Root, {
-    open: M,
-    onOpenChange: p,
-    modal: !1,
-    children: [/* @__PURE__ */ e(t.Trigger, {
-      className: r.contextMenuTrigger,
-      children: /* @__PURE__ */ e(b, {
-        icon: w,
-        "aria-label": o.formatMessage(n.contextMenuAriaLabel),
-        size: "large"
-      })
-    }), /* @__PURE__ */ i(t.Content, {
-      ref: f,
-      align: "end",
-      className: r.contextMenu,
-      children: [/* @__PURE__ */ e(t.Item, {
-        disabled: a === 0,
-        onClick: v,
-        "aria-label": o.formatMessage(n.moveUpAriaLabel),
-        children: /* @__PURE__ */ i("div", {
-          className: r.menuItem,
-          children: [/* @__PURE__ */ e(F, {
-            "aria-hidden": "true"
-          }), /* @__PURE__ */ e(l, {
-            ...n.moveUp
-          })]
-        })
-      }), /* @__PURE__ */ e(t.Item, {
-        disabled: a === d,
-        onClick: I,
-        "aria-label": o.formatMessage(n.moveDownAriaLabel),
-        children: /* @__PURE__ */ i("div", {
-          className: r.menuItem,
-          children: [/* @__PURE__ */ e(C, {
-            "aria-hidden": "true"
-          }), /* @__PURE__ */ e(l, {
-            ...n.moveDown
-          })]
-        })
-      }), /* @__PURE__ */ e(t.Item, {
-        onClick: g,
-        "aria-label": o.formatMessage(n.duplicateFieldAriaLabel),
-        children: /* @__PURE__ */ i("div", {
-          className: r.menuItem,
-          children: [/* @__PURE__ */ e(N, {
-            "aria-hidden": "true"
-          }), /* @__PURE__ */ e(l, {
-            ...n.duplicateField
-          })]
-        })
-      }), /* @__PURE__ */ e(t.Item, {
-        onClick: () => u(!s),
-        "aria-label": o.formatMessage(s ? n.showField : n.hideField),
-        children: /* @__PURE__ */ i("div", {
-          className: r.menuItem,
-          children: [s ? /* @__PURE__ */ e(T, {
-            "aria-hidden": "true"
-          }) : /* @__PURE__ */ e(A, {
-            "aria-hidden": "true"
-          }), /* @__PURE__ */ e(l, {
-            ...s ? n.showField : n.hideField
-          })]
-        })
-      }), /* @__PURE__ */ e(x, {
-        className: r.divider
-      }), /* @__PURE__ */ e(t.Item, {
-        onClick: h,
-        "aria-label": o.formatMessage(n.deleteFieldAriaLabel),
-        children: /* @__PURE__ */ i("div", {
-          className: r.menuItem,
-          children: [/* @__PURE__ */ e(L, {
-            color: D,
-            "aria-hidden": "true"
-          }), /* @__PURE__ */ e(_, {
-            as: "span",
-            color: "textOnLightError",
-            children: /* @__PURE__ */ e(l, {
-              ...n.deleteField
-            })
-          })]
-        })
-      })]
-    })]
-  });
-};
-export {
-  J as FieldContextMenu
-};
+import { t as e } from "../../../../../../chunks/field-context-menu.js";
+export { e as FieldContextMenu };

package/dist/esm/lib/components/metadata-field-configurator/components/field-edit-content/field-edit-content.js

@@ -1,101 +1,84 @@
-import { useMemo as x } from "react";
-import { useIntl as L } from "react-intl";
-import { TooltipProvider as B, TextWithInfoBadge as N, TextInput as u, Select as s } from "@box/blueprint-web";
-import { useFieldConfigurator as O } from "../../context/field-configurator-context.js";
-import { useFieldOptions as P } from "../../../../utils/field-options/useFieldOptions.js";
-import { F as h } from "../../../../../../chunks/types.js";
-import { getConfigurationByType as R } from "../../utils.js";
-import { general as i } from "../../messages/configurator-messages.js";
-import { s as o } from "../../../../../../chunks/metadata-field-configurator.module.js";
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-const z = ({
-  nameInputId: b,
-  descriptionInputId: t,
-  isTypeEditable: d,
-  externalErrors: c,
-  externalTouched: y,
-  handleTypeChange: v
-}) => {
-  const r = L(), F = P(), {
-    values: a,
-    errors: M,
-    touched: C,
-    handleChange: m,
-    handleBlur: p
-  } = O(), f = (l) => {
-    if (c && y?.[l])
-      return c[l];
-    const n = M[l];
-    if (C[l] && n != null && typeof n == "string")
-      return n;
-  }, T = x(() => /* @__PURE__ */ e(B, {
-    children: /* @__PURE__ */ e(N, {
-      infoBadgeAriaLabel: r.formatMessage(i.descriptionLearnMoreBadgeAriaLabel),
-      infoText: r.formatMessage(i.descriptionInfoTooltip),
-      children: /* @__PURE__ */ e("label", {
-        className: o.labelWithTooltip,
-        htmlFor: t,
-        children: r.formatMessage(i.fieldDescriptionLabel)
-      })
-    })
-  }), [r, t]);
-  return /* @__PURE__ */ e("fieldset", {
-    disabled: a.isFieldReadOnly,
-    className: o.fieldset,
-    children: /* @__PURE__ */ g("div", {
-      className: o.expandedContent,
-      children: [/* @__PURE__ */ g("div", {
-        className: o.basic,
-        children: [/* @__PURE__ */ e(u, {
-          name: "name",
-          id: b,
-          label: r.formatMessage(i.fieldNameLabel),
-          placeholder: r.formatMessage(i.fieldNameInputPlaceholder),
-          value: a.name,
-          error: f("name"),
-          onChange: m,
-          onBlur: p,
-          disabled: a.isFieldReadOnly,
-          required: !0
-        }), /* @__PURE__ */ e(s, {
-          name: "type",
-          label: r.formatMessage(i.fieldTypeLabel),
-          placeholder: r.formatMessage(i.fieldTypePlaceholder),
-          value: a.type,
-          "aria-readonly": !d,
-          readonly: !d,
-          disabled: a.isFieldReadOnly,
-          onValueChange: v,
-          className: o.fieldTypeSelect,
-          required: !0,
-          children: /* @__PURE__ */ e(s.Content, {
-            children: F.availableFieldTypes.map((l) => /* @__PURE__ */ e(s.Option, {
-              text: typeof l.label == "string" ? l.label : String(l.label),
-              value: l.type
-            }, l.type))
-          })
-        })]
-      }), [h.Dropdown, h.Taxonomy].includes(a.type) && /* @__PURE__ */ e("div", {
-        className: o.typeSpecific,
-        children: R(a.type)
-      }), /* @__PURE__ */ e("div", {
-        className: o.description,
-        children: /* @__PURE__ */ e(u, {
-          name: "description",
-          id: t,
-          label: T,
-          placeholder: r.formatMessage(i.fieldDescriptionInputPlaceholder),
-          value: a.description ?? "",
-          error: f("description"),
-          hideLabel: !0,
-          disabled: a.isFieldReadOnly,
-          onChange: m,
-          onBlur: p
-        })
-      })]
-    })
-  });
-};
-export {
-  z as FieldEditContent
+import { a as e } from "../../../../../../chunks/types.js";
+import { useFieldOptions as t } from "../../../../utils/field-options/useFieldOptions.js";
+import { general as n } from "../../messages/configurator-messages.js";
+import { useFieldConfigurator as r } from "../../context/field-configurator-context.js";
+import { getConfigurationByType as i } from "../../utils.js";
+import { t as a } from "../../../../../../chunks/metadata-field-configurator.module.js";
+import { Select as o, TextInput as s, TextWithInfoBadge as c, TooltipProvider as l } from "@box/blueprint-web";
+import { useIntl as u } from "react-intl";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+var m = ({ nameInputId: m, descriptionInputId: h, isTypeEditable: g, externalErrors: _, externalTouched: v, handleTypeChange: y }) => {
+	let b = u(), x = t(), { values: S, errors: C, touched: w, handleChange: T, handleBlur: E } = r(), D = (e) => {
+		if (_ && v?.[e]) return _[e];
+		let t = C[e];
+		if (w[e] && t != null && typeof t == "string") return t;
+	}, O = p(() => /* @__PURE__ */ d(l, { children: /* @__PURE__ */ d(c, {
+		infoBadgeAriaLabel: b.formatMessage(n.descriptionLearnMoreBadgeAriaLabel),
+		infoText: b.formatMessage(n.descriptionInfoTooltip),
+		children: /* @__PURE__ */ d("label", {
+			className: a.labelWithTooltip,
+			htmlFor: h,
+			children: b.formatMessage(n.fieldDescriptionLabel)
+		})
+	}) }), [b, h]);
+	return /* @__PURE__ */ d("fieldset", {
+		disabled: S.isFieldReadOnly,
+		className: a.fieldset,
+		children: /* @__PURE__ */ f("div", {
+			className: a.expandedContent,
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: a.basic,
+					children: [/* @__PURE__ */ d(s, {
+						name: "name",
+						id: m,
+						label: b.formatMessage(n.fieldNameLabel),
+						placeholder: b.formatMessage(n.fieldNameInputPlaceholder),
+						value: S.name,
+						error: D("name"),
+						onChange: T,
+						onBlur: E,
+						disabled: S.isFieldReadOnly,
+						required: !0
+					}), /* @__PURE__ */ d(o, {
+						name: "type",
+						label: b.formatMessage(n.fieldTypeLabel),
+						placeholder: b.formatMessage(n.fieldTypePlaceholder),
+						value: S.type,
+						"aria-readonly": !g,
+						readonly: !g,
+						disabled: S.isFieldReadOnly,
+						onValueChange: y,
+						className: a.fieldTypeSelect,
+						required: !0,
+						children: /* @__PURE__ */ d(o.Content, { children: x.availableFieldTypes.map((e) => /* @__PURE__ */ d(o.Option, {
+							text: typeof e.label == "string" ? e.label : String(e.label),
+							value: e.type
+						}, e.type)) })
+					})]
+				}),
+				[e.Dropdown, e.Taxonomy].includes(S.type) && /* @__PURE__ */ d("div", {
+					className: a.typeSpecific,
+					children: i(S.type)
+				}),
+				/* @__PURE__ */ d("div", {
+					className: a.description,
+					children: /* @__PURE__ */ d(s, {
+						name: "description",
+						id: h,
+						label: O,
+						placeholder: b.formatMessage(n.fieldDescriptionInputPlaceholder),
+						value: S.description ?? "",
+						error: D("description"),
+						hideLabel: !0,
+						disabled: S.isFieldReadOnly,
+						onChange: T,
+						onBlur: E
+					})
+				})
+			]
+		})
+	});
 };
+export { m as FieldEditContent };

package/dist/esm/lib/components/metadata-field-configurator/components/levels-chain/chip.js

@@ -1,33 +1,2 @@
-import { Text as n } from "@box/blueprint-web";
-import i from "clsx";
-import { useIntl as a } from "react-intl";
-import c from "../../messages/levels-chain-messages.js";
-import { jsx as d } from "react/jsx-runtime";
-import '../../../../../../styles/chip.css';const m = "_chip_x2zx9_1", p = "_selected_x2zx9_12", l = {
-  chip: m,
-  selected: p
-};
-let o = /* @__PURE__ */ (function(e) {
-  return e.Selected = "selected", e.Unselected = "unselected", e;
-})({});
-const S = ({
-  value: e,
-  selected: t = !1
-}) => {
-  const {
-    formatMessage: s
-  } = a(), r = s(t ? c.chipSelected : c.chipNotSelected);
-  return /* @__PURE__ */ d(n, {
-    as: "span",
-    className: i(l.chip, {
-      [l.selected]: t
-    }),
-    "data-state": t ? o.Selected : o.Unselected,
-    "aria-label": `${e}: ${r}`,
-    children: e
-  });
-};
-export {
-  S as Chip,
-  o as ChipState
-};
+import { n as e, t } from "../../../../../../chunks/chip.js";
+export { t as Chip, e as ChipState };

package/dist/esm/lib/components/metadata-field-configurator/components/levels-chain/index.js

@@ -1,4 +1,2 @@
-import { LevelsChain as r } from "./levels-chain.js";
-export {
-  r as LevelsChain
-};
+import { t as e } from "../../../../../../chunks/levels-chain.js";
+export { e as LevelsChain };

package/dist/esm/lib/components/metadata-field-configurator/components/levels-chain/levels-chain.js

@@ -1,118 +1,2 @@
-import { Tooltip as N, Text as P } from "@box/blueprint-web";
-import { ArrowRight as _ } from "@box/blueprint-web-assets/icons/Line";
-import { IconIconOnLightSecondary as k } from "@box/blueprint-web-assets/tokens/tokens";
-import { useState as u, useRef as b, useMemo as v, useEffect as A, useLayoutEffect as q } from "react";
-import { FormattedMessage as F } from "react-intl";
-import O from "../../messages/levels-chain-messages.js";
-import { Chip as L } from "./chip.js";
-import { getHideCounts as $ } from "./utils.js";
-import { jsx as l, jsxs as m } from "react/jsx-runtime";
-import '../../../../../../styles/levels-chain.css';const D = "_levelsChain_1wuki_1", y = {
-  levelsChain: D
-};
-function G(t) {
-  const a = Math.ceil(t.length / 2);
-  return [t.slice(0, a), t.slice(a)];
-}
-const te = ({
-  levels: t = [],
-  selectedLevels: a = []
-}) => {
-  const [n, h] = G(t), [r, C] = u(!1), [w, E] = u([]), [R, M] = u([]), [W, H] = u(0), [x, I] = u(0), s = b(null), g = b(null), S = v(() => {
-    const e = s.current ? window.getComputedStyle(s.current) : {
-      gap: "11px"
-    };
-    return parseInt(e.gap, 10);
-  }, [s.current]), f = /* @__PURE__ */ l(_, {
-    color: k,
-    "aria-hidden": "true"
-  });
-  A(() => {
-    C(!1);
-  }, [t]), q(() => {
-    if (s.current && !r && t.length > 0) {
-      const e = s.current;
-      I(e.clientWidth);
-      const i = e.querySelectorAll("li"), o = Array.from(i).slice(0, n.length), z = Array.from(i).slice(n.length + 1);
-      E(o.map((p) => p.getBoundingClientRect().width)), M(z.map((p) => p.getBoundingClientRect().width)), g.current && H(g.current.getBoundingClientRect().width), C(!0);
-    }
-  }, [n, h, r, t.length]), A(() => {
-    const e = () => {
-      s.current && I(s.current.clientWidth);
-    };
-    return window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, []);
-  const [d, c] = v(() => $({
-    isMeasured: r,
-    leftLevelWidths: w,
-    rightLevelWidths: R,
-    containerWidthPx: x,
-    buttonWidthPx: W,
-    gapBetweenItems: S
-  }), [r, w, R, x, W, S]), B = v(() => {
-    const e = n.slice(n.length - d), i = h.slice(0, c);
-    return [...e, ...i];
-  }, [d, c, n, h]), T = B.some((e) => a.includes(e.level)), j = () => r ? d > 0 || c > 0 ? {} : {
-    display: "none"
-  } : {
-    position: "absolute",
-    visibility: "hidden"
-  };
-  return t.length === 0 ? /* @__PURE__ */ l("div", {
-    role: "alert",
-    children: /* @__PURE__ */ l(F, {
-      ...O.noLevels
-    })
-  }) : /* @__PURE__ */ m("ul", {
-    ref: s,
-    className: y.levelsChain,
-    "data-testid": "taxonomy-levels-chain",
-    children: [n.map((e, i) => {
-      const o = r && i >= n.length - d;
-      return /* @__PURE__ */ m("li", {
-        className: y.left,
-        style: {
-          display: o ? "none" : void 0
-        },
-        "aria-hidden": o,
-        children: [/* @__PURE__ */ l(L, {
-          value: e.name,
-          selected: a.includes(e.level)
-        }), n.length + h.length > 1 ? f : null]
-      }, e.level);
-    }), /* @__PURE__ */ m("li", {
-      ref: g,
-      style: j(),
-      "aria-hidden": !(d > 0 || c > 0),
-      tabIndex: r && (d > 0 || c > 0) ? 0 : -1,
-      children: [/* @__PURE__ */ l(N, {
-        content: B.map((e) => e.name).join(" > "),
-        children: /* @__PURE__ */ l(P, {
-          as: "span",
-          children: /* @__PURE__ */ l(L, {
-            value: `+${d + c}`,
-            selected: T
-          })
-        })
-      }), f]
-    }), h.map((e, i) => {
-      const o = r && i < c;
-      return /* @__PURE__ */ m("li", {
-        className: y.right,
-        style: {
-          display: o ? "none" : void 0
-        },
-        "aria-hidden": o,
-        children: [/* @__PURE__ */ l(L, {
-          value: e.name,
-          selected: a.includes(e.level)
-        }), i < h.length - 1 && f]
-      }, e.level);
-    })]
-  });
-};
-export {
-  te as LevelsChain
-};
+import { t as e } from "../../../../../../chunks/levels-chain.js";
+export { e as LevelsChain };