perf: simplify widget optimizations

packages/widgets/src/_inputs/widget-sortable-item-list-input.tsx

@@ -16,7 +16,6 @@ import {
   useSortable,
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
-import type { ActionIconProps } from "@mantine/core";
 import { ActionIcon, Card, Center, Fieldset, Loader, Stack } from "@mantine/core";
 import { IconGripHorizontal } from "@tabler/icons-react";
 
@@ -177,21 +176,6 @@ const Item = <TItem, TOptionValue extends UniqueIdentifier>({
     id,
   });
 
-  const Handle = (props: Partial<ActionIconProps>) => {
-    return (
-      <ActionIcon
-        variant="transparent"
-        color="gray"
-        {...props}
-        {...listeners}
-        ref={setActivatorNodeRef}
-        style={{ cursor: "grab" }}
-      >
-        <IconGripHorizontal />
-      </ActionIcon>
-    );
-  };
-
   return (
     <Card
       padding="sm"
@@ -222,7 +206,17 @@ const Item = <TItem, TOptionValue extends UniqueIdentifier>({
         item={item}
         removeItem={removeItem}
         rootAttributes={attributes}
-        handle={Handle}
+        handle={
+          <ActionIcon
+            variant="transparent"
+            color="gray"
+            {...listeners}
+            ref={setActivatorNodeRef}
+            style={{ cursor: "grab" }}
+          >
+            <IconGripHorizontal />
+          </ActionIcon>
+        }
       />
     </Card>
   );

packages/widgets/src/bookmarks/index.tsx

@@ -28,11 +28,11 @@ export const { definition, componentLoader } = createWidgetDefinition("bookmarks
       openNewTab: factory.switch({ defaultValue: true }),
       withBorder: factory.switch({ defaultValue: false }),
       items: factory.sortableItemList<RouterOutputs["app"]["all"][number], string>({
-        ItemComponent: ({ item, handle: Handle, removeItem, rootAttributes }) => {
+        ItemComponent: ({ item, handle, removeItem, rootAttributes }) => {
           return (
             <Group {...rootAttributes} tabIndex={0} justify="space-between" wrap="nowrap">
               <Group wrap="nowrap">
-                <Handle />
+                {handle}
 
                 <Group>
                   <Avatar src={item.iconUrl} alt={item.name} />

packages/widgets/src/options.ts

@@ -1,6 +1,5 @@
 import type React from "react";
 import type { DraggableAttributes, UniqueIdentifier } from "@dnd-kit/core";
-import type { ActionIconProps } from "@mantine/core";
 import { z } from "zod/v4";
 import type { RefinementCtx, ZodType } from "zod/v4";
 
@@ -38,7 +37,7 @@ export interface SortableItemListInput<TItem, TOptionValue extends UniqueIdentif
     item: TItem;
     removeItem: () => void;
     rootAttributes: DraggableAttributes;
-    handle: (props: Partial<Pick<ActionIconProps, "size" | "color" | "variant">>) => React.ReactNode;
+    handle: React.ReactNode;
   }) => React.ReactNode;
   uniqueIdentifier: (item: TItem) => TOptionValue;
   useData: (values: TOptionValue[]) => { data: TItem[] | undefined; isLoading: boolean; error: unknown };