intlayer-editor 7.3.13 → 7.3.14

package/client/dist/assets/{index-ZwO-oPRC.js → index-DZJci7kl.js}

@@ -12546,7 +12546,7 @@ const logger = (content2, details) => {
   if (level === "error") return error(...flatContent);
   log2(...flatContent);
 };
-let ANSIColors = /* @__PURE__ */ function(ANSIColors$1) {
+let ANSIColors = /* @__PURE__ */ (function(ANSIColors$1) {
   ANSIColors$1["RESET"] = "\x1B[0m";
   ANSIColors$1["GREY"] = "\x1B[90m";
   ANSIColors$1["GREY_DARK"] = "\x1B[38;5;239m";
@@ -12562,7 +12562,7 @@ let ANSIColors = /* @__PURE__ */ function(ANSIColors$1) {
   ANSIColors$1["WHITE"] = "\x1B[37m";
   ANSIColors$1["BOLD"] = "\x1B[1m";
   return ANSIColors$1;
-}({});
+})({});
 const getAppLogger = (configuration2, globalDetails) => (content2, details) => logger(content2, {
   ...details ?? {},
   config: {
@@ -13524,7 +13524,7 @@ const ALL_LOCALES = {
   ARABIC_CHAD,
   ARABIC_COMOROS
 };
-let NodeType = /* @__PURE__ */ function(NodeType$1) {
+let NodeType = /* @__PURE__ */ (function(NodeType$1) {
   NodeType$1["Translation"] = "translation";
   NodeType$1["Enumeration"] = "enumeration";
   NodeType$1["Condition"] = "condition";
@@ -13542,7 +13542,7 @@ let NodeType = /* @__PURE__ */ function(NodeType$1) {
   NodeType$1["Null"] = "null";
   NodeType$1["Unknown"] = "unknown";
   return NodeType$1;
-}({});
+})({});
 var internationalization_exports = /* @__PURE__ */ __export$1({
   DEFAULT_LOCALE: () => DEFAULT_LOCALE,
   LOCALES: () => LOCALES,
@@ -14930,7 +14930,7 @@ const mergeIframeClick = (event) => {
   window.dispatchEvent(simulatedClickEvent);
   window.dispatchEvent(simulatedMouseDownEvent);
 };
-let MessageKey = /* @__PURE__ */ function(MessageKey$1) {
+let MessageKey = /* @__PURE__ */ (function(MessageKey$1) {
   MessageKey$1["INTLAYER_CONFIGURATION"] = "INTLAYER_CONFIGURATION";
   MessageKey$1["INTLAYER_CURRENT_LOCALE"] = "INTLAYER_CURRENT_LOCALE";
   MessageKey$1["INTLAYER_EDITOR_ENABLED"] = "INTLAYER_EDITOR_ENABLED";
@@ -14942,7 +14942,7 @@ let MessageKey = /* @__PURE__ */ function(MessageKey$1) {
   MessageKey$1["INTLAYER_EDITED_CONTENT_CHANGED"] = "INTLAYER_EDITED_CONTENT_CHANGED";
   MessageKey$1["INTLAYER_IFRAME_CLICKED"] = "INTLAYER_IFRAME_CLICKED";
   return MessageKey$1;
-}({});
+})({});
 const useCrossFrameMessageListener = (key2, onEventTriggered, revalidator) => {
   const { allowedOrigins, postMessage, senderId } = useCommunicator();
   reactExports.useEffect(() => {
@@ -20925,7 +20925,7 @@ const containerVariants$1 = cva("flex flex-col text-text backdrop-blur", {
     gap: "none"
   }
 });
-let ContainerRoundedSize = /* @__PURE__ */ function(ContainerRoundedSize$1) {
+let ContainerRoundedSize = /* @__PURE__ */ (function(ContainerRoundedSize$1) {
   ContainerRoundedSize$1["NONE"] = "none";
   ContainerRoundedSize$1["SM"] = "sm";
   ContainerRoundedSize$1["MD"] = "md";
@@ -20935,7 +20935,7 @@ let ContainerRoundedSize = /* @__PURE__ */ function(ContainerRoundedSize$1) {
   ContainerRoundedSize$1["THREE_XL"] = "3xl";
   ContainerRoundedSize$1["FULL"] = "full";
   return ContainerRoundedSize$1;
-}({});
+})({});
 const Container = ({
   children,
   roundedSize,
@@ -21055,7 +21055,7 @@ const Loader = ({
     })
   }) : children ?? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})
 });
-let ButtonSize = /* @__PURE__ */ function(ButtonSize$1) {
+let ButtonSize = /* @__PURE__ */ (function(ButtonSize$1) {
   ButtonSize$1["SM"] = "sm";
   ButtonSize$1["MD"] = "md";
   ButtonSize$1["LG"] = "lg";
@@ -21065,7 +21065,7 @@ let ButtonSize = /* @__PURE__ */ function(ButtonSize$1) {
   ButtonSize$1["ICON_LG"] = "icon-lg";
   ButtonSize$1["ICON_XL"] = "icon-xl";
   return ButtonSize$1;
-}({});
+})({});
 const buttonIconVariants = cva("flex-none shrink-0", {
   variants: {
     size: {
@@ -21083,7 +21083,7 @@ const buttonIconVariants = cva("flex-none shrink-0", {
     size: ButtonSize.MD
   }
 });
-let ButtonVariant = /* @__PURE__ */ function(ButtonVariant$1) {
+let ButtonVariant = /* @__PURE__ */ (function(ButtonVariant$1) {
   ButtonVariant$1["DEFAULT"] = "default";
   ButtonVariant$1["NONE"] = "none";
   ButtonVariant$1["OUTLINE"] = "outline";
@@ -21093,8 +21093,8 @@ let ButtonVariant = /* @__PURE__ */ function(ButtonVariant$1) {
   ButtonVariant$1["FADE"] = "fade";
   ButtonVariant$1["INPUT"] = "input";
   return ButtonVariant$1;
-}({});
-let ButtonColor = /* @__PURE__ */ function(ButtonColor$1) {
+})({});
+let ButtonColor = /* @__PURE__ */ (function(ButtonColor$1) {
   ButtonColor$1["PRIMARY"] = "primary";
   ButtonColor$1["SECONDARY"] = "secondary";
   ButtonColor$1["DESTRUCTIVE"] = "destructive";
@@ -21109,13 +21109,13 @@ let ButtonColor = /* @__PURE__ */ function(ButtonColor$1) {
   ButtonColor$1["SUCCESS"] = "success";
   ButtonColor$1["CUSTOM"] = "custom";
   return ButtonColor$1;
-}({});
-let ButtonTextAlign = /* @__PURE__ */ function(ButtonTextAlign$1) {
+})({});
+let ButtonTextAlign = /* @__PURE__ */ (function(ButtonTextAlign$1) {
   ButtonTextAlign$1["LEFT"] = "left";
   ButtonTextAlign$1["CENTER"] = "center";
   ButtonTextAlign$1["RIGHT"] = "right";
   return ButtonTextAlign$1;
-}({});
+})({});
 const buttonVariants = cva("relative inline-flex cursor-pointer items-center justify-center font-medium ring-0 transition-all duration-300 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     size: {
@@ -21594,7 +21594,7 @@ const Accordion = ({
     })]
   });
 };
-let BadgeColor = /* @__PURE__ */ function(BadgeColor$1) {
+let BadgeColor = /* @__PURE__ */ (function(BadgeColor$1) {
   BadgeColor$1["PRIMARY"] = "primary";
   BadgeColor$1["SECONDARY"] = "secondary";
   BadgeColor$1["DESTRUCTIVE"] = "destructive";
@@ -21606,20 +21606,20 @@ let BadgeColor = /* @__PURE__ */ function(BadgeColor$1) {
   BadgeColor$1["TEXT"] = "text";
   BadgeColor$1["CUSTOM"] = "custom";
   return BadgeColor$1;
-}({});
-let BadgeVariant = /* @__PURE__ */ function(BadgeVariant$1) {
+})({});
+let BadgeVariant = /* @__PURE__ */ (function(BadgeVariant$1) {
   BadgeVariant$1["DEFAULT"] = "default";
   BadgeVariant$1["NONE"] = "none";
   BadgeVariant$1["OUTLINE"] = "outline";
   BadgeVariant$1["HOVERABLE"] = "hoverable";
   return BadgeVariant$1;
-}({});
-let BadgeSize = /* @__PURE__ */ function(BadgeSize$1) {
+})({});
+let BadgeSize = /* @__PURE__ */ (function(BadgeSize$1) {
   BadgeSize$1["SMALL"] = "sm";
   BadgeSize$1["MEDIUM"] = "md";
   BadgeSize$1["LARGE"] = "lg";
   return BadgeSize$1;
-}({});
+})({});
 const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
   variants: {
     color: {
@@ -21711,15 +21711,15 @@ const Badge = ({
     })]
   });
 };
-let LinkVariant = /* @__PURE__ */ function(LinkVariant$1) {
+let LinkVariant = /* @__PURE__ */ (function(LinkVariant$1) {
   LinkVariant$1["DEFAULT"] = "default";
   LinkVariant$1["INVISIBLE_LINK"] = "invisible-link";
   LinkVariant$1["BUTTON"] = "button";
   LinkVariant$1["BUTTON_OUTLINED"] = "button-outlined";
   LinkVariant$1["HOVERABLE"] = "hoverable";
   return LinkVariant$1;
-}({});
-let LinkColor = /* @__PURE__ */ function(LinkColor$1) {
+})({});
+let LinkColor = /* @__PURE__ */ (function(LinkColor$1) {
   LinkColor$1["PRIMARY"] = "primary";
   LinkColor$1["SECONDARY"] = "secondary";
   LinkColor$1["DESTRUCTIVE"] = "destructive";
@@ -21732,13 +21732,13 @@ let LinkColor = /* @__PURE__ */ function(LinkColor$1) {
   LinkColor$1["SUCCESS"] = "success";
   LinkColor$1["CUSTOM"] = "custom";
   return LinkColor$1;
-}({});
-let LinkUnderlined = /* @__PURE__ */ function(LinkUnderlined$1) {
+})({});
+let LinkUnderlined = /* @__PURE__ */ (function(LinkUnderlined$1) {
   LinkUnderlined$1["DEFAULT"] = "default";
   LinkUnderlined$1["TRUE"] = "true";
   LinkUnderlined$1["FALSE"] = "false";
   return LinkUnderlined$1;
-}({});
+})({});
 const linkVariants = cva("gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     variant: {
@@ -30168,7 +30168,7 @@ class VisualElementDragControls {
     }
     frame.read(measureDragConstraints);
     const stopResizeListener = addDomEvent(window, "resize", () => this.scalePositionWithinConstraints());
-    const stopLayoutUpdateListener = projection.addEventListener("didUpdate", ({ delta, hasLayoutChanged }) => {
+    const stopLayoutUpdateListener = projection.addEventListener("didUpdate", (({ delta, hasLayoutChanged }) => {
       if (this.isDragging && hasLayoutChanged) {
         eachAxis((axis) => {
           const motionValue2 = this.getAxisMotionValue(axis);
@@ -30179,7 +30179,7 @@ class VisualElementDragControls {
         });
         this.visualElement.render();
       }
-    });
+    }));
     return () => {
       stopResizeListener();
       stopPointerListener();
@@ -31995,14 +31995,14 @@ const domAnimation = {
   ...animations,
   ...gestureAnimations
 };
-let ModalSize = /* @__PURE__ */ function(ModalSize$1) {
+let ModalSize = /* @__PURE__ */ (function(ModalSize$1) {
   ModalSize$1["SM"] = "sm";
   ModalSize$1["MD"] = "md";
   ModalSize$1["LG"] = "lg";
   ModalSize$1["XL"] = "xl";
   ModalSize$1["UNSET"] = "unset";
   return ModalSize$1;
-}({});
+})({});
 const modalVariants = cva("flex cursor-default flex-col overflow-hidden p-3 shadow-sm", {
   variants: {
     size: {
@@ -32209,11 +32209,11 @@ const inputVariants = cva(["w-full select-text resize-none text-base shadow-none
     validationStyleEnabled: "disabled"
   }
 });
-let InputVariant = /* @__PURE__ */ function(InputVariant$1) {
+let InputVariant = /* @__PURE__ */ (function(InputVariant$1) {
   InputVariant$1["DEFAULT"] = "default";
   InputVariant$1["INVISIBLE"] = "invisible";
   return InputVariant$1;
-}({});
+})({});
 const Input = ({
   validationStyleEnabled = false,
   variant,
@@ -38291,9 +38291,6 @@ async function startAuthentication(options) {
     authenticatorAttachment: toAuthenticatorAttachment(credential.authenticatorAttachment)
   };
 }
-function capitalizeFirstLetter(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
 var define_globalThis_process_env_default = {};
 var define_process_env_default = {};
 const _envShim = /* @__PURE__ */ Object.create(null);
@@ -38470,6 +38467,9 @@ const createLogger = (options) => {
   };
 };
 createLogger();
+function capitalizeFirstLetter(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
 var BetterAuthError = class extends Error {
   constructor(message, cause) {
     super(message);
@@ -44101,11 +44101,11 @@ var ItemIndicator = SelectItemIndicator;
 var ScrollUpButton = SelectScrollUpButton$1;
 var ScrollDownButton = SelectScrollDownButton$1;
 var Separator = SelectSeparator$1;
-let SelectContentPosition = /* @__PURE__ */ function(SelectContentPosition$1) {
+let SelectContentPosition = /* @__PURE__ */ (function(SelectContentPosition$1) {
   SelectContentPosition$1["POPPER"] = "popper";
   SelectContentPosition$1["ITEM_ALIGNED"] = "item-aligned";
   return SelectContentPosition$1;
-}({});
+})({});
 const SelectRoot = Root2$1;
 const SelectGroup = Group;
 const SelectValue = Value;
@@ -44199,9 +44199,10 @@ Select.Label = SelectLabel;
 Select.Item = SelectItem;
 Select.Separator = SelectSeparator;
 const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
-const useItemSelector = (optionsRefs, { selector: selector2 = selectorDefault, isHoverable = false } = {
+const useItemSelector = (optionsRefs, { selector: selector2 = selectorDefault, isHoverable = false, orientation = "horizontal" } = {
   selector: selectorDefault,
-  isHoverable: false
+  isHoverable: false,
+  orientation: "horizontal"
 }) => {
   const [choiceIndicatorPosition, setChoiceIndicatorPosition] = reactExports.useState(null);
   const [hoveredItem, setHoveredItem] = reactExports.useState(null);
@@ -44211,7 +44212,13 @@ const useItemSelector = (optionsRefs, { selector: selector2 = selectorDefault, i
     if (hoveredItem) targetElement = hoveredItem;
     else targetElement = optionsRefs.current.find(selector2) ?? null;
     if (!targetElement) {
-      setChoiceIndicatorPosition((prev) => ({
+      if (orientation === "vertical") setChoiceIndicatorPosition((prev) => ({
+        top: 0,
+        height: 0,
+        ...prev,
+        opacity: 0
+      }));
+      else setChoiceIndicatorPosition((prev) => ({
         left: 0,
         width: 0,
         ...prev,
@@ -44219,13 +44226,23 @@ const useItemSelector = (optionsRefs, { selector: selector2 = selectorDefault, i
       }));
       return;
     }
-    const left = targetElement.offsetLeft;
-    const width = targetElement.offsetWidth;
-    setChoiceIndicatorPosition({
-      left,
-      width,
-      opacity: 1
-    });
+    if (orientation === "vertical") {
+      const top = targetElement.offsetTop;
+      const height = targetElement.offsetHeight;
+      setChoiceIndicatorPosition({
+        top,
+        height,
+        opacity: 1
+      });
+    } else {
+      const left = targetElement.offsetLeft;
+      const width = targetElement.offsetWidth;
+      setChoiceIndicatorPosition({
+        left,
+        width,
+        opacity: 1
+      });
+    }
   };
   reactExports.useEffect(() => {
     calculatePosition();
@@ -44287,11 +44304,13 @@ const useItemSelector = (optionsRefs, { selector: selector2 = selectorDefault, i
     optionsRefs,
     selector2,
     hoveredItem,
-    itemsLength
+    itemsLength,
+    orientation
   ]);
   return {
     choiceIndicatorPosition,
-    calculatePosition
+    calculatePosition,
+    orientation
   };
 };
 const defaultChoices = [{
@@ -44301,7 +44320,7 @@ const defaultChoices = [{
   content: "On",
   value: true
 }];
-let SwitchSelectorColor = /* @__PURE__ */ function(SwitchSelectorColor$1) {
+let SwitchSelectorColor = /* @__PURE__ */ (function(SwitchSelectorColor$1) {
   SwitchSelectorColor$1["PRIMARY"] = "primary";
   SwitchSelectorColor$1["SECONDARY"] = "secondary";
   SwitchSelectorColor$1["DESTRUCTIVE"] = "destructive";
@@ -44310,7 +44329,7 @@ let SwitchSelectorColor = /* @__PURE__ */ function(SwitchSelectorColor$1) {
   SwitchSelectorColor$1["DARK"] = "dark";
   SwitchSelectorColor$1["TEXT"] = "text";
   return SwitchSelectorColor$1;
-}({});
+})({});
 const switchSelectorVariant = cva("flex w-fit cursor-pointer flex-row gap-2 rounded-full border-[1.5px] p-[1.5px]", {
   variants: {
     color: {
@@ -44327,12 +44346,12 @@ const switchSelectorVariant = cva("flex w-fit cursor-pointer flex-row gap-2 roun
     color: `${SwitchSelectorColor.PRIMARY}`
   }
 });
-let SwitchSelectorSize = /* @__PURE__ */ function(SwitchSelectorSize$1) {
+let SwitchSelectorSize = /* @__PURE__ */ (function(SwitchSelectorSize$1) {
   SwitchSelectorSize$1["SM"] = "sm";
   SwitchSelectorSize$1["MD"] = "md";
   SwitchSelectorSize$1["LG"] = "lg";
   return SwitchSelectorSize$1;
-}({});
+})({});
 const choiceVariant = cva("z-1 w-full flex-1 cursor-pointer font-medium text-sm transition-all duration-300 ease-in-out aria-selected:cursor-default data-[indicator=true]:text-text-opposite motion-reduce:transition-none", {
   variants: {
     size: {
@@ -46890,36 +46909,36 @@ function i(r2, e) {
   return n2;
 }
 function a(o$1, a2, u2) {
-  if (void 0 === u2 && (u2 = {}), function(r2) {
+  if (void 0 === u2 && (u2 = {}), (function(r2) {
     return "_def" in r2 && "object" == typeof r2._def && "typeName" in r2._def;
-  }(o$1)) return function(n2, i2, c) {
+  })(o$1)) return function(n2, i2, c) {
     try {
       return Promise.resolve(t(function() {
         return Promise.resolve(o$1["sync" === u2.mode ? "parse" : "parseAsync"](n2, a2)).then(function(e) {
           return c.shouldUseNativeValidation && o({}, c), { errors: {}, values: u2.raw ? Object.assign({}, n2) : e };
         });
       }, function(r2) {
-        if (function(r3) {
+        if ((function(r3) {
           return Array.isArray(null == r3 ? void 0 : r3.issues);
-        }(r2)) return { values: {}, errors: s$1(s(r2.errors, !c.shouldUseNativeValidation && "all" === c.criteriaMode), c) };
+        })(r2)) return { values: {}, errors: s$1(s(r2.errors, !c.shouldUseNativeValidation && "all" === c.criteriaMode), c) };
         throw r2;
       }));
     } catch (r2) {
       return Promise.reject(r2);
     }
   };
-  if (function(r2) {
+  if ((function(r2) {
     return "_zod" in r2 && "object" == typeof r2._zod;
-  }(o$1)) return function(s2, c, f) {
+  })(o$1)) return function(s2, c, f) {
     try {
       return Promise.resolve(t(function() {
         return Promise.resolve(("sync" === u2.mode ? parse$2 : parseAsync$1)(o$1, s2, a2)).then(function(e) {
           return f.shouldUseNativeValidation && o({}, f), { errors: {}, values: u2.raw ? Object.assign({}, s2) : e };
         });
       }, function(r2) {
-        if (function(r3) {
+        if ((function(r3) {
           return r3 instanceof $ZodError;
-        }(r2)) return { values: {}, errors: s$1(i(r2.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f) };
+        })(r2)) return { values: {}, errors: s$1(i(r2.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f) };
         throw r2;
       }));
     } catch (r2) {
@@ -48295,10 +48314,10 @@ const ZodType = /* @__PURE__ */ $constructor("ZodType", (inst, def) => {
   };
   inst.clone = (def2, params) => clone(inst, def2, params);
   inst.brand = () => inst;
-  inst.register = (reg, meta) => {
+  inst.register = ((reg, meta) => {
     reg.add(inst, meta);
     return inst;
-  };
+  });
   inst.parse = (data, params) => parse$1(inst, data, params, { callee: inst.parse });
   inst.safeParse = (data, params) => safeParse(inst, data, params);
   inst.parseAsync = async (data, params) => parseAsync(inst, data, params, { callee: inst.parseAsync });
@@ -48794,11 +48813,11 @@ const Trigger = ({
   ...props,
   children
 });
-let DropDownAlign = /* @__PURE__ */ function(DropDownAlign$1) {
+let DropDownAlign = /* @__PURE__ */ (function(DropDownAlign$1) {
   DropDownAlign$1["START"] = "start";
   DropDownAlign$1["END"] = "end";
   return DropDownAlign$1;
-}({});
+})({});
 const Panel = ({
   children,
   isHidden: isHidden2 = void 0,
@@ -49417,7 +49436,7 @@ function createPatternAlphabet(pattern) {
   }
   return mask;
 }
-const stripDiacritics = String.prototype.normalize ? (str) => str.normalize("NFD").replace(/[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]/g, "") : (str) => str;
+const stripDiacritics = String.prototype.normalize ? ((str) => str.normalize("NFD").replace(/[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]/g, "")) : ((str) => str);
 class BitapSearch {
   constructor(pattern, {
     location = Config.location,
@@ -50452,7 +50471,7 @@ const CodeDefault = ({
     })
   })
 });
-const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-By6BGsDF.js"), true ? [] : void 0).then((mod) => ({
+const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-B4oIr_Ja.js"), true ? [] : void 0).then((mod) => ({
   default: mod.CodeBlockShiki
 })));
 const CodeBlock = ({
@@ -50477,16 +50496,16 @@ const CodeBlock = ({
     })
   })
 });
-let PopoverXAlign = /* @__PURE__ */ function(PopoverXAlign$1) {
+let PopoverXAlign = /* @__PURE__ */ (function(PopoverXAlign$1) {
   PopoverXAlign$1["START"] = "start";
   PopoverXAlign$1["END"] = "end";
   return PopoverXAlign$1;
-}({});
-let PopoverYAlign = /* @__PURE__ */ function(PopoverYAlign$1) {
+})({});
+let PopoverYAlign = /* @__PURE__ */ (function(PopoverYAlign$1) {
   PopoverYAlign$1["BELOW"] = "bellow";
   PopoverYAlign$1["ABOVE"] = "above";
   return PopoverYAlign$1;
-}({});
+})({});
 const PopoverStatic = ({
   children,
   className,
@@ -50846,7 +50865,7 @@ const Code = ({
     })
   });
 };
-let TabSelectorColor = /* @__PURE__ */ function(TabSelectorColor$1) {
+let TabSelectorColor = /* @__PURE__ */ (function(TabSelectorColor$1) {
   TabSelectorColor$1["PRIMARY"] = "primary";
   TabSelectorColor$1["SECONDARY"] = "secondary";
   TabSelectorColor$1["DESTRUCTIVE"] = "destructive";
@@ -50855,7 +50874,7 @@ let TabSelectorColor = /* @__PURE__ */ function(TabSelectorColor$1) {
   TabSelectorColor$1["DARK"] = "dark";
   TabSelectorColor$1["TEXT"] = "text";
   return TabSelectorColor$1;
-}({});
+})({});
 const tabSelectorVariant = cva("relative flex size-full flex-row items-center gap-2", {
   variants: {
     color: {
@@ -50872,7 +50891,7 @@ const tabSelectorVariant = cva("relative flex size-full flex-row items-center ga
     color: "primary"
   }
 });
-const indicatorVariant = cva("absolute top-0 z-[-1] h-full w-auto rounded-lg transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none", {
+const indicatorVariant = cva("absolute z-[-1] rounded-lg duration-300 ease-in-out motion-reduce:transition-none", {
   variants: {
     color: {
       primary: "bg-primary/10 aria-selected:text-text",
@@ -50882,7 +50901,14 @@ const indicatorVariant = cva("absolute top-0 z-[-1] h-full w-auto rounded-lg tra
       light: "bg-white/10 aria-selected:text-black",
       dark: "bg-neutral-800/10 aria-selected:text-white",
       text: "bg-text/10 aria-selected:text-text-opposite"
+    },
+    orientation: {
+      horizontal: "top-0 h-full w-auto transition-[left,width]",
+      vertical: "left-0 h-auto w-full transition-[top,height]"
     }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
   }
 });
 const TabSelector = ({
@@ -50891,6 +50917,7 @@ const TabSelector = ({
   onTabClick,
   color: color2 = TabSelectorColor.PRIMARY,
   hoverable = false,
+  orientation = "horizontal",
   className
 }) => {
   const optionsRefs = reactExports.useRef([]);
@@ -50899,7 +50926,8 @@ const TabSelector = ({
     choiceIndicatorPosition,
     calculatePosition
   } = useItemSelector(optionsRefs, {
-    isHoverable: hoverable
+    isHoverable: hoverable,
+    orientation
   });
   reactExports.useEffect(() => {
     calculatePosition();
@@ -50908,7 +50936,7 @@ const TabSelector = ({
     className: cn$2(tabSelectorVariant({
       color: color2
     }), className),
-    "aria-orientation": "horizontal",
+    "aria-orientation": orientation,
     "aria-multiselectable": "false",
     role: "tablist",
     children: [tabs.map((Tab2, index2) => {
@@ -50930,7 +50958,8 @@ const TabSelector = ({
       });
     }), choiceIndicatorPosition && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: cn$2(indicatorVariant({
-        color: color2
+        color: color2,
+        orientation
       })),
       style: choiceIndicatorPosition,
       ref: indicatorRef
@@ -53459,11 +53488,11 @@ const ObjectTextEditor = ({
     })
   })
 });
-var MarkdownViewMode = /* @__PURE__ */ function(MarkdownViewMode$1) {
+var MarkdownViewMode = /* @__PURE__ */ (function(MarkdownViewMode$1) {
   MarkdownViewMode$1[MarkdownViewMode$1["Edit"] = 0] = "Edit";
   MarkdownViewMode$1[MarkdownViewMode$1["Preview"] = 1] = "Preview";
   return MarkdownViewMode$1;
-}(MarkdownViewMode || {});
+})(MarkdownViewMode || {});
 const MarkdownTextEditor = ({
   section,
   keyPath,
@@ -55277,13 +55306,13 @@ const StructureEditor = ({
     dictionaryLocalId: localId
   });
 };
-var EditorViewType = /* @__PURE__ */ function(EditorViewType$1) {
+var EditorViewType = /* @__PURE__ */ (function(EditorViewType$1) {
   EditorViewType$1[EditorViewType$1["DetailsEditor"] = 0] = "DetailsEditor";
   EditorViewType$1[EditorViewType$1["ContentEditor"] = 1] = "ContentEditor";
   EditorViewType$1[EditorViewType$1["StructureEditor"] = 2] = "StructureEditor";
   EditorViewType$1[EditorViewType$1["JSONEditor"] = 3] = "JSONEditor";
   return EditorViewType$1;
-}(EditorViewType || {});
+})(EditorViewType || {});
 const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList,
@@ -55596,7 +55625,7 @@ const RightDrawer = ({
     })
   });
 };
-let TagRoundedSize = /* @__PURE__ */ function(TagRoundedSize$1) {
+let TagRoundedSize = /* @__PURE__ */ (function(TagRoundedSize$1) {
   TagRoundedSize$1["NONE"] = "none";
   TagRoundedSize$1["SM"] = "sm";
   TagRoundedSize$1["MD"] = "md";
@@ -55606,8 +55635,8 @@ let TagRoundedSize = /* @__PURE__ */ function(TagRoundedSize$1) {
   TagRoundedSize$1["XXXL"] = "3xl";
   TagRoundedSize$1["FULL"] = "full";
   return TagRoundedSize$1;
-}({});
-let TagColor = /* @__PURE__ */ function(TagColor$1) {
+})({});
+let TagColor = /* @__PURE__ */ (function(TagColor$1) {
   TagColor$1["SUCCESS"] = "success";
   TagColor$1["ERROR"] = "error";
   TagColor$1["WARNING"] = "warning";
@@ -55625,25 +55654,25 @@ let TagColor = /* @__PURE__ */ function(TagColor$1) {
   TagColor$1["BLACK"] = "black";
   TagColor$1["WHITE"] = "white";
   return TagColor$1;
-}({});
-let TagSize = /* @__PURE__ */ function(TagSize$1) {
+})({});
+let TagSize = /* @__PURE__ */ (function(TagSize$1) {
   TagSize$1["XS"] = "xs";
   TagSize$1["SM"] = "sm";
   TagSize$1["MD"] = "md";
   TagSize$1["LG"] = "lg";
   TagSize$1["XL"] = "xl";
   return TagSize$1;
-}({});
-let TagBorder = /* @__PURE__ */ function(TagBorder$1) {
+})({});
+let TagBorder = /* @__PURE__ */ (function(TagBorder$1) {
   TagBorder$1["NONE"] = "none";
   TagBorder$1["WITH"] = "with";
   return TagBorder$1;
-}({});
-let TagBackground = /* @__PURE__ */ function(TagBackground$1) {
+})({});
+let TagBackground = /* @__PURE__ */ (function(TagBackground$1) {
   TagBackground$1["NONE"] = "none";
   TagBackground$1["WITH"] = "with";
   return TagBackground$1;
-}({});
+})({});
 const containerVariants = cva("w-fit backdrop-blur", {
   variants: {
     roundedSize: {
@@ -56406,13 +56435,13 @@ const ToastDescription = ({
 });
 const TOAST_LIMIT = 1;
 const TOAST_REMOVE_DELAY = 900 * 1e3;
-var ActionTypes = /* @__PURE__ */ function(ActionTypes$1) {
+var ActionTypes = /* @__PURE__ */ (function(ActionTypes$1) {
   ActionTypes$1["ADD_TOAST"] = "ADD_TOAST";
   ActionTypes$1["UPDATE_TOAST"] = "UPDATE_TOAST";
   ActionTypes$1["DISMISS_TOAST"] = "DISMISS_TOAST";
   ActionTypes$1["REMOVE_TOAST"] = "REMOVE_TOAST";
   return ActionTypes$1;
-}(ActionTypes || {});
+})(ActionTypes || {});
 let count = 0;
 const genId = () => {
   count = (count + 1) % Number.MAX_SAFE_INTEGER;