@omnitend/dashboard-for-laravel 0.4.7

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

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+/**
+ * DButton - A type-safe wrapper around Bootstrap Vue Next's BButton component
+ *
+ * @component
+ * @example
+ * ```vue
+ * <DButton variant="primary" size="lg">Click Me</DButton>
+ * <DButton variant="link-danger" @click="handleClick">Delete</DButton>
+ * ```
+ */
+import { BButton } from "bootstrap-vue-next";
+import type { ButtonVariant, Size } from "bootstrap-vue-next";
+import { useSlots } from "vue";
+
+const slots = useSlots();
+
+type LinkVariant =
+  | "link-primary"
+  | "link-secondary"
+  | "link-success"
+  | "link-danger"
+  | "link-warning"
+  | "link-info"
+  | "link-light"
+  | "link-dark";
+
+interface Props {
+  /**
+   * The visual style variant of the button
+   * @default 'primary'
+   */
+  variant?: ButtonVariant | LinkVariant | null;
+
+  /**
+   * The size of the button
+   * @default 'md'
+   */
+  size?: Size;
+}
+
+withDefaults(defineProps<Props>(), {
+  variant: 'primary',
+  size: 'md',
+});
+</script>
+
+<template>
+  <BButton
+    :variant="variant"
+    :size="size"
+    v-bind="$attrs"
+  >
+    <template v-for="(_, name) in slots" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </BButton>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BButtonGroup component.
+ * Group a series of buttons on a single line or stack them vertically.
+ */
+<script setup lang="ts">
+import { BButtonGroup } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BButtonGroup 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>
+  </BButtonGroup>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BButtonToolbar component.
+ * Group button groups and input groups together on a single line.
+ */
+<script setup lang="ts">
+import { BButtonToolbar } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BButtonToolbar 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>
+  </BButtonToolbar>
+</template>

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

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+/**
+ * DCard - A type-safe wrapper around Bootstrap Vue Next's BCard component
+ *
+ * Provides a flexible content container with optional header and footer sections.
+ *
+ * @component
+ * @example
+ * ```vue
+ * <DCard>
+ *   <template #header>
+ *     <h3>Card Title</h3>
+ *   </template>
+ *
+ *   <p>Card content goes here</p>
+ *
+ *   <template #footer>
+ *     <small>Last updated 5 mins ago</small>
+ *   </template>
+ * </DCard>
+ * ```
+ */
+import { BCard } from "bootstrap-vue-next";
+import { useSlots } from "vue";
+
+const slots = useSlots();
+</script>
+
+<template>
+  <BCard v-bind="$attrs">
+    <template v-for="(_, name) in slots" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </BCard>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BCarousel component.
+ * Slideshow component for cycling through images or content.
+ */
+<script setup lang="ts">
+import { BCarousel } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BCarousel 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>
+</template>

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

@@ -0,0 +1,14 @@
+<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>

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

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

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

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+/**
+ * DCollapse - A type-safe wrapper around Bootstrap Vue Next's BCollapse component
+ *
+ * Toggles the visibility of content with smooth collapse/expand animations.
+ *
+ * @component
+ * @example
+ * import { ref } from 'vue'
+ * import { DButton, DCollapse } from '@omnitend/dashboard-for-laravel'
+ *
+ * const visible = ref(false)
+ *
+ * // In template:
+ * // <DButton @click="visible = !visible">Toggle Collapse</DButton>
+ * // <DCollapse v-model="visible">
+ * //   <div class="card card-body">Your collapsible content here</div>
+ * // </DCollapse>
+ */
+import { BCollapse } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BCollapse 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>
+  </BCollapse>
+</template>

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

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

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

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { BDropdown } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BDropdown 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>
+  </BDropdown>
+</template>

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

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { BDropdownDivider } from "bootstrap-vue-next";
+</script>
+
+<template>
+  <BDropdownDivider v-bind="$attrs" />
+</template>

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BForm component.
+ * Form component with support for inline styles and validation states.
+ */
+<script setup lang="ts">
+import { BForm } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BForm 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>
+  </BForm>
+</template>

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

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

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

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

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

@@ -0,0 +1,7 @@
+<template>
+  <BFormInput v-bind="$attrs" />
+</template>
+
+<script setup lang="ts">
+import { BFormInput } from "bootstrap-vue-next";
+</script>

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

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { BFormInvalidFeedback } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BFormInvalidFeedback v-bind="$attrs">
+    <!-- Dynamically pass through all named slots -->
+    <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </BFormInvalidFeedback>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BFormRadio component.
+ * Custom radio button input with accessibility markup.
+ */
+<script setup lang="ts">
+import { BFormRadio } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BFormRadio 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>
+  </BFormRadio>
+</template>

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BFormSpinbutton component.
+ * Number input with increment/decrement buttons.
+ */
+<script setup lang="ts">
+import { BFormSpinbutton } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BFormSpinbutton 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>
+  </BFormSpinbutton>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BFormTags component.
+ * Lightweight custom tagged input with duplicate detection and validation.
+ */
+<script setup lang="ts">
+import { BFormTags } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BFormTags 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>
+  </BFormTags>
+</template>

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

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { BFormText } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BFormText v-bind="$attrs">
+    <!-- Dynamically pass through all named slots -->
+    <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </BFormText>
+</template>

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

@@ -0,0 +1,7 @@
+<template>
+  <BFormTextarea v-bind="$attrs" />
+</template>
+
+<script setup lang="ts">
+import { BFormTextarea } from "bootstrap-vue-next";
+</script>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BImg component.
+ * Responsive image component with optional lazy loading and fluid sizing.
+ */
+<script setup lang="ts">
+import { BImg } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BImg 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>
+  </BImg>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BInputGroup component.
+ * Easily extend form controls by adding text, buttons, or button groups.
+ */
+<script setup lang="ts">
+import { BInputGroup } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BInputGroup 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>
+  </BInputGroup>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BLink component.
+ * Enhanced link component with router support and accessibility features.
+ */
+<script setup lang="ts">
+import { BLink } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BLink 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>
+  </BLink>
+</template>

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BListGroup component.
+ * Flexible component for displaying a series of content items.
+ */
+<script setup lang="ts">
+import { BListGroup } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BListGroup 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>
+  </BListGroup>
+</template>

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * @component
+ * Type-safe wrapper around Bootstrap Vue Next BNavbar component.
+ * Responsive navigation header with support for branding, navigation, and more.
+ */
+<script setup lang="ts">
+import { BNavbar } from "bootstrap-vue-next";
+
+defineOptions({
+  inheritAttrs: false,
+});
+</script>
+
+<template>
+  <BNavbar 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>
+  </BNavbar>
+</template>

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

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