@omnitend/dashboard-for-laravel 0.5.0 → 0.7.0

package/docs/public/api-reference.json

@@ -1,8 +1,8 @@
 {
-  "generated": "2026-06-28T12:36:46.436Z",
+  "generated": "2026-06-30T11:46:51.421Z",
   "package": {
     "name": "@omnitend/dashboard-for-laravel",
-    "version": "0.5.0"
+    "version": "0.6.0"
   },
   "components": {
     "base": [
@@ -70,9 +70,9 @@
         "methods": []
       },
       {
-        "name": "DAvatar",
+        "name": "DAspect",
         "category": "base",
-        "filePath": "resources/js/components/base/DAvatar.vue",
+        "filePath": "resources/js/components/base/DAspect.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -91,9 +91,9 @@
         "methods": []
       },
       {
-        "name": "DBadge",
+        "name": "DAutocomplete",
         "category": "base",
-        "filePath": "resources/js/components/base/DBadge.vue",
+        "filePath": "resources/js/components/base/DAutocomplete.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -112,9 +112,9 @@
         "methods": []
       },
       {
-        "name": "DBreadcrumb",
+        "name": "DAvatar",
         "category": "base",
-        "filePath": "resources/js/components/base/DBreadcrumb.vue",
+        "filePath": "resources/js/components/base/DAvatar.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -133,26 +133,11 @@
         "methods": []
       },
       {
-        "name": "DButton",
+        "name": "DBadge",
         "category": "base",
-        "filePath": "resources/js/components/base/DButton.vue",
+        "filePath": "resources/js/components/base/DBadge.vue",
         "description": "",
-        "props": [
-          {
-            "name": "variant",
-            "type": "union",
-            "required": false,
-            "default": "'primary'",
-            "description": "The visual style variant of the button"
-          },
-          {
-            "name": "size",
-            "type": "Size",
-            "required": false,
-            "default": "'md'",
-            "description": "The size of the button"
-          }
-        ],
+        "props": [],
         "events": [],
         "slots": [
           {
@@ -169,9 +154,9 @@
         "methods": []
       },
       {
-        "name": "DButtonGroup",
+        "name": "DBreadcrumb",
         "category": "base",
-        "filePath": "resources/js/components/base/DButtonGroup.vue",
+        "filePath": "resources/js/components/base/DBreadcrumb.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -190,11 +175,25 @@
         "methods": []
       },
       {
-        "name": "DButtonToolbar",
+        "name": "DButton",
         "category": "base",
-        "filePath": "resources/js/components/base/DButtonToolbar.vue",
+        "filePath": "resources/js/components/base/DButton.vue",
         "description": "",
-        "props": [],
+        "props": [
+          {
+            "name": "variant",
+            "type": "union",
+            "required": false,
+            "default": "'primary'",
+            "description": "The visual style variant of the button"
+          },
+          {
+            "name": "size",
+            "type": "Size",
+            "required": false,
+            "description": "The size of the button. Omit for the default (medium) size —\nbootstrap-vue-next 0.45 removed the no-op `'md'` value from `Size`."
+          }
+        ],
         "events": [],
         "slots": [
           {
@@ -211,9 +210,9 @@
         "methods": []
       },
       {
-        "name": "DCard",
+        "name": "DButtonGroup",
         "category": "base",
-        "filePath": "resources/js/components/base/DCard.vue",
+        "filePath": "resources/js/components/base/DButtonGroup.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -232,9 +231,9 @@
         "methods": []
       },
       {
-        "name": "DCarousel",
+        "name": "DButtonToolbar",
         "category": "base",
-        "filePath": "resources/js/components/base/DCarousel.vue",
+        "filePath": "resources/js/components/base/DButtonToolbar.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -253,9 +252,9 @@
         "methods": []
       },
       {
-        "name": "DCarouselSlide",
+        "name": "DCard",
         "category": "base",
-        "filePath": "resources/js/components/base/DCarouselSlide.vue",
+        "filePath": "resources/js/components/base/DCard.vue",
         "description": "",
         "props": [],
         "events": [],
@@ -482,6 +481,27 @@
         ],
         "methods": []
       },
+      {
+        "name": "DFormOtp",
+        "category": "base",
+        "filePath": "resources/js/components/base/DFormOtp.vue",
+        "description": "",
+        "props": [],
+        "events": [],
+        "slots": [
+          {
+            "name": "name",
+            "description": "",
+            "bindings": [
+              {
+                "name": "name",
+                "title": "binding"
+              }
+            ]
+          }
+        ],
+        "methods": []
+      },
       {
         "name": "DFormRadio",
         "category": "base",
@@ -1042,7 +1062,14 @@
         "category": "base",
         "filePath": "resources/js/components/base/DTable.vue",
         "description": "",
-        "props": [],
+        "props": [
+          {
+            "name": "fields",
+            "type": "Array",
+            "required": false,
+            "description": "Column definitions. Declared as a prop (rather than passed through\n`$attrs`) so we can shield the field `formatter` signature across\nbootstrap-vue-next versions."
+          }
+        ],
         "events": [
           {
             "name": "update:sortBy",
@@ -2185,8 +2212,8 @@
     ]
   },
   "stats": {
-    "totalComponents": 64,
-    "baseComponents": 56,
+    "totalComponents": 65,
+    "baseComponents": 57,
     "extendedComponents": 8
   }
 }

package/docs/public/docs-map.md

@@ -1,7 +1,7 @@
 # Documentation Map
 
 > Auto-generated hierarchical overview of all documentation
-> Last updated: 2026-06-28T12:36:46.494Z
+> Last updated: 2026-06-30T11:46:51.484Z
 
 This file provides a complete map of all available documentation for AI agents and developers.
 
@@ -14,6 +14,8 @@ This file provides a complete map of all available documentation for AI agents a
 - [DAccordion](/components/base/DAccordion): Type-safe wrapper around Bootstrap Vue Next's BAccordion component
 - [DAccordionItem](/components/base/DAccordionItem): Type-safe wrapper around Bootstrap Vue Next's BAccordionItem component
 - [DAlert](/components/base/DAlert): Type-safe wrapper around Bootstrap Vue Next's BAlert component
+- [DAspect](/components/base/DAspect): DAspect - A type-safe wrapper around Bootstrap Vue Next's BAspect component. Keeps its default-slot 
+- [DAutocomplete](/components/base/DAutocomplete): DAutocomplete - A type-safe wrapper around Bootstrap Vue Next's BAutocomplete component. A text inpu
 - [DAvatar](/components/base/DAvatar): Type-safe wrapper around Bootstrap Vue Next's BAvatar component
 - [DBadge](/components/base/DBadge): Type-safe wrapper around Bootstrap Vue Next's BBadge component
 - [DBreadcrumb](/components/base/DBreadcrumb): Type-safe wrapper around Bootstrap Vue Next's BBreadcrumb component
@@ -34,6 +36,7 @@ This file provides a complete map of all available documentation for AI agents a
 - [DFormGroup](/components/base/DFormGroup): Type-safe wrapper around Bootstrap Vue Next's BFormGroup component
 - [DFormInput](/components/base/DFormInput): Type-safe wrapper around Bootstrap Vue Next's BFormInput component
 - [DFormInvalidFeedback](/components/base/DFormInvalidFeedback): Type-safe wrapper around Bootstrap Vue Next's BFormInvalidFeedback component
+- [DFormOtp](/components/base/DFormOtp): DFormOtp - A type-safe wrapper around Bootstrap Vue Next's BFormOtp component. A one-time-code / PIN
 - [DFormRadio](/components/base/DFormRadio): Type-safe wrapper around Bootstrap Vue Next's BFormRadio component
 - [DFormSelect](/components/base/DFormSelect): Type-safe wrapper around Bootstrap Vue Next's BFormSelect component
 - [DFormSpinbutton](/components/base/DFormSpinbutton): Type-safe wrapper around Bootstrap Vue Next's BFormSpinbutton component
@@ -94,4 +97,4 @@ This file provides a complete map of all available documentation for AI agents a
 
 ---
 
-**Total Pages**: 70
+**Total Pages**: 73

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 64 Vue 3 components for building Laravel dashboards with Bootstrap Vue Next.
+> A dual-package library (NPM + Composer) providing 65 Vue 3 components for building Laravel dashboards with Bootstrap Vue Next.
 
 ## Installation
 
@@ -19,13 +19,15 @@
 - [Theming](/guide/theming): Customize appearance with CSS variables
 - [TypeScript](/guide/typescript): TypeScript types and best practices
 
-## Base Components (56 components)
+## Base Components (57 components)
 
 Lightweight type-safe wrappers around Bootstrap Vue Next components providing API stability and consistent theming.
 
 - [DAccordion](/components/base/daccordion): Bootstrap Vue Next Accordion wrapper
 - [DAccordionItem](/components/base/daccordionitem): Bootstrap Vue Next AccordionItem wrapper
 - [DAlert](/components/base/dalert): Bootstrap Vue Next Alert wrapper
+- [DAspect](/components/base/daspect): Bootstrap Vue Next Aspect wrapper
+- [DAutocomplete](/components/base/dautocomplete): Bootstrap Vue Next Autocomplete wrapper
 - [DAvatar](/components/base/davatar): Bootstrap Vue Next Avatar wrapper
 - [DBadge](/components/base/dbadge): Bootstrap Vue Next Badge wrapper
 - [DBreadcrumb](/components/base/dbreadcrumb): Bootstrap Vue Next Breadcrumb wrapper
@@ -33,8 +35,6 @@ Lightweight type-safe wrappers around Bootstrap Vue Next components providing AP
 - [DButtonGroup](/components/base/dbuttongroup): Bootstrap Vue Next ButtonGroup wrapper
 - [DButtonToolbar](/components/base/dbuttontoolbar): Bootstrap Vue Next ButtonToolbar wrapper
 - [DCard](/components/base/dcard): Bootstrap Vue Next Card wrapper
-- [DCarousel](/components/base/dcarousel): Bootstrap Vue Next Carousel wrapper
-- [DCarouselSlide](/components/base/dcarouselslide): Bootstrap Vue Next CarouselSlide wrapper
 - [DCol](/components/base/dcol): Bootstrap Vue Next Col wrapper
 - [DCollapse](/components/base/dcollapse): Bootstrap Vue Next Collapse wrapper
 - [DContainer](/components/base/dcontainer): Bootstrap Vue Next Container wrapper
@@ -46,6 +46,7 @@ Lightweight type-safe wrappers around Bootstrap Vue Next components providing AP
 - [DFormGroup](/components/base/dformgroup): Bootstrap Vue Next FormGroup wrapper
 - [DFormInput](/components/base/dforminput): Bootstrap Vue Next FormInput wrapper
 - [DFormInvalidFeedback](/components/base/dforminvalidfeedback): Bootstrap Vue Next FormInvalidFeedback wrapper
+- [DFormOtp](/components/base/dformotp): Bootstrap Vue Next FormOtp wrapper
 - [DFormRadio](/components/base/dformradio): Bootstrap Vue Next FormRadio wrapper
 - [DFormRadioGroup](/components/base/dformradiogroup): Bootstrap Vue Next FormRadioGroup wrapper
 - [DFormSelect](/components/base/dformselect): Bootstrap Vue Next FormSelect wrapper

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnitend/dashboard-for-laravel",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Vue 3 dashboard components for Laravel with Bootstrap Vue Next",
   "type": "module",
   "main": "./dist/dashboard-for-laravel.umd.cjs",
@@ -47,7 +47,7 @@
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.0",
     "axios": "^1.6.0",
-    "vue": "^3.4.0"
+    "vue": "^3.5.13"
   },
   "peerDependenciesMeta": {
     "axios": {
@@ -59,7 +59,7 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.22.0",
-    "bootstrap-vue-next": "^0.40.8",
+    "bootstrap-vue-next": "^0.45.6",
     "highlight.js": "^11.11.1",
     "pluralize": "^8.0.0",
     "rehype-autolink-headings": "^7.1.0",

package/resources/js/components/base/DAspect.vue

@@ -0,0 +1,22 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BAspect component.
+ * Keeps its default slot content at a fixed aspect ratio (e.g. `aspect="16:9"`
+ * or a number like `1.7778`). Useful for responsive media/embeds.
+ */
+<script setup lang="ts">
+import { BAspect } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BAspect v-bind="$attrs">
+    <!-- Dynamically pass through all named slots with their props -->
+    <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </BAspect>
+</template>

package/resources/js/components/base/DAutocomplete.vue

@@ -0,0 +1,23 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BAutocomplete component.
+ * Text input with a filtered dropdown of suggestions (typeahead/combobox).
+ * Pass `options` and bind `v-model`; supports `multiple` and a custom
+ * `filterFunction`.
+ */
+<script setup lang="ts">
+import { BAutocomplete } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BAutocomplete v-bind="$attrs">
+    <!-- Dynamically pass through all named slots with their props -->
+    <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </BAutocomplete>
+</template>

package/resources/js/components/base/DButton.vue

@@ -33,15 +33,14 @@ interface Props {
   variant?: ButtonVariant | LinkVariant | null;
 
   /**
-   * The size of the button
-   * @default 'md'
+   * The size of the button. Omit for the default (medium) size —
+   * bootstrap-vue-next 0.45 removed the no-op `'md'` value from `Size`.
    */
   size?: Size;
 }
 
 withDefaults(defineProps<Props>(), {
   variant: 'primary',
-  size: 'md',
 });
 </script>
 

package/resources/js/components/base/{DCarousel.vue → DFormOtp.vue}

@@ -1,10 +1,11 @@
 /**
  * @component
- * Type-safe wrapper around Bootstrap Vue Next BCarousel component.
- * Slideshow component for cycling through images or content.
+ * Type-safe wrapper around Bootstrap Vue Next BFormOtp component.
+ * One-time-code / PIN input rendered as a row of single-character boxes.
+ * `v-model` is a `string[]` (one entry per box).
  */
 <script setup lang="ts">
-import { BCarousel } from "bootstrap-vue-next";
+import { BFormOtp } from "bootstrap-vue-next";
 
 defineOptions({
   inheritAttrs: false,
@@ -12,10 +13,10 @@ defineOptions({
 </script>
 
 <template>
-  <BCarousel v-bind="$attrs">
+  <BFormOtp v-bind="$attrs">
     <!-- Dynamically pass through all named slots with their props -->
     <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
       <slot :name="name" v-bind="slotProps" />
     </template>
-  </BCarousel>
+  </BFormOtp>
 </template>

package/resources/js/components/base/DTable.vue

@@ -2,6 +2,7 @@
   <BTable
     ref="bTableRef"
     v-bind="$attrs"
+    :fields="shieldedFields"
     @update:sort-by="handleSortByUpdate"
     @update:current-page="handleCurrentPageUpdate"
     @update:busy="handleBusyUpdate"
@@ -15,19 +16,49 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { BTable } from "bootstrap-vue-next";
 
 defineOptions({
   inheritAttrs: false,
 });
 
+const props = defineProps<{
+  /**
+   * Column definitions. Declared as a prop (rather than passed through
+   * `$attrs`) so we can shield the field `formatter` signature across
+   * bootstrap-vue-next versions.
+   */
+  fields?: any[];
+}>();
+
 // Define emits to forward BTable events
 const emit = defineEmits(['update:sortBy', 'update:currentPage', 'update:busy', 'sorted', 'rowClicked']);
 
 // Reference to BTable for exposing methods
 const bTableRef = ref<any>(null);
 
+/**
+ * bootstrap-vue-next 0.43 changed the field `formatter` to receive a single
+ * object `{ value, key, item }`. This library has always documented the
+ * positional `(value, key, item)` signature, so wrap each formatter to keep
+ * existing consumer formatters working across the upgrade.
+ */
+const shieldedFields = computed(() => {
+  if (!props.fields) return undefined;
+  return props.fields.map((field) => {
+    if (field && typeof field.formatter === 'function') {
+      const original = field.formatter;
+      return {
+        ...field,
+        formatter: (obj: { value: unknown; key: string; item: any }) =>
+          original(obj?.value, obj?.key, obj?.item),
+      };
+    }
+    return field;
+  });
+});
+
 // Event handlers to forward BTable events
 const handleSortByUpdate = (val: any) => {
   emit('update:sortBy', val);
@@ -45,8 +76,13 @@ const handleSorted = (val: any) => {
   emit('sorted', val);
 };
 
-const handleRowClicked = (item: any, index: number, event: MouseEvent) => {
-  emit('rowClicked', item, index, event);
+/**
+ * bootstrap-vue-next 0.43 changed row events to a single object payload
+ * `{ item, index, event }`. Re-emit in the historic `(item, index, event)`
+ * shape so consumers (incl. DXTable) keep their handler signatures.
+ */
+const handleRowClicked = (obj: any) => {
+  emit('rowClicked', obj?.item, obj?.index, obj?.event);
 };
 
 // Expose refresh method from BTable

package/resources/js/components/base/DToaster.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { BToastOrchestrator } from "bootstrap-vue-next";
+// bootstrap-vue-next 0.44 removed BToastOrchestrator; the toast/modal/popover
+// renderer is now the unified BOrchestrator (also included inside BApp).
+import { BOrchestrator } from "bootstrap-vue-next";
 
 defineOptions({
   inheritAttrs: false,
@@ -7,10 +9,10 @@ defineOptions({
 </script>
 
 <template>
-  <BToastOrchestrator v-bind="$attrs">
+  <BOrchestrator v-bind="$attrs">
     <!-- Dynamically pass through all named slots with their props -->
     <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
       <slot :name="name" v-bind="slotProps" />
     </template>
-  </BToastOrchestrator>
+  </BOrchestrator>
 </template>

package/resources/js/index.ts

@@ -23,6 +23,8 @@ export { default as DXDashboardNavbar } from "./components/extended/DXDashboardN
 export { default as DAccordion } from "./components/base/DAccordion.vue";
 export { default as DAccordionItem } from "./components/base/DAccordionItem.vue";
 export { default as DAlert } from "./components/base/DAlert.vue";
+export { default as DAspect } from "./components/base/DAspect.vue";
+export { default as DAutocomplete } from "./components/base/DAutocomplete.vue";
 export { default as DAvatar } from "./components/base/DAvatar.vue";
 export { default as DBadge } from "./components/base/DBadge.vue";
 export { default as DBreadcrumb } from "./components/base/DBreadcrumb.vue";
@@ -30,8 +32,12 @@ export { default as DButton } from "./components/base/DButton.vue";
 export { default as DButtonGroup } from "./components/base/DButtonGroup.vue";
 export { default as DButtonToolbar } from "./components/base/DButtonToolbar.vue";
 export { default as DCard } from "./components/base/DCard.vue";
-export { default as DCarousel } from "./components/base/DCarousel.vue";
-export { default as DCarouselSlide } from "./components/base/DCarouselSlide.vue";
+// Re-export the real BCarousel/BCarouselSlide (not wrappers): BCarousel
+// collects its slides by scanning slot vnodes for the BCarouselSlide
+// component type, so wrapper components in between break slide registration
+// in bvn 0.45. (Most components are safely wrapped; carousel is the exception.)
+export { BCarousel as DCarousel } from "bootstrap-vue-next";
+export { BCarouselSlide as DCarouselSlide } from "bootstrap-vue-next";
 export { default as DCol } from "./components/base/DCol.vue";
 export { default as DCollapse } from "./components/base/DCollapse.vue";
 export { default as DContainer } from "./components/base/DContainer.vue";
@@ -43,6 +49,7 @@ export { default as DFormCheckbox } from "./components/base/DFormCheckbox.vue";
 export { default as DFormGroup } from "./components/base/DFormGroup.vue";
 export { default as DFormInput } from "./components/base/DFormInput.vue";
 export { default as DFormInvalidFeedback } from "./components/base/DFormInvalidFeedback.vue";
+export { default as DFormOtp } from "./components/base/DFormOtp.vue";
 export { default as DFormRadio } from "./components/base/DFormRadio.vue";
 export { default as DFormRadioGroup } from "./components/base/DFormRadioGroup.vue";
 export { default as DFormSelect } from "./components/base/DFormSelect.vue";

package/resources/js/components/base/DCarouselSlide.vue

@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import { BCarouselSlide } from "bootstrap-vue-next";
-import { useSlots } from "vue";
-
-const slots = useSlots();
-</script>
-
-<template>
-  <BCarouselSlide v-bind="$attrs">
-    <template v-for="(_, name) in slots" :key="name" #[name]="slotProps">
-      <slot :name="name" v-bind="slotProps" />
-    </template>
-  </BCarouselSlide>
-</template>