erp-blocks 1.0.1

package/README.md

@@ -0,0 +1,94 @@
+# ERP Blocks for Nuxt 4
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+A collection of ready-to-use UI layouts and components designed as ERP system elements for Nuxt 4 applications.
+
+## Features
+
+- 🏗️ **Dashboard Layout** - Responsive dashboard layout with collapsible sidebar
+- 🔄 **Data Fetching** - Enhanced `useCountFetch` composable for handling paginated data
+- 🎨 **Pre-styled Components** - Common ERP components with consistent styling
+- 🧩 **Modular Design** - Easy to customize and extend for your needs
+- 🚀 **Nuxt 4 Ready** - Built with Nuxt 4 and Vue 3 Composition API
+
+## Installation
+
+1. Add `erp-blocks` dependency to your project:
+
+```bash
+npm install erp-blocks
+# or
+yarn add erp-blocks
+# or
+pnpm add erp-blocks
+```
+
+2. Add `erp-blocks` to the `modules` section of `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+  modules: ['erp-blocks']
+})
+```
+
+## Usage
+
+### Dashboard Layout
+
+Use the provided dashboard layout in your pages:
+
+```vue
+<template>
+  <div>
+    <!-- Your page content -->
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  layout: 'dashboard'
+})
+</script>
+```
+
+### useCountFetch Composable
+
+The `useCountFetch` composable extends Nuxt's `useFetch` with count tracking capabilities, useful for paginated data:
+
+```ts
+const { data, pending, error, count } = useCountFetch('/api/items', {
+  count: {
+    source: 'header', // or 'key' for JSON response
+    name: 'X-Total-Count' // header name or object key
+  },
+  // Standard useFetch options
+  query: {
+    page: 1,
+    limit: 10
+  }
+})
+```
+
+### Available Components
+
+- `CollapsibleSidebar` - A responsive, collapsible sidebar component
+- `NavigationHeader` - Top navigation bar component
+
+</details>
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,5 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+
+export { _default as default };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "erp-blocks",
+  "configKey": "erp",
+  "version": "1.0.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,38 @@
+import { defineNuxtModule, createResolver, addTemplate, addComponentsDir, addLayout, addImports } from '@nuxt/kit';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "erp-blocks",
+    configKey: "erp"
+  },
+  defaults: {},
+  setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    nuxt.options.css.push(resolve("./assets/css/main.css"));
+    nuxt.options.build.transpile.push(resolve("./runtime"));
+    addTemplate({
+      filename: "app.vue",
+      src: resolve("./runtime/app.vue")
+    });
+    addTemplate({
+      filename: "index.d.ts",
+      src: resolve("./runtime/index.d.ts")
+    });
+    addComponentsDir({
+      path: resolve("./runtime/components")
+    });
+    addLayout({
+      src: resolve("./runtime/layouts/dashboard-layout.vue")
+    }, "dashboard");
+    addImports([
+      { name: "useCountFetch", from: resolve("./runtime/composables/useCountFetch.ts") }
+    ]);
+  },
+  moduleDependencies: {
+    "@nuxt/ui": {
+      version: ">=4.0.0"
+    }
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/app.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app.vue

@@ -0,0 +1,7 @@
+<template>
+  <UApp>
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </UApp>
+</template>

package/dist/runtime/app.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/CollapsibleSidebar.vue

@@ -0,0 +1,31 @@
+<template>
+  <!-- TODO: Change UCollapsible to UDrawer in mobile -->
+  <UCollapsible
+    v-model:open="sidebarOpen"
+    :ui="{
+  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'
+}"
+  >
+    <template #content>
+      <div class="relative h-screen w-3xs bg-scn-sidebar">
+        <UIcon
+          name="i-lucide-x"
+          class="size-5 absolute z-50 top-4 right-4 cursor-pointer lg:hidden"
+          @click="closeSidebar"
+        />
+        <MainMenu />
+      </div>
+    </template>
+  </UCollapsible>
+</template>
+
+<script setup>
+import { useCookie } from "#app";
+import MainMenu from "./MainMenu.vue";
+const sidebarOpen = useCookie("sidebarOpen", {
+  default: () => true
+});
+function closeSidebar() {
+  sidebarOpen.value = false;
+}
+</script>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ColorModeButton.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { useColorMode } from "#imports";
+import { computed } from "vue";
+const colorMode = useColorMode();
+const isDark = computed({
+  get() {
+    return colorMode.value === "dark";
+  },
+  set(_isDark) {
+    colorMode.preference = _isDark ? "dark" : "light";
+  }
+});
+</script>
+
+<template>
+  <ClientOnly v-if="!colorMode?.forced">
+    <UButton
+      :icon="isDark ? 'i-lucide-moon' : 'i-lucide-sun'"
+      color="neutral"
+      variant="ghost"
+      @click="isDark = !isDark"
+    />
+
+    <template #fallback>
+      <div class="size-8" />
+    </template>
+  </ClientOnly>
+</template>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,24 @@
+import type { ModalProps, ButtonProps } from '@nuxt/ui';
+type __VLS_Props = {
+    modalProps?: ModalProps;
+    buttonProps?: ButtonProps;
+    confirmAction?: () => void;
+};
+declare var __VLS_13: {}, __VLS_21: {};
+type __VLS_Slots = {} & {
+    body?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    modalProps: ModalProps;
+    buttonProps: ButtonProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ConfirmationModal.vue

@@ -0,0 +1,58 @@
+<template>
+  <UModal v-bind="modalProps">
+    <UButton
+      v-bind="buttonProps"
+    />
+
+    <template #body>
+      <slot name="body">
+        <div class="flex flex-col items-center text-center gap-2">
+          <UIcon
+            name="i-lucide:help-circle"
+            class="text-3xl text-neutral-500"
+          />
+          <p class="text-base sm:text-lg">
+            Are you sure you want to perform this action?
+          </p>
+        </div>
+      </slot>
+    </template>
+
+    <template #footer="{ close }">
+      <slot
+        name="footer"
+      >
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="outline"
+          @click="close"
+        />
+        <UButton
+          type="submit"
+          label="Accept"
+          color="neutral"
+          @click="confirmAction"
+        />
+      </slot>
+    </template>
+  </UModal>
+</template>
+
+<script setup>
+defineProps({
+  modalProps: { type: Object, required: false, default: () => ({
+    ui: {
+      body: "p-4 sm:p-6 text-center",
+      footer: "justify-end gap-2"
+    }
+  }) },
+  buttonProps: { type: Object, required: false, default: () => ({
+    icon: "i-lucide:check",
+    color: "neutral",
+    variant: "solid",
+    class: "cursor-pointer"
+  }) },
+  confirmAction: { type: Function, required: false }
+});
+</script>

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

@@ -0,0 +1,24 @@
+import type { ModalProps, ButtonProps } from '@nuxt/ui';
+type __VLS_Props = {
+    modalProps?: ModalProps;
+    buttonProps?: ButtonProps;
+    confirmAction?: () => void;
+};
+declare var __VLS_13: {}, __VLS_21: {};
+type __VLS_Slots = {} & {
+    body?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    modalProps: ModalProps;
+    buttonProps: ButtonProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+import type { TableColumn } 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<({
+        data: T[] | undefined;
+        columns: TableColumn<T>[];
+        loading?: boolean;
+        totalRows?: number;
+        itemsPerPage?: number;
+    } & {
+        page?: number;
+    }) & {
+        "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:page", value: number | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/DataTable.vue

@@ -0,0 +1,32 @@
+<script setup>
+defineProps({
+  data: { type: null, required: true },
+  columns: { type: Array, required: true },
+  loading: { type: Boolean, required: false },
+  totalRows: { type: Number, required: false },
+  itemsPerPage: { type: Number, required: false, default: 5 }
+});
+const page = defineModel("page", { type: Number });
+</script>
+
+<template>
+  <div class="flex flex-col size-full space-y-4 py-4">
+    <UTable
+      :loading="loading"
+      :data="data"
+      :columns="columns"
+      class="flex-1 border border-default rounded-lg grow"
+    />
+    <div class="flex items-center justify-between">
+      <span class="text-base text-dimmed">
+        {{ data?.length ?? 0 }} of {{ totalRows ?? 0 }} rows
+      </span>
+      <UPagination
+        v-model:page="page"
+        active-color="neutral"
+        :total="totalRows"
+        :items-per-page="itemsPerPage"
+      />
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,25 @@
+import type { TableColumn } 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<({
+        data: T[] | undefined;
+        columns: TableColumn<T>[];
+        loading?: boolean;
+        totalRows?: number;
+        itemsPerPage?: number;
+    } & {
+        page?: number;
+    }) & {
+        "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:page", value: number | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,27 @@
+import type { ModalProps } from '@nuxt/ui';
+type __VLS_Props = {
+    modalProps?: ModalProps;
+};
+declare var __VLS_7: {}, __VLS_15: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_7) => any;
+} & {
+    body?: (props: typeof __VLS_15) => any;
+} & {
+    footer?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+}>, {
+    modalProps: ModalProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FiltersModal.vue

@@ -0,0 +1,48 @@
+<template>
+  <UModal v-bind="modalProps">
+    <slot name="trigger">
+      <UButton
+        icon="i-lucide:filter"
+        label="Filters"
+        color="neutral"
+        variant="solid"
+        class="cursor-pointer"
+      />
+    </slot>
+
+    <template #body>
+      <slot name="body" />
+    </template>
+
+    <template #footer>
+      <slot
+        name="footer"
+      >
+        <UButton
+          label="Reset"
+          color="neutral"
+          variant="outline"
+          @click="emit('reset')"
+        />
+        <UButton
+          type="submit"
+          label="Apply"
+          color="neutral"
+        />
+      </slot>
+    </template>
+  </UModal>
+</template>
+
+<script setup>
+defineProps({
+  modalProps: { type: Object, required: false, default: () => ({
+    title: "Filters",
+    scrollable: true,
+    ui: {
+      footer: "justify-end"
+    }
+  }) }
+});
+const emit = defineEmits(["reset"]);
+</script>

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

@@ -0,0 +1,27 @@
+import type { ModalProps } from '@nuxt/ui';
+type __VLS_Props = {
+    modalProps?: ModalProps;
+};
+declare var __VLS_7: {}, __VLS_15: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_7) => any;
+} & {
+    body?: (props: typeof __VLS_15) => any;
+} & {
+    footer?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+}>, {
+    modalProps: ModalProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MainMenu.vue

@@ -0,0 +1,13 @@
+<template>
+  <UNavigationMenu
+    orientation="vertical"
+    :items="items"
+    class="data-[orientation=vertical]:w-full py-12 px-2 gap-2"
+  />
+</template>
+
+<script setup>
+import { useAppConfig } from "#app";
+const appConfig = useAppConfig();
+const items = appConfig.erp && appConfig.erp.menuItems ? appConfig.erp.menuItems : [];
+</script>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NavigationHeader.vue

@@ -0,0 +1,27 @@
+<template>
+  <nav
+    class="flex items-center pl-8 pt-6 pb-4 pr-8 w-full border-b border-scn-sidebar-border dark:border-default justify-between"
+  >
+    <div class="flex items-center space-x-6">
+      <SidebarTrigger />
+      <h1
+        :class="{
+  'text-2xl font-bold font-zinc-950': true,
+  'opacity-0': false
+}"
+      >
+        {{ route.meta.dashboardTitle }}
+      </h1>
+    </div>
+    <div class="space-x-6 flex items-center">
+      <ColorModeButton />
+    </div>
+  </nav>
+</template>
+
+<script setup>
+import { useRoute } from "#app";
+import ColorModeButton from "./ColorModeButton.vue";
+import SidebarTrigger from "./SidebarTrigger.vue";
+const route = useRoute();
+</script>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    label?: string;
+    icon?: string;
+    title?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    title: string;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/NewSlider.vue

@@ -0,0 +1,22 @@
+<template>
+  <USlideover :title="title">
+    <UButton
+      :label="label"
+      color="neutral"
+      variant="solid"
+      :icon="icon"
+    />
+
+    <template #content>
+      <slot name="content" />
+    </template>
+  </USlideover>
+</template>
+
+<script setup>
+defineProps({
+  label: { type: String, required: false, default: "New" },
+  icon: { type: String, required: false, default: "i-lucide:plus" },
+  title: { type: String, required: false, default: "New record" }
+});
+</script>

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    label?: string;
+    icon?: string;
+    title?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    title: string;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/SidebarTrigger.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <UButton
+      :icon="
+  sidebarOpen ? 'i-lucide:arrow-left-from-line' : 'i-lucide:arrow-right-from-line'
+"
+      color="neutral"
+      size="xl"
+      variant="ghost"
+      @click="sidebarOpen = !sidebarOpen"
+    />
+  </div>
+</template>
+
+<script setup>
+import { useCookie } from "#app";
+const sidebarOpen = useCookie("sidebarOpen");
+</script>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/useCountFetch.d.ts

@@ -0,0 +1,11 @@
+import { type UseFetchOptions, type AsyncData } from '#app';
+import type { Ref } from 'vue';
+export type CountFetchOptions<T> = UseFetchOptions<T> & {
+    count?: {
+        source: 'header' | 'key';
+        name: string;
+    };
+};
+export declare function useCountFetch<T>(url: string | (() => string), options: CountFetchOptions<T>): AsyncData<T, Error | null> & {
+    count: Ref<number | undefined>;
+};

package/dist/runtime/composables/useCountFetch.js

@@ -0,0 +1,40 @@
+import { useFetch, useState } from "#app";
+export function useCountFetch(url, options) {
+  const defaultCount = options.count ?? {
+    source: "header",
+    name: "X-Total-Count"
+  };
+  const mergedOptions = {
+    ...options,
+    count: defaultCount
+  };
+  const { count: countOpt, ...fetchOptions } = mergedOptions;
+  const count = useState(() => void 0);
+  const userOnResponse = mergedOptions.onResponse;
+  const fetch = useFetch(url, {
+    ...fetchOptions,
+    onResponse(ctx) {
+      const { response } = ctx;
+      if (countOpt) {
+        const { source, name } = countOpt;
+        if (source === "header") {
+          const headerValue = response.headers.get(name);
+          count.value = headerValue ? Number.parseInt(headerValue, 10) : void 0;
+        }
+        if (source === "key") {
+          const raw = response._data;
+          if (raw && typeof raw === "object" && name in raw) {
+            count.value = Number(raw[name]);
+          }
+        }
+      }
+      if (typeof userOnResponse === "function") {
+        return userOnResponse(ctx);
+      }
+    }
+  });
+  return {
+    ...fetch,
+    count
+  };
+}

package/dist/runtime/index.d.ts

@@ -0,0 +1,15 @@
+declare module '#app' {
+  interface PageMeta {
+    dashboardTitle?: string
+  }
+}
+
+declare module 'nuxt/schema' {
+  interface AppConfigInput {
+    erp?: {
+      menuItems?: NavigationMenuItem[][]
+    }
+  }
+}
+
+export {}

package/dist/runtime/layouts/dashboard-layout.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/layouts/dashboard-layout.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { CollapsibleSidebar, NavigationHeader } from "#components";
+</script>
+
+<template>
+  <div class="w-screen h-screen flex">
+    <CollapsibleSidebar />
+    <main class="max-w-screen h-screen w-full flex flex-col overflow-hidden">
+      <NavigationHeader />
+      <div class="grow p-4 overflow-y-auto flex flex-col">
+        <slot />
+      </div>
+    </main>
+  </div>
+</template>

package/dist/runtime/layouts/dashboard-layout.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "erp-blocks",
+  "version": "1.0.1",
+  "description": "Ready-to-use UI layouts and components designed as ERP system elements ",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Davvii1/erp-blocks-nuxt.git"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "npm run dev:prepare && nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^4.2.1"
+  },
+  "devDependencies": {
+    "@nuxt/content": "3.8.1",
+    "@nuxt/devtools": "^3.1.0",
+    "@nuxt/eslint": "1.10.0",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/image": "2.0.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.2.1",
+    "@nuxt/test-utils": "^3.20.1",
+    "@nuxt/ui": "4.2.0",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.39.1",
+    "nuxt": "^4.2.1",
+    "typescript": "~5.9.3",
+    "vitest": "^4.0.10",
+    "vue-tsc": "^3.1.4"
+  }
+}