intlayer-editor 7.4.0 → 7.5.0-canary.0

package/client/dist/assets/{CodeBlockShiki-DfLGl0YI.js → CodeBlockShiki-75Nt4Gwt.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-BMQ8vt1M.js","assets/index-DhX2a-YJ.js","assets/index-B6iFg1jy.css"])))=>i.map(i=>d[i]);
-import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-DhX2a-YJ.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-BBNmn0_H.js","assets/index-Br4JAuU5.js","assets/index-BzVHXaHc.css"])))=>i.map(i=>d[i]);
+import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-Br4JAuU5.js";
 const languageCache = /* @__PURE__ */ new Map();
 const themeCache = /* @__PURE__ */ new Map();
 const loadLanguage = async (lang) => {
@@ -60,7 +60,7 @@ const loadTheme = async (themeName) => {
 const highlightCode = async (code, lang, isDarkMode) => {
   const themeName = isDarkMode ? "github-dark" : "github-light";
   const [{ codeToHtml }, languageModule, themeModule] = await Promise.all([
-    __vitePreload(() => import("./bundle-web-BMQ8vt1M.js"), true ? __vite__mapDeps([7,8,9]) : void 0),
+    __vitePreload(() => import("./bundle-web-BBNmn0_H.js"), true ? __vite__mapDeps([7,8,9]) : void 0),
     loadLanguage(lang),
     loadTheme(themeName)
   ]);
@@ -89,6 +89,7 @@ const CodeBlockShiki = ({ children, lang, isDarkMode }) => {
     isDarkMode
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    className: "min-w-0 max-w-full overflow-auto bg-transparent [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&_pre::-webkit-scrollbar]:hidden [&_pre]:[-ms-overflow-style:none] [&_pre]:[scrollbar-width:none]",
     style: {
       backgroundColor: "transparent",
       minWidth: 0,

package/client/dist/assets/{bundle-web-BMQ8vt1M.js → bundle-web-BBNmn0_H.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/angular-html-ChYFFmg7.js","assets/html-BOjX3v2Q.js","assets/javascript-DLs729Nk.js","assets/css-BtVcDqlU.js","assets/angular-ts-CpuGw9DZ.js","assets/scss-Dq-LbI_c.js","assets/astro-B0lt4qz0.js","assets/json-D07AUpjp.js","assets/typescript-Cju7JbYj.js","assets/postcss-kj1IbjVd.js","assets/tsx-B9RA6cgQ.js","assets/blade-DtOFwYfC.js","assets/html-derivative-Cswrtqyq.js","assets/xml-BMzZeaqs.js","assets/java-BfXh-0uJ.js","assets/sql-DzUuSofg.js","assets/coffee-DJkIX6_2.js","assets/cpp-zh2ePAE_.js","assets/regexp-BxWeO75u.js","assets/glsl-CGsiYPcu.js","assets/c-C4VtT7JA.js","assets/graphql-oNSp8dGZ.js","assets/jsx-BPmvoin2.js","assets/haml-BJ44RGT2.js","assets/handlebars-DTnHNTeU.js","assets/yaml-B_vW5iTY.js","assets/http-B1QlEqj7.js","assets/bash-Bz2gZrDc.js","assets/hurl-Br_hZn4E.js","assets/csv-Ba84L8e5.js","assets/jinja-BAZ4h1JD.js","assets/jison-Bwp1bXaL.js","assets/julia-D0f5tMoo.js","assets/python-CrdIx4PZ.js","assets/r-oprfD2-9.js","assets/marko-rwefYVra.js","assets/less-BAzLMJNR.js","assets/mdc-ucHOH9Vl.js","assets/markdown-F_EULe_G.js","assets/php-CI-6KGJr.js","assets/pug-C-LeC0-n.js","assets/svelte-CYSO_rLN.js","assets/ts-tags-DCkNjov3.js","assets/vue-M1-XqLgv.js","assets/vue-html-BzXE5pTE.js","assets/vue-vine-BT_ihGGO.js","assets/stylus-DXFa_2Jl.js"])))=>i.map(i=>d[i]);
-import { _ as __vitePreload } from "./index-DhX2a-YJ.js";
+import { _ as __vitePreload } from "./index-Br4JAuU5.js";
 let ShikiError$2 = class ShikiError extends Error {
   constructor(message) {
     super(message);

package/client/dist/assets/{index-DhX2a-YJ.js → index-Br4JAuU5.js}

@@ -14814,7 +14814,8 @@ const getLocalizedUrl = (url, currentLocale, options = {}) => {
   }
   const { prefix } = getPrefix(currentLocale, {
     defaultLocale,
-    mode
+    mode,
+    locales
   });
   let localizedPath = `/${prefix}${parsedUrl.pathname}`;
   localizedPath = localizedPath.replaceAll(/\/+/g, "/");
@@ -21114,13 +21115,13 @@ const buttonVariants = cva("relative inline-flex cursor-pointer items-center jus
       [`${ButtonColor.PRIMARY}`]: "hover-primary-500/20 text-primary ring-primary-500/20 *:text-text-light",
       [`${ButtonColor.SECONDARY}`]: "hover-secondary-500/20 text-secondary ring-secondary-500/20 *:text-text-light",
       [`${ButtonColor.DESTRUCTIVE}`]: "hover-destructive-500/20 text-destructive ring-destructive-500/20 *:text-text-light",
-      [`${ButtonColor.NEUTRAL}`]: "hover-neutral-500/20 text-neutral ring-neutral-500/20 *:text-text-light",
+      [`${ButtonColor.NEUTRAL}`]: "text-neutral ring-neutral-500/20 *:text-text-light",
       [`${ButtonColor.CARD}`]: "hover-card-500/20 text-card ring-card-500/20 *:text-text-light",
       [`${ButtonColor.LIGHT}`]: "hover-white-500/20 text-white ring-white/20 *:text-text-light",
-      [`${ButtonColor.DARK}`]: "hover-neutral-500/20 text-neutral-800 ring-neutral-800/50 *:text-text-light",
-      [`${ButtonColor.TEXT}`]: "hover-neutral-500/20 text-text ring-neutral-500/20 *:text-text-opposite",
+      [`${ButtonColor.DARK}`]: "text-neutral-800 ring-neutral-800/50 *:text-text-light",
+      [`${ButtonColor.TEXT}`]: "text-text ring-neutral-500/20 *:text-text-opposite",
       [`${ButtonColor.CURRENT}`]: "hover-current-500/20 text-current ring-current/20 *:text-text-light",
-      [`${ButtonColor.TEXT_INVERSE}`]: "hover-neutral-500/20 text-text-opposite ring-neutral-500/20 *:text-text",
+      [`${ButtonColor.TEXT_INVERSE}`]: "text-text-opposite ring-neutral-500/20 *:text-text",
       [`${ButtonColor.ERROR}`]: "hover-error-500/20 text-error ring-error/20 *:text-text-light",
       [`${ButtonColor.SUCCESS}`]: "hover-success-500/20 text-success ring-success/20 *:text-text-light",
       [`${ButtonColor.CUSTOM}`]: ""
@@ -21130,7 +21131,8 @@ const buttonVariants = cva("relative inline-flex cursor-pointer items-center jus
       [`${ContainerRoundedSize.SM}`]: "rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl",
       [`${ContainerRoundedSize.MD}`]: "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl",
       [`${ContainerRoundedSize.LG}`]: "rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl",
-      [`${ContainerRoundedSize.XL}`]: "rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl"
+      [`${ContainerRoundedSize.XL}`]: "rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl",
+      [`${ContainerRoundedSize.FULL}`]: "rounded-full"
     },
     variant: {
       [`${ButtonVariant.DEFAULT}`]: [
@@ -21141,15 +21143,15 @@ const buttonVariants = cva("relative inline-flex cursor-pointer items-center jus
       ],
       [`${ButtonVariant.OUTLINE}`]: [
         "rounded-2xl border-[1.5px] border-current bg-current/0 *:text-current!",
-        "hover:bg-current/10",
+        "hover:bg-current/20",
         "hover:ring-6",
         "aria-selected:ring-6"
       ],
       [`${ButtonVariant.NONE}`]: "border-none bg-current/0 text-inherit hover:bg-current/0",
       [`${ButtonVariant.LINK}`]: "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 *:text-current! hover:bg-transparent hover:underline",
       [`${ButtonVariant.INVISIBLE_LINK}`]: "h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 *:text-current! hover:bg-transparent",
-      [`${ButtonVariant.HOVERABLE}`]: "rounded-lg border-none bg-current/0 transition *:text-current! hover:bg-current/10 aria-[current]:bg-current/5",
-      [`${ButtonVariant.FADE}`]: "rounded-lg border-none bg-current/10 transition *:text-current! hover:bg-current/20 aria-[current]:bg-current/5",
+      [`${ButtonVariant.HOVERABLE}`]: "rounded-lg border-none bg-current/0 transition *:text-current! hover:bg-current/20 aria-[current]:bg-current/5",
+      [`${ButtonVariant.FADE}`]: "rounded-lg border-none bg-current/20 transition *:text-current! hover:bg-current/20 aria-[current]:bg-current/5",
       [`${ButtonVariant.INPUT}`]: [
         "text-text",
         "w-full select-text resize-none rounded-2xl text-base shadow-none outline-none supports-[corner-shape:squircle]:rounded-4xl",
@@ -21685,20 +21687,49 @@ let LinkColor = /* @__PURE__ */ (function(LinkColor$1) {
   LinkColor$1["CUSTOM"] = "custom";
   return LinkColor$1;
 })({});
+let LinkRoundedSize = /* @__PURE__ */ (function(LinkRoundedSize$1) {
+  LinkRoundedSize$1["NONE"] = "none";
+  LinkRoundedSize$1["SM"] = "sm";
+  LinkRoundedSize$1["MD"] = "md";
+  LinkRoundedSize$1["LG"] = "lg";
+  LinkRoundedSize$1["XL"] = "xl";
+  LinkRoundedSize$1["TWO_XL"] = "2xl";
+  LinkRoundedSize$1["THREE_XL"] = "3xl";
+  LinkRoundedSize$1["FULL"] = "full";
+  return LinkRoundedSize$1;
+})({});
+let LinkSize = /* @__PURE__ */ (function(LinkSize$1) {
+  LinkSize$1["SM"] = "sm";
+  LinkSize$1["MD"] = "md";
+  LinkSize$1["LG"] = "lg";
+  LinkSize$1["XL"] = "xl";
+  LinkSize$1["CUSTOM"] = "custom";
+  return LinkSize$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", {
+const linkVariants = cva("gap-3 transition-all duration-300 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     variant: {
       [`${LinkVariant.DEFAULT}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
       [`${LinkVariant.INVISIBLE_LINK}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
-      [`${LinkVariant.BUTTON}`]: "flex min-h-8 items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-current px-6 font-medium text-sm transition *:text-text-opposite focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 max-md:py-2",
-      [`${LinkVariant.BUTTON_OUTLINED}`]: "flex min-h-8 items-center justify-center gap-2 whitespace-nowrap rounded-lg border-[1.5px] px-6 font-medium text-sm transition hover:bg-current/30 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 max-md:py-2",
-      [`${LinkVariant.HOVERABLE}`]: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
+      [`${LinkVariant.BUTTON}`]: "relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full bg-current text-center font-medium text-text ring-0 *:text-text-opposite hover:bg-current/90 hover:ring-6 aria-selected:ring-6",
+      [`${LinkVariant.BUTTON_OUTLINED}`]: "relative flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full border-[1.5px] border-current text-center font-medium text-text ring-0 *:text-text hover:bg-current/20 hover:ring-6 aria-selected:ring-6",
+      [`${LinkVariant.HOVERABLE}`]: "block rounded-lg border-none bg-current/0 hover:bg-current/10 aria-[current]:bg-current/5"
+    },
+    roundedSize: {
+      [`${LinkRoundedSize.NONE}`]: "rounded-none",
+      [`${LinkRoundedSize.SM}`]: "rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl",
+      [`${LinkRoundedSize.MD}`]: "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl",
+      [`${LinkRoundedSize.LG}`]: "rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl",
+      [`${LinkRoundedSize.XL}`]: "rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl",
+      [`${LinkRoundedSize.TWO_XL}`]: "rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]",
+      [`${LinkRoundedSize.THREE_XL}`]: "rounded-[2.5rem] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[3rem]",
+      [`${LinkRoundedSize.FULL}`]: "rounded-full"
     },
     color: {
       [`${LinkColor.PRIMARY}`]: "text-primary",
@@ -21713,16 +21744,97 @@ const linkVariants = cva("gap-3 transition focus-visible:outline-hidden disabled
       [`${LinkColor.SUCCESS}`]: "text-success",
       [`${LinkColor.CUSTOM}`]: ""
     },
+    size: {
+      [`${LinkSize.SM}`]: "text-sm",
+      [`${LinkSize.MD}`]: "text-base",
+      [`${LinkSize.LG}`]: "text-lg",
+      [`${LinkSize.XL}`]: "text-xl",
+      [`${LinkSize.CUSTOM}`]: ""
+    },
     underlined: {
       [LinkUnderlined.DEFAULT]: "",
       [LinkUnderlined.TRUE]: "underline",
       [LinkUnderlined.FALSE]: "no-underline"
     }
   },
+  compoundVariants: [
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      size: LinkSize.SM,
+      class: "min-h-7 px-3 max-md:py-1"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      size: LinkSize.MD,
+      class: "min-h-8 px-6 max-md:py-2"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      size: LinkSize.LG,
+      class: "min-h-10 px-8 max-md:py-3"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      size: LinkSize.XL,
+      class: "min-h-11 px-10 max-md:py-4"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.PRIMARY,
+      class: "ring-primary/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.SECONDARY,
+      class: "ring-secondary/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.DESTRUCTIVE,
+      class: "ring-destructive/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.NEUTRAL,
+      class: "ring-neutral/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.LIGHT,
+      class: "ring-white/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.DARK,
+      class: "ring-neutral-800/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.TEXT,
+      class: "ring-text/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.TEXT_INVERSE,
+      class: "ring-text-opposite/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.ERROR,
+      class: "ring-error/20"
+    },
+    {
+      variant: [LinkVariant.BUTTON, LinkVariant.BUTTON_OUTLINED],
+      color: LinkColor.SUCCESS,
+      class: "ring-success/20"
+    }
+  ],
   defaultVariants: {
     variant: LinkVariant.DEFAULT,
     color: LinkColor.PRIMARY,
-    underlined: LinkUnderlined.DEFAULT
+    roundedSize: LinkRoundedSize.MD,
+    underlined: LinkUnderlined.DEFAULT,
+    size: LinkSize.MD
   }
 });
 const checkIsExternalLink = ({ href, isExternalLink: isExternalLinkProp }) => {
@@ -21730,14 +21842,16 @@ const checkIsExternalLink = ({ href, isExternalLink: isExternalLinkProp }) => {
   return isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
 };
 const Link = (props) => {
-  const { variant = LinkVariant.DEFAULT, color: color2 = LinkColor.PRIMARY, children, label, className, isActive, underlined, locale, isExternalLink: isExternalLinkProp, isPageSection: isPageSectionProp, href: hrefProp, ...otherProps } = props;
+  const { variant = LinkVariant.DEFAULT, color: color2 = LinkColor.PRIMARY, roundedSize, children, label, className, isActive, underlined, locale, size: size2, isExternalLink: isExternalLinkProp, isPageSection: isPageSectionProp, href: hrefProp, ...otherProps } = props;
   const isExternalLink = isExternalLinkProp ?? checkIsExternalLink(props);
   const isPageSection = isPageSectionProp ?? hrefProp?.startsWith("#") ?? false;
   const isChildrenString = typeof children === "string";
   const rel = isExternalLink ? "noopener noreferrer nofollow" : void 0;
   const target = isExternalLink ? "_blank" : "_self";
+  const href = locale && hrefProp && !isExternalLink && !isPageSection ? getLocalizedUrl(hrefProp, locale) : hrefProp;
+  const isButton = variant === "button" || variant === "button-outlined";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("a", {
-    href: locale && hrefProp && !isExternalLink && !isPageSection ? getLocalizedUrl(hrefProp, locale) : hrefProp,
+    href,
     "aria-label": label,
     rel,
     target,
@@ -21745,12 +21859,17 @@ const Link = (props) => {
     className: cn$2(linkVariants({
       variant,
       color: color2,
+      roundedSize,
       underlined,
-      className
+      size: size2,
+      className: isButton ? void 0 : className
     })),
     ...otherProps,
     children: [
-      variant === "button" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children }) : children,
+      isButton ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        className,
+        children
+      }) : children,
       isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "ml-2 inline-block size-4" }),
       isPageSection && /* @__PURE__ */ jsxRuntimeExports.jsx(MoveRight, { className: "ml-2 inline-block size-4" })
     ]
@@ -49879,14 +49998,14 @@ const ExpandCollapse = ({
 const CodeDefault = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
   className: "min-w-0 max-w-full overflow-x-auto",
   children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", {
-    className: "min-w-0 max-w-full overflow-x-auto",
+    className: "min-w-0 max-w-full overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
     children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: children.split("\n").map((line, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       className: "line block w-full",
       children: line
     }, `line-${index2}-${line.slice(0, 10)}`)) })
   })
 });
-const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-DfLGl0YI.js"), true ? [] : void 0).then((mod) => ({ default: mod.CodeBlockShiki })));
+const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-75Nt4Gwt.js"), true ? [] : void 0).then((mod) => ({ default: mod.CodeBlockShiki })));
 const CodeBlock = ({ className, onChange, isEditable, children, lang, isDarkMode, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
   className: cn$2("flex w-full min-w-0 max-w-full overflow-x-auto", className),
   ...props,

package/client/dist/assets/{index-B6iFg1jy.css → index-BzVHXaHc.css}

@@ -2138,6 +2138,14 @@
     border-radius: var(--radius-3xl);
   }
 
+  .rounded-4xl {
+    border-radius: var(--radius-4xl);
+  }
+
+  .rounded-\[2\.5rem\] {
+    border-radius: 2.5rem;
+  }
+
   .rounded-full {
     border-radius: 3.40282e38px;
   }
@@ -2691,13 +2699,13 @@
     }
   }
 
-  .bg-current\/10 {
+  .bg-current\/20 {
     background-color: currentColor;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-current\/10 {
-      background-color: color-mix(in oklab, currentcolor 10%, transparent);
+    .bg-current\/20 {
+      background-color: color-mix(in oklab, currentcolor 20%, transparent);
     }
   }
 
@@ -4482,6 +4490,16 @@
     }
   }
 
+  .ring-destructive\/20 {
+    --tw-ring-color: #fb7d3c33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-destructive\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+    }
+  }
+
   .ring-error\/20 {
     --tw-ring-color: #b5180d33;
   }
@@ -4510,6 +4528,16 @@
     }
   }
 
+  .ring-neutral-800\/20 {
+    --tw-ring-color: #45454533;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-neutral-800\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent);
+    }
+  }
+
   .ring-neutral-800\/50 {
     --tw-ring-color: #45454580;
   }
@@ -4520,6 +4548,16 @@
     }
   }
 
+  .ring-neutral\/20 {
+    --tw-ring-color: #5d5d5d33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-neutral\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
+    }
+  }
+
   .ring-primary-500\/20 {
     --tw-ring-color: #b6d33933;
   }
@@ -4530,6 +4568,16 @@
     }
   }
 
+  .ring-primary\/20 {
+    --tw-ring-color: #cbeb4033;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-primary\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+
   .ring-secondary-500\/20 {
     --tw-ring-color: #eca80633;
   }
@@ -4540,6 +4588,16 @@
     }
   }
 
+  .ring-secondary\/20 {
+    --tw-ring-color: #ffe66d33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-secondary\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
+    }
+  }
+
   .ring-success\/20 {
     --tw-ring-color: #0c63;
   }
@@ -4550,6 +4608,16 @@
     }
   }
 
+  .ring-text-opposite\/20 {
+    --tw-ring-color: #fff3;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-text-opposite\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-text-opposite) 20%, transparent);
+    }
+  }
+
   .ring-text\/20 {
     --tw-ring-color: #12121233;
   }
@@ -4757,6 +4825,10 @@
     user-select: text;
   }
 
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
+
   .\[-webkit-clip-path\:inset\(0\)\] {
     -webkit-clip-path: inset(0);
   }
@@ -5348,16 +5420,6 @@
       }
     }
 
-    .hover\:bg-current\/30:hover {
-      background-color: currentColor;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-current\/30:hover {
-        background-color: color-mix(in oklab, currentcolor 30%, transparent);
-      }
-    }
-
     .hover\:bg-current\/90:hover {
       background-color: currentColor;
     }
@@ -5858,18 +5920,6 @@
     --tw-ring-offset-color: var(--color-white);
   }
 
-  .focus-visible\:outline-hidden:focus-visible {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-
-  @media (forced-colors: active) {
-    .focus-visible\:outline-hidden:focus-visible {
-      outline-offset: 2px;
-      outline: 2px solid #0000;
-    }
-  }
-
   .focus-visible\:outline-none:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -6063,6 +6113,14 @@
       border-radius: var(--radius-4xl);
     }
 
+    .supports-\[corner-shape\:squircle\]\:rounded-\[2\.5rem\] {
+      border-radius: 2.5rem;
+    }
+
+    .supports-\[corner-shape\:squircle\]\:rounded-\[3rem\] {
+      border-radius: 3rem;
+    }
+
     .supports-\[corner-shape\:squircle\]\:rounded-full {
       border-radius: 3.40282e38px;
     }
@@ -6560,6 +6618,18 @@
     height: calc(var(--spacing) * 5);
   }
 
+  .\[\&_pre\]\:\[-ms-overflow-style\:none\] pre {
+    -ms-overflow-style: none;
+  }
+
+  .\[\&_pre\]\:\[scrollbar-width\:none\] pre {
+    scrollbar-width: none;
+  }
+
+  .\[\&_pre\:\:-webkit-scrollbar\]\:hidden pre::-webkit-scrollbar {
+    display: none;
+  }
+
   .\[\&\+div\]\:text-xs + div {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));

package/client/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Intlayer Editor</title>
-    <script type="module" crossorigin src="/assets/index-DhX2a-YJ.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-B6iFg1jy.css">
+    <script type="module" crossorigin src="/assets/index-Br4JAuU5.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BzVHXaHc.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intlayer-editor",
-  "version": "7.4.0",
+  "version": "7.5.0-canary.0",
   "private": false,
   "description": "Integrate the Intlayer visual editor into your Intlayer projects, enabling CMS-like content management with multilingual support.",
   "keywords": [
@@ -85,21 +85,21 @@
     "typecheck": "tsc --project ./server/tsconfig.types.json --noEmit"
   },
   "dependencies": {
-    "@intlayer/chokidar": "7.4.0",
-    "@intlayer/config": "7.4.0",
-    "@intlayer/unmerged-dictionaries-entry": "7.4.0",
+    "@intlayer/chokidar": "7.5.0-canary.0",
+    "@intlayer/config": "7.5.0-canary.0",
+    "@intlayer/unmerged-dictionaries-entry": "7.5.0-canary.0",
     "compression": "1.8.1",
     "cookie-parser": "1.4.7",
     "cors": "2.8.5",
     "express": "5.1.0",
-    "express-intlayer": "7.4.0",
+    "express-intlayer": "7.5.0-canary.0",
     "helmet": "8.1.0",
     "mime": "4.1.0"
   },
   "devDependencies": {
-    "@intlayer/design-system": "7.4.0",
-    "@intlayer/editor-react": "7.4.0",
-    "@intlayer/types": "7.4.0",
+    "@intlayer/design-system": "7.5.0-canary.0",
+    "@intlayer/editor-react": "7.5.0-canary.0",
+    "@intlayer/types": "7.5.0-canary.0",
     "@tailwindcss/vite": "4.1.16",
     "@tanstack/react-query": "5.90.12",
     "@types/compression": "1.8.1",
@@ -117,18 +117,18 @@
     "framer-motion": "12.23.25",
     "fuse.js": "7.1.0",
     "globals": "16.5.0",
-    "intlayer": "7.4.0",
+    "intlayer": "7.5.0-canary.0",
     "lucide-react": "0.555.0",
     "react": "19.2.1",
     "react-dom": "19.2.1",
-    "react-intlayer": "7.4.0",
+    "react-intlayer": "7.5.0-canary.0",
     "react-router-dom": "7.9.5",
     "tailwind-merge": "3.4.0",
     "tailwindcss": "4.1.17",
     "tsdown": "0.16.8",
     "typescript": "5.9.3",
     "vite": "7.2.7",
-    "vite-intlayer": "7.4.0",
+    "vite-intlayer": "7.5.0-canary.0",
     "vitest": "4.0.15"
   },
   "engines": {