update rounding

apps/web/src/components/ui/report/EditorContainer.tsx

@@ -18,12 +18,12 @@ const editorContainerVariants = cva(
         default: ' h-full',
         comment: cn(
           'flex flex-wrap justify-between gap-1 px-1 py-0.5 text-sm',
-          'rounded-md border-[1.5px] border-transparent bg-transparent',
+          'rounded border-[1.5px] border-transparent bg-transparent',
           'has-[[data-slate-editor]:focus]:border-brand/50 has-[[data-slate-editor]:focus]:ring-2 has-[[data-slate-editor]:focus]:ring-brand/30',
           'has-aria-disabled:border-input has-aria-disabled:bg-muted'
         ),
         select: cn(
-          'group rounded-md border border-input ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2',
+          'group rounded border border-input ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2',
           'has-data-readonly:w-fit has-data-readonly:cursor-default has-data-readonly:border-transparent has-data-readonly:focus-within:[box-shadow:none]'
         ),
       },

apps/web/src/components/ui/report/elements/CalloutNodeStatic.tsx

@@ -51,7 +51,7 @@ export function CalloutElementStatic({
       }}
       {...props}
     >
-      <div className="flex w-full gap-2 rounded-md">
+      <div className="flex w-full gap-2 rounded">
         <div
           className="size-6 text-[18px] select-none"
           style={{

apps/web/src/components/ui/report/elements/CodeBlockNodeStatic.tsx

@@ -13,7 +13,7 @@ export function CodeBlockElementStatic(props: SlateElementProps<TCodeBlockElemen
       className="my-2.5 **:[.hljs-addition]:bg-[#f0fff4] **:[.hljs-addition]:text-[#22863a] dark:**:[.hljs-addition]:bg-[#3c5743] dark:**:[.hljs-addition]:text-[#ceead5] **:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#005cc5] dark:**:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#6596cf] **:[.hljs-built\\\\_in,.hljs-symbol]:text-[#e36209] dark:**:[.hljs-built\\\\_in,.hljs-symbol]:text-[#c3854e] **:[.hljs-bullet]:text-[#735c0f] **:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] dark:**:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] **:[.hljs-deletion]:bg-[#ffeef0] **:[.hljs-deletion]:text-[#b31d28] dark:**:[.hljs-deletion]:bg-[#473235] dark:**:[.hljs-deletion]:text-[#e7c7cb] **:[.hljs-emphasis]:italic **:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\_]:text-[#d73a49] dark:**:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\_]:text-[#ee6960] **:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#22863a] dark:**:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#36a84f] **:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#032f62] dark:**:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#3593ff] **:[.hljs-section]:font-semibold **:[.hljs-section]:text-[#005cc5] dark:**:[.hljs-section]:text-[#61a5f2] **:[.hljs-strong]:font-semibold **:[.hljs-title,.hljs-title.class\\\\_,.hljs-title.class\\\\_.inherited\\\\_\\\\_,.hljs-title.function\\\\_]:text-[#6f42c1] dark:**:[.hljs-title,.hljs-title.class\\\\_,.hljs-title.class\\\\_.inherited\\\\_\\\\_,.hljs-title.function\\\\_]:text-[#a77bfa]"
       {...props}
     >
-      <div className="bg-muted/50 relative rounded-md">
+      <div className="bg-muted/50 relative rounded">
         <pre className="overflow-x-auto p-8 pr-4 font-mono text-sm leading-[normal] [tab-size:2] print:break-inside-avoid">
           <code>{props.children}</code>
         </pre>

apps/web/src/components/ui/report/elements/CodeNode.tsx

@@ -10,7 +10,7 @@ export function CodeLeaf(props: PlateLeafProps) {
     <PlateLeaf
       {...props}
       as="code"
-      className="bg-muted rounded-md px-[0.3em] py-[0.2em] font-mono text-sm whitespace-pre-wrap"
+      className="bg-muted rounded px-[0.3em] py-[0.2em] font-mono text-sm whitespace-pre-wrap"
     >
       {props.children}
     </PlateLeaf>

apps/web/src/components/ui/report/elements/CodeNodeStatic.tsx

@@ -7,7 +7,7 @@ export function CodeLeafStatic(props: SlateLeafProps) {
     <SlateLeaf
       {...props}
       as="code"
-      className="bg-muted rounded-md px-[0.3em] py-[0.2em] font-mono text-sm whitespace-pre-wrap"
+      className="bg-muted rounded px-[0.3em] py-[0.2em] font-mono text-sm whitespace-pre-wrap"
     >
       {props.children}
     </SlateLeaf>

apps/web/src/components/ui/report/elements/ColumnNode.tsx

@@ -68,7 +68,7 @@ export const ColumnElement = withHOC(
         >
           <div
             className={cn(
-              'relative h-full border border-transparent p-1.5 rounded-md border-dashed',
+              'relative h-full border border-transparent p-1.5 rounded border-dashed',
               'group-hover:border-border',
               isDragging && 'opacity-50',
               'group-[.is-selected]:border-border'

apps/web/src/components/ui/report/elements/EditorStatic.tsx

@@ -9,7 +9,7 @@ export const editorVariants = cva(
   cn(
     'group/editor',
     'relative w-full cursor-text overflow-x-hidden break-words whitespace-pre-wrap select-text',
-    'rounded-md ring-offset-background focus-visible:outline-none',
+    'rounded ring-offset-background focus-visible:outline-none',
     'placeholder:text-muted-foreground/80 **:data-slate-placeholder:top-[auto_!important] **:data-slate-placeholder:text-muted-foreground/80 **:data-slate-placeholder:opacity-100!',
     '[&_strong]:font-semibold'
   ),

apps/web/src/components/ui/report/elements/FontSizeToolbarButton.tsx

@@ -80,7 +80,7 @@ export function FontSizeToolbarButton() {
   const displayValue = isFocused ? inputValue : cursorFontSize;
 
   return (
-    <div className="bg-muted/60 flex h-7 items-center gap-1 rounded-md p-0">
+    <div className="bg-muted/60 flex h-7 items-center gap-1 rounded p-0">
       <ToolbarButton onClick={() => handleFontSizeChange(-1)}>
         <Minus />
       </ToolbarButton>

apps/web/src/components/ui/report/elements/MediaToolbar.tsx

@@ -24,7 +24,7 @@ import { NodeTypeLabels } from '../config/labels';
 import { CaptionButton } from './CaptionNode';
 
 const inputVariants = cva(
-  'flex h-[28px] w-full rounded-md border-none bg-transparent px-1.5 py-1 text-base placeholder:text-muted-foreground focus-visible:ring-transparent focus-visible:outline-none md:text-sm'
+  'flex h-[28px] w-full rounded border-none bg-transparent px-1.5 py-1 text-base placeholder:text-muted-foreground focus-visible:ring-transparent focus-visible:outline-none md:text-sm'
 );
 
 export function MediaToolbar({

apps/web/src/components/ui/report/elements/MentionNode.tsx

@@ -33,7 +33,7 @@ export function MentionElement(
     <PlateElement
       {...props}
       className={cn(
-        'bg-muted inline-block rounded-md px-1.5 py-0.5 align-baseline text-sm font-medium',
+        'bg-muted inline-block rounded px-1.5 py-0.5 align-baseline text-sm font-medium',
         !readOnly && 'cursor-pointer',
         selected && focused && 'ring-ring ring-2',
         element.children[0][KEYS.bold] === true && 'font-semibold',
@@ -81,7 +81,7 @@ export function MentionInputElement(props: PlateElementProps<TComboboxInputEleme
         showTrigger={false}
         trigger="@"
       >
-        <span className="bg-muted ring-ring inline-block rounded-md px-1.5 py-0.5 align-baseline text-sm focus-within:ring-2">
+        <span className="bg-muted ring-ring inline-block rounded px-1.5 py-0.5 align-baseline text-sm focus-within:ring-2">
           <InlineComboboxInput />
         </span>
 

apps/web/src/components/ui/report/elements/MentionNodeStatic.tsx

@@ -16,7 +16,7 @@ export function MentionElementStatic(
     <SlateElement
       {...props}
       className={cn(
-        'bg-muted inline-block rounded-md px-1.5 py-0.5 align-baseline text-sm font-medium',
+        'bg-muted inline-block rounded px-1.5 py-0.5 align-baseline text-sm font-medium',
         element.children[0][KEYS.bold] === true && 'font-semibold',
         element.children[0][KEYS.italic] === true && 'italic',
         element.children[0][KEYS.underline] === true && 'underline'

apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx

@@ -53,7 +53,7 @@ export const MetricElement = withHOC(
 
     return (
       <PlateElement
-        className="rounded-md mt-2.5 mb-4.5"
+        className="rounded mt-2.5 mb-4.5"
         attributes={{
           ...attributes,
           'data-plate-open-context-menu': true,

apps/web/src/components/ui/report/elements/ToggleNode.tsx

@@ -50,7 +50,7 @@ export function ToggleElement(props: PlateElementProps) {
       <Button
         size="small"
         variant="ghost"
-        className="absolute top-0 -left-0.5 size-6 cursor-pointer items-center justify-center rounded-md p-px text-muted-foreground transition-colors select-none hover:bg-accent [&_svg]:size-4"
+        className="absolute top-0 -left-0.5 size-6 cursor-pointer items-center justify-center rounded p-px text-muted-foreground transition-colors select-none hover:bg-accent [&_svg]:size-4"
         contentEditable={false}
         {...buttonProps}
         prefix={

apps/web/src/components/ui/report/elements/ToggleNodeStatic.tsx

@@ -7,7 +7,7 @@ export function ToggleElementStatic(props: SlateElementProps) {
   return (
     <SlateElement {...props} className="pl-6">
       <div
-        className="text-muted-foreground hover:bg-accent absolute top-0 -left-0.5 size-6 cursor-pointer items-center justify-center rounded-md p-px transition-colors select-none [&_svg]:size-4"
+        className="text-muted-foreground hover:bg-accent absolute top-0 -left-0.5 size-6 cursor-pointer items-center justify-center rounded p-px transition-colors select-none [&_svg]:size-4"
         contentEditable={false}
       >
         <div className="rotate-0 transition-transform duration-75">

apps/web/src/components/ui/report/plugins/character-counter-kit.tsx

@@ -48,7 +48,7 @@ const CharacterCounterElement = ({
   return (
     <PlateElement
       className={cn(
-        'rounded-md bg-purple-100 p-2 text-black',
+        'rounded bg-purple-100 p-2 text-black',
         selected && 'ring-ring rounded bg-red-200 ring-2 ring-offset-2'
       )}
       attributes={{