@marimo-team/islands 0.22.1-dev8 → 0.22.1

package/src/components/editor/chrome/wrapper/footer-items/lsp-status.tsx

@@ -13,6 +13,7 @@ import type {
   LspRestartRequest,
   LspRestartResponse,
 } from "@/core/network/types";
+import { isWasm } from "@/core/wasm/utils";
 import { isAppConnected } from "@/core/websocket/connection-utils";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { useInterval } from "@/hooks/useInterval";
@@ -26,7 +27,7 @@ export const LspStatus: React.FC = () => {
   const setLspHealth = useSetAtom(lspHealthAtom);
 
   const { isFetching, data, refetch } = useAsyncData(async () => {
-    if (!isAppConnected(connection)) {
+    if (isWasm() || !isAppConnected(connection)) {
       return null;
     }
 

package/src/components/editor/chrome/wrapper/storage.ts

@@ -28,7 +28,7 @@ export function createStorage(location: "left" | "bottom"): PanelGroupStorage {
         const parsed = schema.parse(JSON.parse(storedValue));
         return JSON.stringify(
           Objects.mapValues(parsed, (value) => {
-            return value.reverse();
+            return value.toReversed();
           }),
         );
       } catch {
@@ -42,7 +42,7 @@ export function createStorage(location: "left" | "bottom"): PanelGroupStorage {
           const parsed = schema.parse(JSON.parse(value));
           value = JSON.stringify(
             Objects.mapValues(parsed, (value) => {
-              return value.reverse();
+              return value.toReversed();
             }),
           );
         } catch {

package/src/components/editor/connections/database/as-code.ts

@@ -964,7 +964,7 @@ export function generateDatabaseCode(
     ...generator.imports,
   ]);
 
-  const lines = [...imports].sort();
+  const lines = [...imports].toSorted();
   lines.push("");
   const secrets = secretsContainer.formatSecrets();
   if (secrets) {

package/src/components/editor/connections/form-renderers.tsx

@@ -72,7 +72,7 @@ export const SecretsProvider = ({ children }: SecretsProviderProps) => {
       .map((provider) => provider.name);
 
     return {
-      secretKeys: result.secrets.flatMap((secret) => secret.keys).sort(),
+      secretKeys: result.secrets.flatMap((secret) => secret.keys).toSorted(),
       providerNames: providerNames,
     };
   }, []);

package/src/components/editor/connections/storage/as-code.ts

@@ -214,7 +214,7 @@ export function generateStorageCode(
   }
 
   const allImports = new Set([...secrets.imports, ...result.imports]);
-  const lines = [...allImports].sort();
+  const lines = [...allImports].toSorted();
   lines.push("");
   const secretsStr = secrets.formatSecrets();
   if (secretsStr) {

package/src/components/editor/controls/keyboard-shortcuts.tsx

@@ -90,7 +90,7 @@ export const KeyboardShortcuts: React.FC = () => {
       },
     };
 
-    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+    // oxlint-disable-next-line typescript/no-dynamic-delete
     delete newConfig.keymap.overrides[editingShortcut];
 
     setEditingShortcut(null);

package/src/components/editor/header/filename-input.tsx

@@ -1,6 +1,9 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { PopoverAnchor } from "@radix-ui/react-popover";
+import { Popover as PopoverPrimitive } from "radix-ui";
+
+const PopoverAnchor = PopoverPrimitive.Anchor;
+
 import { FilePenIcon } from "lucide-react";
 import { type JSX, useEffect, useRef, useState } from "react";
 import {

package/src/components/editor/links/cell-link-list.tsx

@@ -24,7 +24,7 @@ export const CellLinkList: React.FC<Props> = ({
   skipScroll,
 }) => {
   const cellIndex = useCellIds();
-  const sortedCellIds = [...cellIds].sort((a, b) => {
+  const sortedCellIds = cellIds.toSorted((a, b) => {
     return cellIndex.inOrderIds.indexOf(a) - cellIndex.inOrderIds.indexOf(b);
   });
 

package/src/components/editor/navigation/__tests__/navigation.test.ts

@@ -134,7 +134,7 @@ const mockRequestClient = MockRequestClient.create();
 // Helper to setup selection
 const setupSelection = () => {
   const { reducer, cellSelectionAtom } = selectionTesting;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   const dispatch = (action: any) => {
     store.set(cellSelectionAtom, (prev: CellSelectionState) =>
       reducer(prev, action),

package/src/components/editor/navigation/clipboard.ts

@@ -106,7 +106,7 @@ export function useCellClipboard() {
 
             // Create new cells with the copied data before/after the current cell
             const currentCellId = cellId;
-            const reversedCells = clipboardData.cells.reverse();
+            const reversedCells = clipboardData.cells.toReversed();
             for (const cell of reversedCells) {
               actions.createNewCell({
                 cellId: currentCellId,

package/src/components/editor/navigation/multi-cell-action-toolbar.tsx

@@ -167,7 +167,7 @@ export function useMultiCellActionButtons(cellIds: CellId[]) {
       }
 
       // Move cells in the appropriate order to maintain relative positions
-      const sortedCells = direction === "up" ? cellIds : [...cellIds].reverse();
+      const sortedCells = direction === "up" ? cellIds : cellIds.toReversed();
       sortedCells.forEach((cellId) => {
         moveCell({ cellId, before: direction === "up" });
       });
@@ -176,7 +176,7 @@ export function useMultiCellActionButtons(cellIds: CellId[]) {
 
   const sendSelectedCellsToTop = useEvent((cellIds: CellId[]) => {
     // Send in reverse order to maintain relative positions
-    [...cellIds].reverse().forEach((cellId) => {
+    cellIds.toReversed().forEach((cellId) => {
       sendToTop({ cellId });
     });
   });

package/src/components/editor/navigation/navigation.ts

@@ -401,7 +401,7 @@ export function useCellNavigationProps(
           }
 
           // Move cells in the appropriate order to maintain relative positions
-          [...cellIds].reverse().forEach((cellId) => {
+          cellIds.toReversed().forEach((cellId) => {
             actions.moveCell({ cellId, before: false });
           });
           return true;
@@ -480,7 +480,7 @@ export function useCellNavigationProps(
         }),
         "cell.sendToTop": addSingleHandler((cellIds) => {
           // Send in reverse order to maintain relative positions
-          [...cellIds].reverse().forEach((cellId) => {
+          cellIds.toReversed().forEach((cellId) => {
             actions.sendToTop({ cellId });
           });
           return true;
@@ -614,7 +614,7 @@ export function useCellNavigationProps(
         if (isShortcutPressed(shortcut as HotkeyAction, evt)) {
           // If the handler is a function, it's a single-cell handler
           // and we only operate on the currently focused cell.
-          if (handler instanceof Function) {
+          if (typeof handler === "function") {
             const success = handler(cellId);
             if (success) {
               evt.preventDefault();

package/src/components/editor/notebook-cell.tsx

@@ -704,7 +704,7 @@ const EditableCellComponent = ({
                     <a
                       href="https://links.marimo.app/reusable-definitions"
                       target="_blank"
-                      rel="noopener"
+                      rel="noreferrer"
                     >
                       <SquareFunctionIcon
                         size={16}

package/src/components/editor/output/JsonOutput.tsx

@@ -46,7 +46,7 @@ interface Props {
   valueTypes?: "json" | "python";
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 const CopyButton: React.FC<DataItemProps<any>> = ({ value }) => {
   const skipCopy =
     typeof value === "string" &&
@@ -83,13 +83,13 @@ const CopyButton: React.FC<DataItemProps<any>> = ({ value }) => {
   );
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 const JSONCopyButton: React.FC<DataItemProps<any>> = (props) => {
   // if
   return <CopyButton {...props} value={JSON.stringify(props.value, null, 2)} />;
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 const PyCopyButton: React.FC<DataItemProps<any>> = (props) => {
   return <CopyButton {...props} value={getCopyValue(props.value)} />;
 };
@@ -233,7 +233,7 @@ const LEAF_RENDERERS: Record<string, LeafRenderer> = {
   },
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 const MIME_TYPES: DataType<any>[] = Object.entries(LEAF_RENDERERS).map(
   ([leafType, render]) => ({
     is: (value) => typeof value === "string" && value.startsWith(leafType),
@@ -329,7 +329,7 @@ const PYTHON_VALUE_TYPES = [
   URL_TYPE,
   OBJECT_TYPE,
   FALLBACK_RENDERER,
-].reverse();
+].toReversed();
 // Last one wins, so we reverse the array.
 
 const JSON_VALUE_TYPES = [
@@ -339,7 +339,7 @@ const JSON_VALUE_TYPES = [
   JSON_NONE_TYPE,
   JSON_OBJECT_TYPE,
   JSON_FALLBACK_RENDERER,
-].reverse();
+].toReversed();
 
 function leafData(leaf: string): string {
   return leafDataAndMimeType(leaf)[0];

package/src/components/editor/output/ansi-reduce.ts

@@ -13,7 +13,7 @@ export interface Cursor {
 export class TerminalBuffer {
   private lines: string[] = [""];
   private cursor: Cursor = { row: 0, col: 0 };
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: Needed for ANSI parsing
+  // oxlint-ignore-next-line no-control-regex -- Needed for ANSI escape sequence parsing
   private static readonly ESCAPE_REGEX = /\u001B\[([0-9;]*)([A-DJKH])/u;
 
   /** Ensure the internal lines array is large enough. */
@@ -185,7 +185,7 @@ export class TerminalBuffer {
  */
 export class AnsiParser {
   // Matches both CSI sequences (ESC[...letter) and other escape sequences like character set selection (ESC(B)
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: Needed for ANSI parsing
+  // oxlint-ignore-next-line no-control-regex -- Needed for ANSI parsing
   private ESC_REGEX = /\u001B(?:\[[0-9;]*[A-Za-z]|\([0-9A-Za-z])/gu;
 
   parse(input: string): { type: "text" | "escape"; value: string }[] {

package/src/components/editor/output/console/ConsoleOutput.tsx

@@ -167,7 +167,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
     return null;
   }
 
-  const reversedOutputs = [...consoleOutputs].reverse();
+  const reversedOutputs = consoleOutputs.toReversed();
   const isPdb = reversedOutputs.some(
     (output) =>
       typeof output.data === "string" && output.data.includes("(Pdb)"),
@@ -234,7 +234,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
         data-testid="console-output-area"
         ref={ref}
         {...selectAllProps}
-        // biome-ignore lint/a11y/noNoninteractiveTabindex: Needed to capture keypress events
+        // oxlint-ignore-next-line jsx-a11y/no-noninteractive-tabindex -- Needed to capture keypress events
         tabIndex={0}
         className={cn(
           "console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full gap-1 focus:outline-hidden",

package/src/components/editor/renderers/cells-renderer.tsx

@@ -69,7 +69,7 @@ CellsRenderer.displayName = "CellsRenderer";
 interface PluginCellRendererProps extends PropsWithChildren<Props> {
   appConfig: AppConfig;
   mode: AppMode;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // oxlint-disable-next-line typescript/no-explicit-any
   plugin: ICellRendererPlugin<any, any>;
   layoutData: Partial<Record<LayoutType, LayoutData>>;
   finalLayout: LayoutType;

package/src/components/editor/renderers/grid-layout/grid-layout.tsx

@@ -329,7 +329,7 @@ export const GridLayoutRenderer: React.FC<Props> = ({
             <div
               key={cell.id}
               draggable={true}
-              // eslint-disable-next-line react/no-unknown-property
+              // oxlint-disable-next-line react/no-unknown-property
               unselectable="on"
               data-cell-id={cell.id}
               // Firefox requires some kind of initialization which we can do by adding this attribute

package/src/components/editor/renderers/plugins.ts

@@ -7,7 +7,7 @@ import type { ICellRendererPlugin, LayoutType } from "./types";
 import { VerticalLayoutPlugin } from "./vertical-layout/vertical-layout";
 
 // If more renderers are added, we may want to consider lazy loading them.
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line typescript/no-explicit-any
 export const cellRendererPlugins: ICellRendererPlugin<any, any>[] = [
   GridLayoutPlugin,
   SlidesLayoutPlugin,

package/src/components/editor/renderers/slides-layout/types.ts

@@ -1,11 +1,11 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-/* eslint-disable @typescript-eslint/no-empty-interface */
+/* oxlint-disable typescript/no-empty-object-type */
 
 /**
  * The serialized form of a slides layout.
  * This must be backwards-compatible as it is stored on the user's disk.
  */
-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+// oxlint-disable-next-line typescript/consistent-type-definitions
 export type SerializedSlidesLayout = {};
 
 export interface SlidesLayout extends SerializedSlidesLayout {

package/src/components/editor/renderers/vertical-layout/__tests__/useFocusFirstEditor.test.ts

@@ -110,9 +110,9 @@ describe("useFocusFirstEditor", () => {
     expect(querySelectorSpy).toHaveBeenCalledWith(
       '[data-cell-name="testCell"]',
     );
-    // eslint-disable-next-line @typescript-eslint/unbound-method
+    // oxlint-disable-next-line typescript/unbound-method
     expect(mockElement.scrollIntoView).toHaveBeenCalled();
-    // eslint-disable-next-line @typescript-eslint/unbound-method
+    // oxlint-disable-next-line typescript/unbound-method
     expect(mockElement.focus).toHaveBeenCalled();
     expect(mockEditor.focus).toHaveBeenCalled();
 

package/src/components/editor/renderers/vertical-layout/__tests__/vertical-layout.test.ts

@@ -1,5 +1,5 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/* oxlint-disable typescript/no-explicit-any */
 import { describe, expect, it } from "vitest";
 import type { OutputMessage } from "@/core/kernel/messages";
 import { groupCellsByColumn, shouldHideCode } from "../vertical-layout";

package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx

@@ -311,18 +311,17 @@ const ActionButtons: React.FC<{
   );
 };
 
-interface VerticalCellProps
-  extends Pick<
-    CellRuntimeState,
-    | "output"
-    | "consoleOutputs"
-    | "status"
-    | "stopped"
-    | "errored"
-    | "interrupted"
-    | "staleInputs"
-    | "runStartTimestamp"
-  > {
+interface VerticalCellProps extends Pick<
+  CellRuntimeState,
+  | "output"
+  | "consoleOutputs"
+  | "status"
+  | "stopped"
+  | "errored"
+  | "interrupted"
+  | "staleInputs"
+  | "runStartTimestamp"
+> {
   cellOutputArea: "above" | "below";
   cellId: CellId;
   config: CellConfig;
@@ -483,7 +482,7 @@ export function groupCellsByColumn(
   });
 
   // Sort columns by index
-  return [...cellsByColumn.entries()].sort(([a], [b]) => a - b);
+  return [...cellsByColumn.entries()].toSorted(([a], [b]) => a - b);
 }
 
 /**

package/src/components/find-replace/find-replace.tsx

@@ -221,7 +221,9 @@ export const FindReplace: React.FC = () => {
                 variant="outline"
                 className="h-6 text-xs"
                 onClick={() => {
-                  replaceNext() && resetMatches();
+                  if (replaceNext()) {
+                    resetMatches();
+                  }
                 }}
                 disabled={state.findText === ""}
               >

package/src/components/forms/form.tsx

@@ -1,5 +1,5 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/* oxlint-disable typescript/no-explicit-any */
 
 import { PlusIcon, RefreshCcw, Trash2Icon } from "lucide-react";
 import React from "react";

package/src/components/forms/options.ts

@@ -35,7 +35,7 @@ export interface FieldOptions {
   optionRegex?: string;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-redeclare
+// oxlint-disable-next-line typescript/no-redeclare
 export const FieldOptions = {
   of(options: FieldOptions): string {
     return JSON.stringify(options);

package/src/components/pages/gallery-page.tsx

@@ -83,7 +83,7 @@ const GalleryPage: React.FC = () => {
           thumbnailUrl,
         };
       })
-      .sort((a, b) => a.relativePath.localeCompare(b.relativePath));
+      .toSorted((a, b) => a.relativePath.localeCompare(b.relativePath));
   }, [workspace?.files, workspace?.root]);
 
   const filteredFiles = useMemo(() => {

package/src/components/static-html/static-banner.tsx

@@ -1,6 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-/* eslint-disable react/jsx-no-comment-textnodes */
-/* eslint-disable react/jsx-no-target-blank */
+/* oxlint-disable react/jsx-no-comment-textnodes */
+/* oxlint-disable react/jsx-no-target-blank */
 
 import { useAtomValue } from "jotai";
 import { CopyIcon, DownloadIcon } from "lucide-react";

package/src/components/storage/__tests__/storage-snippets.test.ts

@@ -147,9 +147,8 @@ describe("download-file snippet", () => {
   });
 
   it("obstore gcs backend", () => {
-    expect(
-      downloadSnippet.getCode(makeCtx({ protocol: "gcs" })),
-    ).toMatchInlineSnapshot(`
+    expect(downloadSnippet.getCode(makeCtx({ protocol: "gcs" })))
+      .toMatchInlineSnapshot(`
       "from datetime import timedelta
       from obstore import sign
 
@@ -162,9 +161,8 @@ describe("download-file snippet", () => {
   });
 
   it("obstore cloudflare backend", () => {
-    expect(
-      downloadSnippet.getCode(makeCtx({ protocol: "cloudflare" })),
-    ).toMatchInlineSnapshot(`
+    expect(downloadSnippet.getCode(makeCtx({ protocol: "cloudflare" })))
+      .toMatchInlineSnapshot(`
       "from datetime import timedelta
       from obstore import sign
 

package/src/components/terminal/terminal.tsx

@@ -143,7 +143,7 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
   const terminalRef = useRef<HTMLDivElement>(null);
   const wsRef = useRef<WebSocket | null>(null);
 
-  // eslint-disable-next-line react/hook-use-state
+  // oxlint-disable-next-line react/hook-use-state
   const [{ terminal, fitAddon, searchAddon }] = useState(() => {
     // Create a new terminal instance
     const term = new Terminal({
@@ -300,7 +300,7 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
     return () => {
       // noop
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
   }, [initialized]);
 
   // Process pending commands when terminal is ready
@@ -335,7 +335,7 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
     }
 
     return;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
   }, [visible]);
 
   // On mount
@@ -373,7 +373,7 @@ const TerminalComponent: React.FC<TerminalComponentProps> = ({
     return () => {
       abortController.abort();
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return (

package/src/components/tracing/tracing.test.tsx

@@ -5,36 +5,36 @@ import { formatChartTime } from "./utils";
 describe("formatChartTime", () => {
   beforeAll(() => {
     // Mock Date to always use UTC
-    vi.spyOn(global.Date.prototype, "getFullYear").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCFullYear();
-    });
-    vi.spyOn(global.Date.prototype, "getMonth").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCMonth();
-    });
-    vi.spyOn(global.Date.prototype, "getDate").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCDate();
-    });
-    vi.spyOn(global.Date.prototype, "getHours").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCHours();
-    });
-    vi.spyOn(global.Date.prototype, "getMinutes").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCMinutes();
-    });
-    vi.spyOn(global.Date.prototype, "getSeconds").mockImplementation(function (
-      this: Date,
-    ) {
-      return this.getUTCSeconds();
-    });
+    vi.spyOn(global.Date.prototype, "getFullYear").mockImplementation(
+      function (this: Date) {
+        return this.getUTCFullYear();
+      },
+    );
+    vi.spyOn(global.Date.prototype, "getMonth").mockImplementation(
+      function (this: Date) {
+        return this.getUTCMonth();
+      },
+    );
+    vi.spyOn(global.Date.prototype, "getDate").mockImplementation(
+      function (this: Date) {
+        return this.getUTCDate();
+      },
+    );
+    vi.spyOn(global.Date.prototype, "getHours").mockImplementation(
+      function (this: Date) {
+        return this.getUTCHours();
+      },
+    );
+    vi.spyOn(global.Date.prototype, "getMinutes").mockImplementation(
+      function (this: Date) {
+        return this.getUTCMinutes();
+      },
+    );
+    vi.spyOn(global.Date.prototype, "getSeconds").mockImplementation(
+      function (this: Date) {
+        return this.getUTCSeconds();
+      },
+    );
     vi.spyOn(global.Date.prototype, "getMilliseconds").mockImplementation(
       function (this: Date) {
         return this.getUTCMilliseconds();

package/src/components/ui/accordion.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
 import * as React from "react";
 
 import { cn } from "@/utils/cn";

package/src/components/ui/alert-dialog.tsx

@@ -1,6 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
 import * as React from "react";
 import { buttonVariants } from "@/components/ui/button";
 import { StyleNamespace } from "@/theme/namespace";

package/src/components/ui/badge.tsx

@@ -29,7 +29,8 @@ const badgeVariants = cva(
 );
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof badgeVariants> {}
 
 const Badge = ({ className, variant, ...props }: BadgeProps) => {

package/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import { Slot as SlotPrimitive } from "radix-ui";
 import * as React from "react";
 import { parseShortcut } from "@/core/hotkeys/shortcuts";
 import { useEventListener } from "@/hooks/useEventListener";
@@ -92,7 +92,8 @@ const buttonVariants = cva(
 );
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     Omit<VariantProps<typeof buttonVariants>, "disabled"> {
   asChild?: boolean;
   keyboardShortcut?: string;
@@ -107,7 +108,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 
     React.useImperativeHandle(
       ref,
-      // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
+      // oxlint-disable-next-line typescript/non-nullable-type-assertion-style
       () => buttonRef.current as HTMLButtonElement,
     );
 
@@ -135,7 +136,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 
     useEventListener(document, "keydown", handleKeyPress);
 
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? SlotPrimitive.Slot : "button";
     return (
       <Comp
         className={cn(

package/src/components/ui/calendar.tsx

@@ -183,8 +183,9 @@ const Calendar = <T extends AriaDateValue>({
   );
 };
 
-interface RangeCalendarProps<T extends AriaDateValue>
-  extends AriaRangeCalendarProps<T> {
+interface RangeCalendarProps<
+  T extends AriaDateValue,
+> extends AriaRangeCalendarProps<T> {
   errorMessage?: string;
 }
 

package/src/components/ui/checkbox.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
 import * as React from "react";
 
 import { cn } from "@/utils/cn";