@omnitend/dashboard-for-laravel 0.19.2 → 0.22.0

package/dist/types/index.d.ts

@@ -123,7 +123,10 @@ export interface FieldDefinition {
      * Longer help text revealed in a popover from a small info affordance
      * on the field's label (on hover/focus). Complements `hint` (which is
      * always-visible muted text below the control). May be a function of
-     * the model. For rich content, use the `#info` slot instead.
+     * the model. Plain text only — for a rich popover body (lists, bold,
+     * paragraphs) use the `#info-popover(<key>)` slot. Note the separate
+     * `#info(<key>)` slot renders an always-visible block below the control,
+     * not popover content.
      */
     info?: MaybeFn<string>;
     /**

package/dist/types/navigation.d.ts

@@ -28,3 +28,16 @@ export interface NavigationGroup {
     visible?: boolean;
 }
 export type Navigation = NavigationGroup[];
+/**
+ * Horizontal alignment of the navbar search slot content within its region:
+ * `"start"` = flush left (after the title from `md` up), `"center"` = centred.
+ * Shared by DXDashboard (which forwards it) and DXDashboardNavbar.
+ */
+export type NavbarSearchAlign = "start" | "center";
+/**
+ * What the navbar actions slot does below the `md` breakpoint: `"wrap"` moves
+ * it to its own full-width row (the bar grows), `"hide"` removes it entirely
+ * (for apps that relocate page actions into the page on phones).
+ * Shared by DXDashboard (which forwards it) and DXDashboardNavbar.
+ */
+export type NavbarActionsOnMobile = "wrap" | "hide";

package/dist/utils/api.d.ts

@@ -24,7 +24,7 @@ declare class ApiClient {
     post<T = unknown>(url: string, data?: any, options?: Omit<RequestOptions, "method" | "body">): Promise<ApiResponse<T>>;
     put<T = unknown>(url: string, data?: any, options?: Omit<RequestOptions, "method" | "body">): Promise<ApiResponse<T>>;
     patch<T = unknown>(url: string, data?: any, options?: Omit<RequestOptions, "method" | "body">): Promise<ApiResponse<T>>;
-    delete<T = unknown>(url: string, options?: Omit<RequestOptions, "method">): Promise<ApiResponse<T>>;
+    delete<T = unknown>(url: string, data?: any, options?: Omit<RequestOptions, "method" | "body">): Promise<ApiResponse<T>>;
 }
 export declare const api: ApiClient;
 export {};

package/docs/public/api-reference.json

@@ -1,8 +1,8 @@
 {
-  "generated": "2026-07-08T06:35:48.024Z",
+  "generated": "2026-07-11T04:13:01.837Z",
   "package": {
     "name": "@omnitend/dashboard-for-laravel",
-    "version": "0.17.0"
+    "version": "0.21.0"
   },
   "components": {
     "base": [
@@ -205,19 +205,19 @@
             "type": "boolean",
             "required": false,
             "default": "false",
-            "description": "Show an in-flight state: the button is disabled immediately and, after\n`spinnerDelay`, a trailing spinner appears (and the label swaps to\n`loadingText` if given)."
+            "description": "Show an in-flight state: the button is disabled immediately and, after\n`spinnerDelay`, a trailing spinner appears (and the label swaps to\n`loadingText` if given).\n\nDiverges from bvn: `BButton` has a native `loading`/`loadingText` that\nshows its spinner immediately. We intercept both and render our own\nanti-flash spinner instead, so bvn's native loading never fires. See\nDIVERGENCES.md."
           },
           {
             "name": "loadingText",
             "type": "string",
             "required": false,
-            "description": "Label shown in place of the default slot while the spinner is visible.\nOmit to keep the original label alongside the spinner."
+            "description": "Label shown in place of the default slot while the spinner is visible.\nOmit to keep the original label alongside the spinner. (See `loading` re:\nthe bvn divergence.)"
           },
           {
             "name": "icon",
             "type": "string",
             "required": false,
-            "description": "Leading Bootstrap Icons glyph name, rendered as `<i class=\"bi bi-{icon}\">`.\ne.g. `icon=\"save\"`. Hidden while the loading spinner is visible."
+            "description": "Leading Bootstrap Icons glyph name, rendered as `<i class=\"bi bi-{icon}\">`.\ne.g. `icon=\"save\"`. Hidden while the loading spinner is visible.\n\nDiverges from bvn: `BButton`'s native `icon` is a `boolean` (icon-button\nstyling mode). We redefine it as a glyph-name `string`, so bvn's boolean\nicon mode is unreachable through `DButton`. See DIVERGENCES.md."
           },
           {
             "name": "block",
@@ -600,9 +600,42 @@
         "name": "DFormSelect",
         "category": "base",
         "filePath": "resources/js/components/base/DFormSelect.vue",
-        "description": "",
-        "props": [],
-        "events": [],
+        "description": "Type-safe wrapper around Bootstrap Vue Next BFormSelect. Adds one behaviour BVN lacks: a `select` option whose value is `null` round-trips correctly. BVN renders each option's value as a plain HTML `value` attribute, so when that value is `null` Vue omits the attribute and the browser falls back to using the option's *text* as its DOM value — a model bound to `null` then matches no option and the select renders blank. We map a `null` option value (and a `null` model) to a private string sentinel so BVN renders a real value attribute, while keeping the consumer's model and emitted value as `null`. Legacy Bootstrap-Vue (BS4) handled this; BVN does not. (Radios likely need the same treatment — see #81.)",
+        "props": [
+          {
+            "name": "modelValue",
+            "type": "union",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "options",
+            "type": "TSTypeOperator",
+            "required": false,
+            "description": ""
+          },
+          {
+            "name": "valueField",
+            "type": "string",
+            "required": false,
+            "default": "\"value\"",
+            "description": "Key on object options that holds the value (BVN default: \"value\")."
+          },
+          {
+            "name": "optionsField",
+            "type": "string",
+            "required": false,
+            "default": "\"options\"",
+            "description": "Key on object options that holds nested options / groups (BVN default: \"options\")."
+          }
+        ],
+        "events": [
+          {
+            "name": "update:modelValue",
+            "description": "",
+            "properties": []
+          }
+        ],
         "slots": [
           {
             "name": "name",
@@ -1361,7 +1394,14 @@
             "name": "fluid",
             "type": "boolean",
             "required": false,
-            "description": "Render the page content full-width and left-aligned instead of the default\ncentred, reading-width (`col-xl-10`) column. Use for data-heavy admin pages\n(wide tables)."
+            "description": "Render the page content full-width and left-aligned instead of the default\ncentred, reading-width column. Use for data-heavy admin pages (wide tables)."
+          },
+          {
+            "name": "contentMaxWidth",
+            "type": "string",
+            "required": false,
+            "default": "'1140px'",
+            "description": "Max width of the centred content column (any CSS length). A genuine cap, so\nforms and text-heavy pages don't stretch to ~2000px on a wide display.\nIgnored when `fluid`. Set a large value (or use `fluid`) for full width."
           },
           {
             "name": "contentClass",
@@ -1377,11 +1417,18 @@
             "description": "User object for navbar dropdown"
           },
           {
-            "name": "logoutUrl",
-            "type": "string",
+            "name": "searchAlign",
+            "type": "NavbarSearchAlign",
             "required": false,
-            "default": "'/logout'",
-            "description": "Logout URL for navbar dropdown"
+            "default": "'start'",
+            "description": "Horizontal alignment of the navbar search slot content (`\"start\"` = flush\nleft, `\"center\"` = centred), forwarded to DXDashboardNavbar."
+          },
+          {
+            "name": "actionsOnMobile",
+            "type": "NavbarActionsOnMobile",
+            "required": false,
+            "default": "'wrap'",
+            "description": "What the navbar actions slot does below `md`: `\"wrap\"` to its own\nfull-width row, `\"hide\"` to remove it (relocate actions into the page on\nphones). Forwarded to DXDashboardNavbar."
           },
           {
             "name": "collapsibleGroups",
@@ -1436,7 +1483,7 @@
         "name": "DXDashboardNavbar",
         "category": "extended",
         "filePath": "resources/js/components/extended/DXDashboardNavbar.vue",
-        "description": "Top navigation bar for the dashboard shell: menu toggle, page title, centred search, page-level actions, and the user menu. Usually rendered by `DXDashboard`, which forwards these slots with a `navbar-` prefix.",
+        "description": "Top navigation bar for the dashboard shell: menu toggle, page title, search (aligned per `searchAlign`, left by default), page-level actions, and the user menu. Usually rendered by `DXDashboard`, which forwards these slots with a `navbar-` prefix.",
         "props": [
           {
             "name": "user",
@@ -1451,6 +1498,20 @@
             "required": false,
             "default": "\"\"",
             "description": "Page title shown at the left of the navbar (hidden below the `md` breakpoint)."
+          },
+          {
+            "name": "searchAlign",
+            "type": "NavbarSearchAlign",
+            "required": false,
+            "default": "\"start\"",
+            "description": "Horizontal alignment of the search slot content within its region\n(`\"start\"` = flush left, `\"center\"` = centred). Applies at every size:\nthe region sits inline after the title from `md` up, and is its own\nfull-width row below."
+          },
+          {
+            "name": "actionsOnMobile",
+            "type": "NavbarActionsOnMobile",
+            "required": false,
+            "default": "\"wrap\"",
+            "description": "What the actions slot does below the `md` breakpoint: `\"wrap\"` moves it\nto its own full-width row (the bar grows), `\"hide\"` removes it entirely\n(for apps that relocate page actions into the page on phones)."
           }
         ],
         "events": [
@@ -1468,12 +1529,12 @@
           },
           {
             "name": "search",
-            "description": "Search input or component. Centred in the bar on wider screens; drops to its own full-width row below the `md` breakpoint.",
+            "description": "Search input or component. Aligned per `searchAlign` within its region (inline in the bar from `md` up; its own full-width row below).",
             "bindings": []
           },
           {
             "name": "actions",
-            "description": "Page-level primary actions (e.g. a Create button), right-aligned next to the user menu.",
+            "description": "Page-level primary actions (e.g. a Create button). Right-aligned next to the user menu from `md` up; below, wraps to its own full-width row or is hidden entirely per `actionsOnMobile`.",
             "bindings": [
               {
                 "title": "binding",
@@ -1734,7 +1795,7 @@
         "name": "DXField",
         "category": "extended",
         "filePath": "resources/js/components/extended/DXField.vue",
-        "description": "Renders a single `FieldDefinition` of any type (text, select, autocomplete, checkbox, switch, repeater, currency, percentage, file/image, component, etc.) with its label, validation error, hint and help. Used by `DXForm` and `DXTable`'s edit modal; exposes `value`, `span`, `info`, `hint` and `repeater-row` slots for per-field customisation.",
+        "description": "Renders a single `FieldDefinition` of any type (text, select, autocomplete, checkbox, switch, repeater, currency, percentage, file/image, component, etc.) with its label, validation error, hint and help. Used by `DXForm` and `DXTable`'s edit modal; exposes `value`, `span`, `info`, `info-popover`, `hint` and `repeater-row` slots for per-field customisation.",
         "props": [
           {
             "name": "field",
@@ -1782,7 +1843,7 @@
             "name": "hideLabel",
             "type": "boolean",
             "required": false,
-            "description": "Skip rendering the field's own label entirely (only affects the\nstandard labelled-field branch). Used by DXRepeater's `table` layout,\nwhere a column header already names the field and a per-row label\nwould waste space in the cell."
+            "description": "Skip rendering the field's own (outer) label. Applies to the standard\nlabelled-field branch and to the checkbox/switch/repeater branches. In\nhorizontal layout no label column is reserved either, so the control\nspans the full width (a switch/checkbox self-label then lines up with\nsibling row labels). Used by DXRepeater's `table` layout (a column\nheader already names the field) and by consumers hiding the redundant\nrow label on a switch/checkbox, which render their own label inside the\ncontrol (#78)."
           }
         ],
         "events": [],
@@ -1826,8 +1887,8 @@
             ]
           },
           {
-            "name": "value",
-            "description": "Replaces the built-in control with a custom value editor.",
+            "name": "hint",
+            "description": "Overrides the field's hint text shown below the control.",
             "bindings": [
               {
                 "title": "binding",
@@ -1844,28 +1905,12 @@
                 },
                 "name": "model",
                 "description": "The model passed to field predicates (defaults to the live form data)."
-              },
-              {
-                "title": "binding",
-                "type": {
-                  "name": "any"
-                },
-                "name": "value",
-                "description": "The current field value."
-              },
-              {
-                "title": "binding",
-                "type": {
-                  "name": "(value: any) => void"
-                },
-                "name": "update",
-                "description": "Setter that writes the value back and clears the field's validation error."
               }
             ]
           },
           {
-            "name": "info",
-            "description": "Rich info block rendered below the control.",
+            "name": "value",
+            "description": "Replaces the built-in control with a custom value editor.",
             "bindings": [
               {
                 "title": "binding",
@@ -1882,12 +1927,28 @@
                 },
                 "name": "model",
                 "description": "The model passed to field predicates (defaults to the live form data)."
+              },
+              {
+                "title": "binding",
+                "type": {
+                  "name": "any"
+                },
+                "name": "value",
+                "description": "The current field value."
+              },
+              {
+                "title": "binding",
+                "type": {
+                  "name": "(value: any) => void"
+                },
+                "name": "update",
+                "description": "Setter that writes the value back and clears the field's validation error."
               }
             ]
           },
           {
-            "name": "hint",
-            "description": "Overrides the field's hint text shown below the control.",
+            "name": "info",
+            "description": "Rich info block rendered below the control.",
             "bindings": [
               {
                 "title": "binding",
@@ -1935,7 +1996,13 @@
           }
         ],
         "events": [],
-        "slots": [],
+        "slots": [
+          {
+            "name": "popover",
+            "description": "Rich popover body. Overrides the plain `info` text — use",
+            "bindings": []
+          }
+        ],
         "methods": []
       },
       {
@@ -2078,34 +2145,18 @@
             ]
           },
           {
-            "name": "`field(${field.key})`",
-            "description": "Fully replaces a field's rendering (including its label), keyed by field key: `field(<key>)`. Unlike `value(<key>)`, bypasses DXField entirely — like `tab-content`, this also supersedes `field-before(<key>)`/`field-after(<key>)` for the same key.",
+            "name": "name",
+            "description": "",
             "bindings": [
               {
                 "name": "name",
                 "title": "binding"
-              },
-              {
-                "title": "binding",
-                "type": {
-                  "name": "FieldDefinition"
-                },
-                "name": "field",
-                "description": "The field definition being replaced."
-              },
-              {
-                "title": "binding",
-                "type": {
-                  "name": "object"
-                },
-                "name": "model",
-                "description": "Live form data merged with `context`, for predicates."
               }
             ]
           },
           {
-            "name": "`field-before(${field.key})`",
-            "description": "Content inserted directly above a field, keyed by field key: `field-before(<key>)`. Not rendered when `field(<key>)` replaces the same field.",
+            "name": "`tab-after(${tab.key})`",
+            "description": "Content inserted below a tab's fields, keyed by tab (slot name `tab-after(<tabKey>)`).",
             "bindings": [
               {
                 "name": "name",
@@ -2114,10 +2165,10 @@
               {
                 "title": "binding",
                 "type": {
-                  "name": "FieldDefinition"
+                  "name": "FormTab"
                 },
-                "name": "field",
-                "description": "The field about to be rendered."
+                "name": "tab",
+                "description": "The tab definition being rendered."
               },
               {
                 "title": "binding",
@@ -2130,78 +2181,122 @@
             ]
           },
           {
-            "name": "slotName",
-            "description": "Per-field overrides forwarded to DXField, keyed by field key: `value(<key>)`, `span(<key>)`, `info(<key>)`, `hint(<key>)`, `repeater-row(<key>)`.",
+            "name": "footer",
+            "description": "Content rendered below the submit button (e.g. a cancel link or secondary actions).",
             "bindings": [
               {
-                "name": "name",
-                "title": "binding"
+                "title": "binding",
+                "type": {
+                  "name": "UseFormReturn"
+                },
+                "name": "form",
+                "description": "The resolved form instance (state, errors, submit helpers)."
               }
             ]
+          }
+        ],
+        "methods": []
+      },
+      {
+        "name": "DXFormField",
+        "category": "extended",
+        "filePath": "resources/js/components/extended/DXFormField.vue",
+        "description": "DXFormField — internal per-field renderer for DXForm. Owns the single per-field render block that DXForm's tabbed and flat layouts both need: the `field(<key>)` full-replacement slot, the `field-before(<key>)`/`field-after(<key>)` wrapper slots, and the `<DXField>` element with its `value`/`span`/`info`/`hint`/`repeater-row` slot forwarding. Extracted so those per-field props/slots are wired in ONE place — before this, DXForm carried two near-identical copies (tabbed + flat) and a new per-field prop had to be added to both, which was easy to miss (see #78/#83). DXForm forwards all of its slots into each instance; this component only reads the ones matching its field's key. Internal: not exported from the package index — consumers use DXForm.",
+        "props": [
+          {
+            "name": "field",
+            "type": "FieldDefinition",
+            "required": true,
+            "description": "The field to render."
           },
           {
-            "name": "`field-after(${field.key})`",
-            "description": "Content inserted directly below a field, keyed by field key: `field-after(<key>)`. Not rendered when `field(<key>)` replaces the same field.",
+            "name": "form",
+            "type": "UseFormReturn",
+            "required": true,
+            "description": "The resolved form instance (state, errors, submit helpers)."
+          },
+          {
+            "name": "model",
+            "type": "Record",
+            "required": true,
+            "description": "Live form data merged with context, for slot bindings/predicates."
+          },
+          {
+            "name": "layout",
+            "type": "union",
+            "required": false,
+            "description": "Form-level layout; overridden per-field by `field.layout`."
+          },
+          {
+            "name": "labelCols",
+            "type": "LabelCols",
+            "required": false,
+            "description": "Form-level label column width; overridden per-field by `field.labelCols`."
+          }
+        ],
+        "events": [],
+        "slots": [
+          {
+            "name": "`field(${field.key})`",
+            "description": "",
             "bindings": [
               {
                 "name": "name",
                 "title": "binding"
               },
               {
-                "title": "binding",
-                "type": {
-                  "name": "FieldDefinition"
-                },
                 "name": "field",
-                "description": "The field that was just rendered."
+                "title": "binding"
               },
               {
-                "title": "binding",
-                "type": {
-                  "name": "object"
-                },
                 "name": "model",
-                "description": "Live form data merged with `context`, for predicates."
+                "title": "binding"
               }
             ]
           },
           {
-            "name": "`tab-after(${tab.key})`",
-            "description": "Content inserted below a tab's fields, keyed by tab (slot name `tab-after(<tabKey>)`).",
+            "name": "`field-before(${field.key})`",
+            "description": "",
             "bindings": [
               {
                 "name": "name",
                 "title": "binding"
               },
               {
-                "title": "binding",
-                "type": {
-                  "name": "FormTab"
-                },
-                "name": "tab",
-                "description": "The tab definition being rendered."
+                "name": "field",
+                "title": "binding"
               },
               {
-                "title": "binding",
-                "type": {
-                  "name": "object"
-                },
                 "name": "model",
-                "description": "Live form data merged with `context`, for predicates."
+                "title": "binding"
               }
             ]
           },
           {
-            "name": "footer",
-            "description": "Content rendered below the submit button (e.g. a cancel link or secondary actions).",
+            "name": "slotName",
+            "description": "",
             "bindings": [
               {
-                "title": "binding",
-                "type": {
-                  "name": "UseFormReturn"
-                },
-                "name": "form",
-                "description": "The resolved form instance (state, errors, submit helpers)."
+                "name": "name",
+                "title": "binding"
+              }
+            ]
+          },
+          {
+            "name": "`field-after(${field.key})`",
+            "description": "",
+            "bindings": [
+              {
+                "name": "name",
+                "title": "binding"
+              },
+              {
+                "name": "field",
+                "title": "binding"
+              },
+              {
+                "name": "model",
+                "title": "binding"
               }
             ]
           }
@@ -2465,6 +2560,63 @@
         ],
         "methods": []
       },
+      {
+        "name": "DXSwitch",
+        "category": "extended",
+        "filePath": "resources/js/components/extended/DXSwitch.vue",
+        "description": "DXSwitch — a \"filled box\" toggle switch. An opinionated switch built on `DFormCheckbox` (`switch`): a bordered box sized like a `.form-control` with the label on the left and the toggle on the right, colour-coding its state (a neutral box when off, a filled primary box when on). Used standalone or, internally, by `DXField`'s `switch` field type so a form switch and a lone switch share one look. Usage: ```vue <DXSwitch v-model=\"isCurrent\" label=\"Product is current\" /> ``` For a form field, prefer a `DXField`/`DXForm` `type: 'switch'`; reach for `DXSwitch` directly when you want the styled toggle outside a form. Pass a `label` prop for simple text, or the default slot for richer label content.",
+        "props": [
+          {
+            "name": "modelValue",
+            "type": "boolean",
+            "required": false,
+            "default": "false",
+            "description": "Whether the switch is on."
+          },
+          {
+            "name": "label",
+            "type": "string",
+            "required": false,
+            "description": "Static text beside the toggle; the fallback when no contextual text applies."
+          },
+          {
+            "name": "textWhenTrue",
+            "type": "string",
+            "required": false,
+            "description": "Text shown when on — overrides `label` in the on state (e.g. \"Product is current\")."
+          },
+          {
+            "name": "textWhenFalse",
+            "type": "string",
+            "required": false,
+            "description": "Text shown when off — overrides `label` in the off state (e.g. \"Product is not current\")."
+          }
+        ],
+        "events": [
+          {
+            "name": "update:modelValue",
+            "description": "",
+            "properties": []
+          }
+        ],
+        "slots": [
+          {
+            "name": "default",
+            "description": "Label content shown beside the toggle. Falls back to the contextual",
+            "bindings": [
+              {
+                "title": "binding",
+                "type": {
+                  "name": "boolean"
+                },
+                "name": "on",
+                "description": "Whether the switch is currently on."
+              }
+            ]
+          }
+        ],
+        "methods": []
+      },
       {
         "name": "DXTable",
         "category": "extended",
@@ -3002,8 +3154,8 @@
     ]
   },
   "stats": {
-    "totalComponents": 71,
+    "totalComponents": 73,
     "baseComponents": 57,
-    "extendedComponents": 14
+    "extendedComponents": 16
   }
 }

package/docs/public/docs-map.md

@@ -1,7 +1,7 @@
 # Documentation Map
 
 > Auto-generated hierarchical overview of all documentation
-> Last updated: 2026-07-08T06:35:48.080Z
+> Last updated: 2026-07-11T04:13:01.900Z
 
 This file provides a complete map of all available documentation for AI agents and developers.
 
@@ -80,6 +80,7 @@ This file provides a complete map of all available documentation for AI agents a
 - [DXForm](/components/extended/DXForm): The canonical form renderer. Drive it with field definitions; add `tabs` when
 - [DXRepeater](/components/extended/DXRepeater): A repeatable sub-form (field array) primitive for nested, dynamic collections —
 - [DXStatCard](/components/extended/DXStatCard): A KPI / stat tile: a big formatted value with a title, optional subtitle, an
+- [DXSwitch](/components/extended/DXSwitch): A "filled box" toggle switch built on `DFormCheckbox`: a bordered box sized like
 - [DXTable](/components/extended/DXTable): A comprehensive data table component with built-in pagination, sorting, filtering, and CRUD operatio
 
 ### Examples
@@ -99,4 +100,4 @@ This file provides a complete map of all available documentation for AI agents a
 
 ---
 
-**Total Pages**: 75
+**Total Pages**: 76

package/docs/public/llms.txt

@@ -2,7 +2,7 @@
 
 > Vue 3 dashboard components for Laravel with Bootstrap Vue Next
 >
-> A dual-package library (NPM + Composer) providing 67 Vue 3 components for building Laravel dashboards with Bootstrap Vue Next.
+> A dual-package library (NPM + Composer) providing 68 Vue 3 components for building Laravel dashboards with Bootstrap Vue Next.
 
 ## Installation
 
@@ -81,7 +81,7 @@ Lightweight type-safe wrappers around Bootstrap Vue Next components providing AP
 - [DToaster](/components/base/dtoaster): Bootstrap Vue Next Toaster wrapper
 - [DTooltip](/components/base/dtooltip): Bootstrap Vue Next Tooltip wrapper
 
-## Extended Components (10 components)
+## Extended Components (11 components)
 
 Custom dashboard components with advanced functionality beyond Bootstrap Vue Next.
 
@@ -94,6 +94,7 @@ Custom dashboard components with advanced functionality beyond Bootstrap Vue Nex
 - [DXForm](/components/extended/dxform): Form renderer driven by field definitions, with optional tabs, conditional fields, per-field slots, async options, nested repeaters, and auto error-tab switching
 - [DXRepeater](/components/extended/dxrepeater): Repeatable nested sub-form (field array) primitive
 - [DXStatCard](/components/extended/dxstatcard): Extended dashboard component
+- [DXSwitch](/components/extended/dxswitch): Extended dashboard component
 - [DXTable](/components/extended/dxtable): Data table with pagination, filtering, and sorting
 
 ## Composables