@optiaxiom/react 3.2.0 → 3.4.0

package/dist/{esm/assets/Link.css.ts.vanilla-DRvYU4Tr.css → cjs/assets/Link.css.ts.vanilla-B7Z78rg7.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .smxmk3 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1cps0i6 {
     position: relative;
     text-decoration: none;
   }
-  .smxmk3:focus-visible {
+  ._1cps0i6:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .smxmk3:visited {
+  ._1cps0i6:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  .smxmk3[data-disabled] {
+  ._1cps0i6[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1m65x14 {
+  .mm3cf8 {
     color: var(--ax-colors-fg-link-default);
   }
-  .pthxp2 {
+  ._1wukriq {
     color: var(--ax-colors-fg-link-inverse);
   }
-  ._1m0tul3 {
+  ._1alok92 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1m0tul3:visited {
+  ._1alok92:visited {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1br0gnp {
+  ._2ajdad {
     height: 0.8lh;
     margin-top: 0.1lh;
     vertical-align: top;
     width: auto;
   }
   @media (hover: hover) {
-    .smxmk3:hover:not([data-disabled]) {
+    ._1cps0i6:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    ._1m65x14:hover:not([data-disabled]) {
+    .mm3cf8:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/cjs/assets/Listbox.css.ts.vanilla-CUpAHaYD.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .jr2yul {
+    overscroll-behavior: contain;
+  }
+}

package/dist/cjs/assets/ListboxCheckboxItem.css.ts.vanilla-CqJ9EMi-.css

@@ -0,0 +1,11 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .evyojy {
+    position: relative;
+  }
+  .evyojy::before {
+    content: "";
+    inset: calc(-0.5 * var(--ax-styles-scale));
+    position: absolute;
+  }
+}

package/dist/cjs/assets/ListboxItem.css.ts.vanilla-GQ2OoOcN.css

@@ -0,0 +1,53 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .njlgb0 {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .njlgb0:any-link {
+    text-decoration: none;
+  }
+  .njlgb0:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .njlgb0:not([data-disabled]) {
+    color: var(--harpx7);
+    cursor: pointer;
+  }
+  .njlgb0:not([data-disabled])[data-highlighted] {
+    background-color: var(--_4ierfn);
+    color: var(--_8aiqwa, var(--harpx7));
+  }
+  .njlgb0:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1kno95p);
+    color: var(--_1n3jy1p, var(--harpx7));
+  }
+  .njlgb0:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: -2px;
+  }
+  .njlgb0[data-disabled] {
+    opacity: 0.3;
+  }
+  .dkfsup {
+    --_4ierfn: var(--ax-colors-bg-error-subtlest);
+    --_8aiqwa: var(--ax-colors-fg-error-hovered);
+    --_1kno95p: var(--ax-colors-bg-error-subtle);
+    --_1n3jy1p: var(--ax-colors-fg-error-strong);
+    --harpx7: var(--ax-colors-fg-error);
+  }
+  .s11dto {
+    --_4ierfn: var(--ax-colors-bg-default-hovered);
+    --_1kno95p: var(--ax-colors-bg-default-pressed);
+    --harpx7: var(--ax-colors-fg-default);
+  }
+  ._1dldlry {
+    min-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  .hke5ab {
+    line-height: calc(1.5 * var(--ax-styles-scale));
+  }
+  ._1uoj17a {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/{ListboxItemIndicator.css.ts.vanilla-BONsL39n.css → ListboxItemIndicator.css.ts.vanilla-CgEmFTfs.css}

@@ -1,10 +1,10 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._81ykxs {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._14anft1 {
     clip-path: inset(0 100% 0 0);
     transition: clip-path var(--ax-duration-md);
   }
-  ._1h89ip5 {
+  ._5f63sg {
     clip-path: inset(0 0 0 0);
   }
 }

package/dist/cjs/assets/MenuDialogContent.css.ts.vanilla-BnrcIo3H.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .z3zmqu {
+    max-height: min(calc(28 * var(--ax-styles-scale)), 75dvh);
+    width: calc(40 * var(--ax-styles-scale));
+  }
+}

package/dist/cjs/assets/MenuInput.css.ts.vanilla-CXyZ30Uv.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1dr8qvc:has(:focus) {
+    outline: none !important;
+  }
+}

package/dist/{esm/assets/ModalListbox.css.ts.vanilla-D8HT40yu.css → cjs/assets/ModalListbox.css.ts.vanilla-BVBSvOEF.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1qplo15 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1q044wk {
     max-height: 
       min(
         var(
@@ -10,24 +10,24 @@
             var(--radix-popper-available-height)
           )
         ),
-        var(--ahis1b, 100vh)
+        var(--_192qilr, 100vh)
       )
     ;
-    min-width: 120px;
+    min-width: calc(7.5 * var(--ax-styles-scale));
   }
-  ._1u71jv2 {
-    --ahis1b: var(--ax-maxSize-xs);
+  .cctur4 {
+    --_192qilr: var(--ax-maxSize-xs);
   }
-  ._16vpmfg {
-    --ahis1b: var(--ax-maxSize-sm);
+  .wnxn0g {
+    --_192qilr: var(--ax-maxSize-sm);
   }
-  .ozmv90 {
-    --ahis1b: var(--ax-maxSize-md);
+  .mrw0e9 {
+    --_192qilr: var(--ax-maxSize-md);
   }
-  ._6xg1p4 {
-    --ahis1b: var(--ax-maxSize-lg);
+  .kbjc0h {
+    --_192qilr: var(--ax-maxSize-lg);
   }
-  .zsr8mb {
+  ._1bsl08e {
     min-width: 
         max(
           var(
@@ -37,7 +37,7 @@
               var(--radix-popper-anchor-width)
             )
           ),
-          120px
+          calc(7.5 * var(--ax-styles-scale))
         )
       ;
   }

package/dist/cjs/assets/Nav.css.ts.vanilla-CRHWxRDg.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._12zf0xp {
+    transition: width var(--ax-duration-md) ease;
+  }
+}

package/dist/cjs/assets/NavAccountItem.css.ts.vanilla-CxOea7kg.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .i7jdqb {
+    opacity: 0;
+  }
+  ._1x9m5ds {
+    opacity: 1;
+  }
+}

package/dist/{esm/assets/NavItem.css.ts.vanilla-D2NcMkkn.css → cjs/assets/NavItem.css.ts.vanilla-ONGas3g2.css}

@@ -1,38 +1,38 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._1c9sib0 {
-    --ic210z: var(--ax-colors-fg-secondary);
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1f4ns3p {
+    --qw27x7: var(--ax-colors-fg-secondary);
     color: var(--ax-colors-fg-secondary);
     text-decoration: none;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1c9sib0:focus-visible:not([data-disabled]) {
+  ._1f4ns3p:focus-visible:not([data-disabled]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
     z-index: 10;
   }
-  ._1c9sib0[data-disabled] {
+  ._1f4ns3p[data-disabled] {
     opacity: 0.32;
   }
-  ._1c9sib0:active {
+  ._1f4ns3p:active {
     background-color: var(--ax-colors-bg-default-pressed);
     color: var(--ax-colors-fg-default);
   }
-  ._1c9sib0[data-state=active] {
+  ._1f4ns3p[data-state=active] {
     background-color: var(--ax-colors-bg-default-pressed);
   }
-  ._1pq6rq5 {
+  .xdsy64 {
     transition: opacity var(--ax-duration-md) ease;
   }
-  ._1d60gac {
+  ._1dm74uu {
     opacity: 0;
   }
-  .xxrsqp {
+  .ihu0xl {
     opacity: 1;
   }
   @media (hover: hover) {
-    ._1c9sib0:hover:not([data-state=active]):not(:active) {
+    ._1f4ns3p:hover:not([data-state=active]):not(:active) {
       background-color: var(--ax-colors-bg-default-hovered);
     }
   }

package/dist/{esm/assets/Pagination.css.ts.vanilla-Cud3m0qu.css → cjs/assets/Pagination.css.ts.vanilla-BnB-b6J1.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .tp0pk1 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._4be81o {
     position: relative;
   }
-  .q992o5 {
+  ._1gzcesk {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  ._14whw3n {
+  ._1f5ewfi {
     min-width: var(--ax-size-md);
   }
 }

package/dist/{esm/assets/Pill.css.ts.vanilla-7Kfwx5cv.css → cjs/assets/Pill.css.ts.vanilla-raL-18xr.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._9dbm9h {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._10znlq4 {
     background-color: var(--ax-colors-bg-pill-default);
     position: relative;
     -webkit-user-select: none;
             user-select: none;
   }
-  ._9dbm9h:focus-visible {
+  ._10znlq4:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 2px;
   }
-  ._9dbm9h[data-disabled] {
+  ._10znlq4[data-disabled] {
     opacity: 0.6;
   }
   @media (hover: hover) {
-    .h6fhhs:not([data-disabled]):hover {
+    .k5zuty:not([data-disabled]):hover {
       background-color: var(--ax-colors-bg-pill-hovered);
     }
   }

package/dist/cjs/assets/PillMenuTrigger.css.ts.vanilla-DcQrhNu4.css

@@ -0,0 +1,20 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1r4qayc {
+    position: relative;
+  }
+  ._1gxiqs5 {
+    padding: calc(0.3125 * var(--ax-styles-scale));
+  }
+  ._1stlwt4 {
+    padding: calc(0.4375 * var(--ax-styles-scale));
+  }
+  ._1q939yg {
+    outline: none;
+  }
+  @media (hover: hover) {
+    .jf1btz:not([data-readonly]):is(:hover, :has(:focus-visible)) {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

package/dist/cjs/assets/Progress.css.ts.vanilla-QvLd9eel.css

@@ -0,0 +1,12 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1dlnjni {
+    height: calc(0.5 * var(--ax-styles-scale));
+  }
+  .lcybid {
+    background-color: var(--ax-colors-bg-error);
+  }
+  ._1xp2dpl {
+    background-color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/cjs/assets/{Radio.css.ts.vanilla-BO2NnTvc.css → Radio.css.ts.vanilla-2l47PHad.css}

@@ -1,7 +1,7 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  .v9yy32 {
-    border-color: var(--mmvjm8);
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1rsqv8e {
+    border-color: var(--_1pvns2j);
     border-width: 2px;
     place-content: center;
     position: relative;
@@ -9,7 +9,7 @@
     transition-property: border-color, border-width;
     transition-timing-function: ease;
   }
-  .v9yy32::before {
+  ._1rsqv8e::before {
     content: "";
     border: 1px solid var(--ax-colors-border-disabled);
     border-radius: inherit;
@@ -21,23 +21,23 @@
     transition-property: inset, opacity;
     transition-timing-function: ease;
   }
-  .f2uii3:has(._1wpbo8y:checked) .v9yy32::before {
-    inset: -12px;
+  .o23r8w:has(._1f99etk:checked) ._1rsqv8e::before {
+    inset: calc(-0.75 * var(--ax-styles-scale));
     opacity: 1;
   }
-  .f2uii3:has(._1wpbo8y:checked) .v9yy32 {
-    border-width: 12px;
+  .o23r8w:has(._1f99etk:checked) ._1rsqv8e {
+    border-width: calc(0.75 * var(--ax-styles-scale));
   }
-  .washfb {
-    margin-top: -2px;
+  ._1iwvn32 {
+    margin-top: calc(-0.125 * var(--ax-styles-scale));
   }
-  ._1kx3xsy {
-    background-color: var(--_1mv0iad);
-    height: 8px;
+  .wuacih {
+    background-color: var(--luke9r);
+    height: calc(0.5 * var(--ax-styles-scale));
     transform: scale(0);
-    width: 8px;
+    width: calc(0.5 * var(--ax-styles-scale));
   }
-  .f2uii3:has(._1wpbo8y:checked) ._1kx3xsy {
+  .o23r8w:has(._1f99etk:checked) .wuacih {
     transform: scale(1);
   }
 }

package/dist/cjs/assets/Range.css.ts.vanilla-DZxS5wd_.css

@@ -0,0 +1,77 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  .d6tylk {
+    position: relative;
+  }
+  .d6tylk[data-disabled] {
+    opacity: 0.5;
+  }
+  .fu7qn8 {
+    background-color: var(--ax-colors-bg-tertiary);
+    height: calc(0.5 * var(--ax-styles-scale));
+    position: relative;
+    touch-action: none;
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  .xvefw5:not([data-disabled]) .fu7qn8 {
+    cursor: pointer;
+  }
+  ._1huhtye {
+    background-color: var(--ax-colors-fg-tertiary);
+    position: absolute;
+    width: calc(100% * var(--_6ox9x7) + calc(0.625 * var(--ax-styles-scale)) * (1 - var(--_6ox9x7)));
+  }
+  .xvefw5[data-disabled] ._1huhtye {
+    background-color: var(--ax-colors-border-control);
+  }
+  ._163finf {
+    background-color: var(--ax-colors-bg-default);
+    left: calc(var(--_6ox9x7) * 100%);
+    position: absolute;
+    top: calc(-0.375 * var(--ax-styles-scale));
+    transform: translateX(calc(-1 * var(--_6ox9x7) * 100%));
+  }
+  .xvefw5:has(input[type=range]:focus-visible) ._163finf {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 2px;
+  }
+  ._1yybpyq {
+    appearance: none;
+    inset: 0;
+    outline: none;
+    position: absolute;
+  }
+  ._1yybpyq::-webkit-slider-runnable-track {
+    height: 100%;
+  }
+  ._1yybpyq::-webkit-slider-thumb {
+    appearance: none;
+    background: transparent;
+    border-radius: 100%;
+    height: calc(1.25 * var(--ax-styles-scale));
+    margin-top: calc(-0.375 * var(--ax-styles-scale));
+    transform: scale(2);
+    width: calc(1.25 * var(--ax-styles-scale));
+  }
+  ._1yybpyq:not(:disabled) {
+    cursor: pointer;
+  }
+  .f2k3tu {
+    left: calc(var(--_1usix0c) * 100%);
+    position: absolute;
+    top: 100%;
+    translate: calc(-1 * var(--_1usix0c) * 100%) calc(0.25 * var(--ax-styles-scale));
+  }
+  .xvefw5:not([data-disabled]) .f2k3tu {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    ._1yybpyq:not(:disabled)::-webkit-slider-thumb:hover {
+      cursor: grab;
+    }
+    ._1yybpyq:not(:disabled):active::-webkit-slider-thumb:hover {
+      cursor: grabbing;
+    }
+  }
+}

package/dist/cjs/assets/ResizableHandle.css.ts.vanilla-Dt1-OFmj.css

@@ -0,0 +1,19 @@
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._6j4rpx {
+    --_13t7blw: var(--ax-colors-bg-secondary);
+    margin-inline: calc(-0.375 * var(--ax-styles-scale));
+  }
+  ._6j4rpx:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: -2px;
+  }
+  ._2oa78w {
+    background-color: var(--_13t7blw);
+  }
+  @media (hover: hover) {
+    ._6j4rpx:hover {
+      --_13t7blw: var(--ax-colors-bg-avatar-neutral);
+    }
+  }
+}

package/dist/cjs/assets/{RichTextEditor.css.ts.vanilla-KSElO3qN.css → RichTextEditor.css.ts.vanilla-B66_8aSC.css}

@@ -1,75 +1,75 @@
-@layer optiaxiom.wxbe8u;
-@layer optiaxiom.wxbe8u {
-  ._4pi3c5 {
+@layer optiaxiom.kpdghm;
+@layer optiaxiom.kpdghm {
+  ._1exgmym {
     border-color: var(--ax-colors-border-tertiary);
     overflow: hidden;
   }
-  ._4pi3c5:focus-within {
+  ._1exgmym:focus-within {
     border-color: var(--ax-colors-border-focus);
     box-shadow: 0 0 0 1px var(--ax-colors-border-focus);
   }
-  ._1hm623 {
+  .e1lify {
     flex-wrap: wrap;
   }
-  ._9xtm73 > div:has(> .ProseMirror) {
+  ._1vo0qtd > div:has(> .ProseMirror) {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
   }
-  ._9xtm73 .ProseMirror {
+  ._1vo0qtd .ProseMirror {
     color: var(--ax-colors-fg-default);
     font-size: var(--ax-fontSize-md-fontSize);
     line-height: var(--ax-fontSize-md-lineHeight);
-    min-height: 120px;
+    min-height: calc(7.5 * var(--ax-styles-scale));
     outline: none;
-    padding: 12px 14px;
+    padding: calc(0.75 * var(--ax-styles-scale)) calc(0.875 * var(--ax-styles-scale));
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > * {
+  ._1vo0qtd :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > * {
     margin-bottom: 0.75em;
     margin-inline: 0;
     margin-top: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) {
+  ._1vo0qtd :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) {
     margin-bottom: 0.4em;
     margin-top: 1.2em;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) + * {
+  ._1vo0qtd :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :is(h1, h2, h3) + * {
     margin-top: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :last-child {
+  ._1vo0qtd :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :last-child {
     margin-bottom: 0;
   }
-  ._9xtm73 :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :first-child {
+  ._1vo0qtd :is(.ProseMirror, .ProseMirror li, .ProseMirror :is(th, td)) > :first-child {
     margin-top: 0;
   }
-  ._9xtm73 .ProseMirror :is(h1, h2, h3) {
+  ._1vo0qtd .ProseMirror :is(h1, h2, h3) {
     color: var(--ax-colors-fg-default);
     font-weight: 600;
   }
-  ._9xtm73 .ProseMirror h1 {
+  ._1vo0qtd .ProseMirror h1 {
     font-size: var(--ax-fontSize-2xl-fontSize);
     line-height: var(--ax-fontSize-2xl-lineHeight);
   }
-  ._9xtm73 .ProseMirror h2 {
+  ._1vo0qtd .ProseMirror h2 {
     font-size: var(--ax-fontSize-xl-fontSize);
     line-height: var(--ax-fontSize-xl-lineHeight);
   }
-  ._9xtm73 .ProseMirror h3 {
+  ._1vo0qtd .ProseMirror h3 {
     font-size: var(--ax-fontSize-lg-fontSize);
     line-height: var(--ax-fontSize-lg-lineHeight);
   }
-  ._9xtm73 .ProseMirror :is(b, strong) {
+  ._1vo0qtd .ProseMirror :is(b, strong) {
     font-weight: 600;
   }
-  ._9xtm73 .ProseMirror :is(ul, ol) {
+  ._1vo0qtd .ProseMirror :is(ul, ol) {
     padding-left: 1.5em;
   }
-  ._9xtm73 .ProseMirror blockquote {
+  ._1vo0qtd .ProseMirror blockquote {
     border-left: 3px solid var(--ax-colors-border-tertiary);
     color: var(--ax-colors-fg-secondary);
     padding-left: 0.75em;
   }
-  ._9xtm73 .ProseMirror table {
+  ._1vo0qtd .ProseMirror table {
     border: 1px solid var(--ax-colors-border-tertiary);
     border-collapse: separate;
     border-radius: var(--ax-borderRadius-lg);
@@ -77,45 +77,45 @@
     overflow: hidden;
     width: 100%;
   }
-  ._9xtm73 .ProseMirror :is(th, td) {
+  ._1vo0qtd .ProseMirror :is(th, td) {
     border-bottom: 1px solid var(--ax-colors-border-tertiary);
-    padding: 16px;
+    padding: calc(1 * var(--ax-styles-scale));
     text-align: start;
     vertical-align: top;
   }
-  ._9xtm73 .ProseMirror tbody tr:last-child :is(th, td) {
+  ._1vo0qtd .ProseMirror tbody tr:last-child :is(th, td) {
     border-bottom: none;
   }
-  ._9xtm73 .ProseMirror th {
+  ._1vo0qtd .ProseMirror th {
     color: var(--ax-colors-fg-tertiary);
     font-size: var(--ax-fontSize-sm-fontSize);
     font-weight: 400;
   }
-  ._9xtm73 .ProseMirror :is(code, pre) {
+  ._1vo0qtd .ProseMirror :is(code, pre) {
     background: var(--ax-colors-bg-page);
-    border-radius: 4px;
+    border-radius: calc(0.25 * var(--ax-styles-scale));
     font-family: var(--ax-fontFamily-mono);
   }
-  ._9xtm73 .ProseMirror :not(pre) > code {
+  ._1vo0qtd .ProseMirror :not(pre) > code {
     font-size: 0.9em;
     padding: 0.1em 0.3em;
   }
-  ._9xtm73 .ProseMirror pre {
+  ._1vo0qtd .ProseMirror pre {
     font-size: 0.9em;
     overflow: auto;
     padding: 0.75em 1em;
   }
-  ._9xtm73 .ProseMirror pre code {
+  ._1vo0qtd .ProseMirror pre code {
     background: transparent;
     border-radius: 0;
     font-size: inherit;
     padding: 0;
   }
-  ._9xtm73 .ProseMirror a {
+  ._1vo0qtd .ProseMirror a {
     color: var(--ax-colors-fg-link-default);
     text-decoration: underline;
   }
-  ._9xtm73 .ProseMirror p.is-editor-empty:first-child::before {
+  ._1vo0qtd .ProseMirror p.is-editor-empty:first-child::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-fg-tertiary);
     float: left;