refactor: remove rovingFocus and dir props from ToggleGroup component

Author: genu

docs/content/docs/4.components/toggle-group.md

@@ -188,12 +188,10 @@ ToggleGroup integrates with Nuxt UI's `UForm` via `useFormField`. Wrap it in a `
 | `defaultValue` | `string \| string[]` | - | Initial value when uncontrolled |
 | `multiple` | `boolean` | `true` | Allow multiple items to be selected |
 | `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout direction (affects keyboard navigation) |
-| `rovingFocus` | `boolean` | `true` | Enable arrow key navigation |
 | `loop` | `boolean` | `true` | Loop focus from last to first item |
 | `disabled` | `boolean` | `false` | Disable all interactions |
 | `name` | `string` | - | Form field name for form integration |
 | `required` | `boolean` | `false` | Mark as required for form validation |
-| `dir` | `'ltr' \| 'rtl'` | - | Reading direction |
 | `ui` | `{ root?, item? }` | - | Custom classes for root and item wrappers |
 
 ### Events

playground/app/pages/components/toggle-group.vue

@@ -394,12 +394,6 @@
                     <td class="py-2 pr-4 text-gray-500">"horizontal"</td>
                     <td class="py-2 font-sans text-sm">Layout direction (affects keyboard nav)</td>
                   </tr>
-                  <tr class="border-b border-gray-100 dark:border-gray-800">
-                    <td class="py-2 pr-4 text-primary">rovingFocus</td>
-                    <td class="py-2 pr-4 text-gray-500">boolean</td>
-                    <td class="py-2 pr-4 text-gray-500">true</td>
-                    <td class="py-2 font-sans text-sm">Enable arrow key navigation</td>
-                  </tr>
                   <tr class="border-b border-gray-100 dark:border-gray-800">
                     <td class="py-2 pr-4 text-primary">loop</td>
                     <td class="py-2 pr-4 text-gray-500">boolean</td>

src/runtime/components/ToggleGroup.vue

@@ -19,7 +19,7 @@
     T extends ToggleGroupItem[] = ToggleGroupItem[],
     VK extends GetItemKeys<T> | undefined = "value",
     M extends boolean = true,
-  > extends Pick<ToggleGroupRootProps, "rovingFocus" | "loop" | "disabled" | "name" | "required"> {
+  > extends Pick<ToggleGroupRootProps, "loop" | "disabled" | "name" | "required"> {
     /**
      * The items to display
      */
@@ -49,10 +49,6 @@
      * @defaultValue 'horizontal'
      */
     orientation?: "horizontal" | "vertical"
-    /**
-     * The reading direction.
-     */
-    dir?: "ltr" | "rtl"
     ui?: ToggleGroup["slots"]
   }
 
@@ -78,7 +74,6 @@
     multiple = true as M,
     valueKey = "value" as VK,
     orientation = "horizontal",
-    rovingFocus = true,
     loop = true,
     disabled = false,
     required = false,
@@ -194,8 +189,6 @@
     :model-value="internalValue"
     :default-value="defaultValue"
     :orientation="orientation"
-    :dir="dir"
-    :roving-focus="rovingFocus"
     :loop="loop"
     :disabled="formDisabled"
     :name="formFieldName"