erp-blocks 1.1.4 → 1.1.6

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "erp-blocks",
   "configKey": "erp",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/CollapsibleSidebar.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <UCollapsible
+      v-if="breakpoints.isGreaterOrEqual('lg')"
       v-model:open="sidebarOpen"
       :ui="{
-  root: 'max-lg:hidden',
   content: 'max-lg:fixed z-40 max-lg:bg-white left-0 top-0 data-[state=open]:animate-collapsible-right data-[state=closed]:animate-collapsible-left border-r border-scn-sidebar-border dark:border-default'
 }"
     >
@@ -19,15 +19,17 @@
       </template>
     </UCollapsible>
     <UDrawer
+      v-if="breakpoints.isSmaller('lg')"
       v-model:open="sidebarOpen"
       direction="left"
-      :ui="{
-  overlay: 'lg:hidden',
-  content: 'lg:hidden'
-}"
     >
       <template #content>
-        <div class="w-[40vw]">
+        <UIcon
+          name="i-lucide-x"
+          class="size-5 absolute z-50 top-4 right-4 cursor-pointer lg:hidden"
+          @click="closeSidebar"
+        />
+        <div class="w-[40vw] mt-10">
           <MainMenu />
         </div>
       </template>
@@ -37,7 +39,11 @@
 
 <script setup>
 import { useState } from "#app";
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
 import MainMenu from "./MainMenu.vue";
+const breakpoints = useBreakpoints(breakpointsTailwind, {
+  ssrWidth: 768
+});
 const sidebarOpen = useState("sidebarOpen", () => true);
 function closeSidebar() {
   sidebarOpen.value = false;

package/dist/runtime/components/DataTable.d.vue.ts

@@ -1,4 +1,4 @@
-import type { TableProps } from '@nuxt/ui';
+import type { TableProps, TableSlots } from '@nuxt/ui';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<({
         tableProps: TableProps<T>;
@@ -11,9 +11,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {
-        [x: number]: ((props: any) => any) | undefined;
-    };
+    slots: TableSlots<T>;
     emit: (evt: "update:page", value: number | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/runtime/components/DataTable.vue

@@ -5,6 +5,7 @@ defineProps({
   itemsPerPage: { type: Number, required: false, default: 5 }
 });
 const page = defineModel("page", { type: Number });
+defineSlots();
 </script>
 
 <template>
@@ -13,24 +14,17 @@ const page = defineModel("page", { type: Number });
       v-bind="tableProps"
       class="flex-1 border border-default rounded-lg grow"
     >
-      <template
-        v-for="(_, name) in $slots"
-        #[name]="slotProps"
-      >
-        <slot
-          :name="name"
-          v-bind="slotProps"
-        />
+      <template #default="slotProps">
+        <slot v-bind="slotProps" />
       </template>
     </UTable>
     <div
       v-if="tableProps.data && totalRows"
       class="flex items-center justify-between"
     >
-      <span
-        class="text-base text-dimmed"
-      >
-        {{ tableProps.data?.length || itemsPerPage }} of {{ totalRows || itemsPerPage }} rows
+      <span class="text-base text-dimmed">
+        {{ tableProps.data?.length || itemsPerPage }} of
+        {{ totalRows || itemsPerPage }} rows
       </span>
       <UPagination
         v-model:page="page"

package/dist/runtime/components/DataTable.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TableProps } from '@nuxt/ui';
+import type { TableProps, TableSlots } from '@nuxt/ui';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<({
         tableProps: TableProps<T>;
@@ -11,9 +11,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {
-        [x: number]: ((props: any) => any) | undefined;
-    };
+    slots: TableSlots<T>;
     emit: (evt: "update:page", value: number | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erp-blocks",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "Ready-to-use UI layouts and components designed as ERP system elements ",
   "repository": {
     "type": "git",