abckit 0.0.1

package/dist/module.d.mts

@@ -0,0 +1,41 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { BreadcrumbItemProps } from '../dist/runtime/composables/useBreadcrumbItems.js';
+
+interface BreadcrumbsConfig {
+    breadcrumbs?: {
+        homeLabel?: string;
+        homeIcon?: string;
+        overrides?: (false | BreadcrumbItemProps | undefined)[];
+        getBaseUrl?: (organizationId: string | null, projectId: string | null) => string;
+    };
+}
+interface SetupConfig {
+    setup?: {
+        title?: string;
+        description?: string;
+        requiredModule?: string;
+        branding?: {
+            logo?: string;
+            appName?: string;
+            moduleName?: string;
+            moduleDescription?: string;
+            features?: {
+                icon: string;
+                title: string;
+                description: string;
+            }[];
+        };
+    };
+}
+declare module 'nuxt/schema' {
+    interface AppConfig extends BreadcrumbsConfig, SetupConfig {
+    }
+}
+declare module '@nuxt/schema' {
+    interface AppConfig extends BreadcrumbsConfig, SetupConfig {
+    }
+}
+declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+
+export { _default as default };
+export type { BreadcrumbsConfig, SetupConfig };

package/dist/module.json

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

package/dist/module.mjs

@@ -0,0 +1,262 @@
+import { readdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { defineNuxtModule, createResolver, addTypeTemplate, addImportsDir, addServerScanDir, addRouteMiddleware, addComponentsDir, resolvePath, addComponentExports } from '@nuxt/kit';
+import { defu } from 'defu';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "nuxtShared",
+    configKey: "nuxtShared",
+    version: "0.0.1"
+  },
+  moduleDependencies: {
+    "@nuxtjs/tailwindcss": {},
+    "notivue/nuxt": {},
+    "@nuxt/icon": {},
+    "@pinia/colada-nuxt": {},
+    "@nuxtjs/color-mode": {},
+    "@vueuse/nuxt": {},
+    "@pinia/nuxt": {},
+    "@vee-validate/nuxt": {},
+    "nitro-graphql/nuxt": {}
+  },
+  async setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    nuxt.options.runtimeConfig.dragonfly = defu(nuxt.options.runtimeConfig.dragonfly, {
+      host: "dragonfly",
+      port: Number.parseInt("6379", 10),
+      password: ""
+    });
+    nuxt.options.runtimeConfig.s3 = defu(nuxt.options.runtimeConfig.s3, {
+      accessKeyId: "",
+      secretAccessKey: "",
+      endpoint: "",
+      bucket: "",
+      region: "auto",
+      publicUrl: ""
+    });
+    nuxt.options.runtimeConfig.polar = defu(nuxt.options.runtimeConfig.polar, {
+      accessToken: "",
+      checkoutSuccessUrl: "/checkout/success",
+      server: "sandbox",
+      webhookSecret: ""
+    });
+    nuxt.options.runtimeConfig.imgproxy = defu(nuxt.options.runtimeConfig.imgproxy, {
+      storageUrl: "",
+      cdnDomains: []
+    });
+    nuxt.options.runtimeConfig.storage = defu(nuxt.options.runtimeConfig.storage, {
+      redis: false,
+      s3: false,
+      disk: false
+    });
+    nuxt.options.runtimeConfig.public = defu(nuxt.options.runtimeConfig.public, {
+      siteUrl: "http://localhost:3000",
+      debug: nuxt.options.dev,
+      imgproxy: {
+        storageUrl: "",
+        cdnDomains: []
+      }
+    });
+    addTypeTemplate({
+      filename: "types/nuxt-shared-h3.d.ts",
+      getContents: () => `
+declare module 'h3' {
+  interface H3EventContext {
+    /**
+     * Better Auth session
+     * Check auth?.user in protected routes
+     */
+    auth: {
+      user: {
+        id: string
+        name: string
+        email: string
+        emailVerified: boolean
+        image?: string
+        createdAt: Date
+        updatedAt: Date
+        role: string
+      }
+      session: {
+        id: string
+        userId: string
+        expiresAt: Date
+        token: string
+        createdAt: Date
+        updatedAt: Date
+        ipAddress?: string
+        userAgent?: string
+      }
+    }
+
+    /**
+     * Authorization error (set by auth middleware, thrown by API routes)
+     */
+    authError?: {
+      statusCode: number
+      statusMessage: string
+    }
+
+    /**
+     * Premium subscription status
+     *
+     * @example
+     * if (!event.context.isPremium) {
+     *   throw createError({ statusCode: 403, message: 'Premium subscription required' })
+     * }
+     */
+    isPremium: boolean
+
+    /**
+     * Full subscription data (if available)
+     */
+    subscription: any | null
+  }
+}
+
+export {}
+`
+    }, { nitro: true });
+    nuxt.hook("app:resolve", (app) => {
+      app.errorComponent = resolve("./runtime/error.vue");
+    });
+    nuxt.options.css = nuxt.options.css || [];
+    const { existsSync } = await import('node:fs');
+    const appTailwindPath = join(nuxt.options.rootDir, "app/assets/css/tailwind.css");
+    if (existsSync(appTailwindPath)) {
+      nuxt.options.css.push(appTailwindPath);
+    } else {
+      nuxt.options.css.push(resolve("./runtime/assets/css/tailwind.css"));
+    }
+    nuxt.options.css.push(
+      "notivue/notification.css",
+      "notivue/animations.css"
+    );
+    nuxt.options.nitro.modules = nuxt.options.nitro.modules || [];
+    nuxt.options.nitro.modules.push("nitro-graphql");
+    nuxt.options.nitro.experimental = defu(nuxt.options.nitro.experimental, {
+      tasks: true,
+      asyncContext: true
+    });
+    nuxt.options.nitro.esbuild = defu(nuxt.options.nitro.esbuild, {
+      options: {
+        target: "esnext"
+      }
+    });
+    nuxt.options.nitro.graphql = defu(nuxt.options.nitro.graphql, {
+      framework: "graphql-yoga",
+      codegen: {
+        server: {
+          scalars: {
+            Timestamp: "string",
+            File: "File",
+            Decimal: "string"
+          }
+        },
+        client: {
+          scalars: {
+            Timestamp: "string",
+            File: "File",
+            Decimal: "string"
+          }
+        }
+      },
+      scaffold: false
+    });
+    nuxt.options.nitro.publicAssets = nuxt.options.nitro.publicAssets || [];
+    nuxt.options.nitro.publicAssets.push({
+      dir: resolve("./runtime/public"),
+      baseURL: "/",
+      maxAge: 0
+    });
+    const componentDir = resolve("./runtime/components/ui");
+    nuxt.hook("tailwindcss:sources:extend", (sources) => {
+      sources.push({
+        source: `${resolve("./runtime/components")}`,
+        type: "path"
+      });
+    });
+    if (nuxt.options.dev) {
+      nuxt.options.vite.server = nuxt.options.vite.server || {};
+      nuxt.options.vite.server.allowedHosts = true;
+    }
+    nuxt.options.alias["abckit/runtime"] = resolve("./runtime");
+    nuxt.options.alias["abckit/server/utils"] = resolve("./runtime/server/utils");
+    nuxt.options.alias["abckit/components"] = resolve("./runtime/components");
+    nuxt.options.alias["abckit/shadcn"] = resolve("./runtime/components/ui");
+    nuxt.options.alias["abckit/composables"] = resolve("./runtime/composables");
+    nuxt.options.alias["abckit/graphql"] = resolve("./runtime/graphql");
+    nuxt.options.alias["abckit/stores"] = resolve("./runtime/stores");
+    nuxt.options.alias["abckit/utils"] = resolve("./runtime/utils");
+    nuxt.options.alias["abckit/types/client"] = resolve("./runtime/types/nitro-graphql-client");
+    nuxt.options.alias["abckit/shared"] = resolve("./runtime/shared");
+    nuxt.options.vite.optimizeDeps = nuxt.options.vite.optimizeDeps || {};
+    nuxt.options.vite.optimizeDeps.exclude = nuxt.options.vite.optimizeDeps.exclude || [];
+    const excludeSet = new Set(nuxt.options.vite.optimizeDeps.exclude);
+    excludeSet.add("abckit");
+    excludeSet.add("shadcn-nuxt");
+    excludeSet.add("@vue/devtools-core");
+    excludeSet.add("@vue/devtools-kit");
+    excludeSet.add("notivue");
+    excludeSet.add("zod");
+    excludeSet.add("date-fns");
+    excludeSet.add("date-fns/locale");
+    excludeSet.add("lucide-vue-next");
+    excludeSet.add("class-variance-authority");
+    excludeSet.add("reka-ui");
+    excludeSet.add("clsx");
+    excludeSet.add("tailwind-merge");
+    excludeSet.add("@sindresorhus/slugify");
+    excludeSet.add("better-auth");
+    nuxt.options.vite.optimizeDeps.exclude = Array.from(excludeSet);
+    nuxt.options.typescript = defu(nuxt.options.typescript, {
+      tsConfig: {
+        compilerOptions: {
+          allowArbitraryExtensions: true
+        }
+      }
+    });
+    nuxt.options.colorMode = {
+      classSuffix: "",
+      fallback: "light",
+      storageKey: "abckit-color-mode",
+      preference: "light",
+      hid: "nuxt-color-mode-script"
+    };
+    addImportsDir(resolve("./runtime/composables"));
+    addServerScanDir(resolve("./runtime/server"));
+    addRouteMiddleware({
+      name: "auth-status",
+      path: resolve("./runtime/middleware/auth.global"),
+      global: true
+    });
+    addComponentsDir({
+      path: componentDir,
+      extensions: [],
+      ignore: ["**/*"]
+    }, {
+      prepend: true
+    });
+    try {
+      await Promise.all(readdirSync(componentDir).map(async (dir) => {
+        try {
+          const filePath = await resolvePath(join(componentDir, dir, "index"), { extensions: [".ts", ".js"] });
+          addComponentExports({
+            prefix: "",
+            filePath: resolve(filePath),
+            priority: 1
+          });
+        } catch (err) {
+          if (err instanceof Error)
+            console.warn("Module error: ", err.message);
+        }
+      }));
+    } catch (err) {
+      if (err instanceof Error)
+        console.warn(err.message);
+    }
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/css/tailwind.css

@@ -0,0 +1 @@
+@import "tailwindcss";@import "tw-animate-css";@plugin "@tailwindcss/typography";@custom-variant dark (&:where(.dark, .dark *));:root{--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--destructive-foreground:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--animate-accordion-down:accordion-down 0.2s ease-out;--animate-accordion-up:accordion-up 0.2s ease-out;@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}[role=button]:not(:disabled),[role=link]:not([disabled]),a:not([disabled]),button:not(:disabled){cursor:pointer}}@utility required{&:after{content:" *";@apply text-destructive}}@utility bg-grid-light{background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='12' height='12' fill='%23f3f4f6'/><rect x='12' y='12' width='12' height='12' fill='%23f3f4f6'/></svg>");background-size:24px 24px}@utility bg-grid-dark{background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='12' height='12' fill='%23252525'/><rect x='12' y='12' width='12' height='12' fill='%23252525'/></svg>");background-size:24px 24px}

package/dist/runtime/colada.options.d.ts

@@ -0,0 +1,6 @@
+import type { PiniaColadaOptions } from '@pinia/colada';
+/**
+ * Global Pinia Colada configuration for API error handling
+ */
+declare const _default: PiniaColadaOptions;
+export default _default;

package/dist/runtime/colada.options.js

@@ -0,0 +1,87 @@
+import { PiniaColadaQueryHooksPlugin } from "@pinia/colada";
+import { push } from "notivue";
+import { showError } from "nuxt/app";
+export default {
+  plugins: [
+    PiniaColadaQueryHooksPlugin({
+      onSuccess(data, context) {
+        if (data?.errors?.length > 0) {
+          const firstError = data.errors[0];
+          const extensions = firstError.extensions || {};
+          const statusCode = Number(extensions.code) || extensions.statusCode || 500;
+          if (statusCode === 401) {
+            showError({
+              statusCode,
+              statusMessage: firstError.message || "Oturum s\xFCreniz doldu.",
+              fatal: true
+            });
+            return;
+          }
+          if (statusCode >= 400 && statusCode < 500) {
+            push.error(firstError.message || "Bir hata olu\u015Ftu.");
+            return;
+          }
+          showError({
+            statusCode,
+            statusMessage: firstError.message || "Sunucu hatas\u0131 olu\u015Ftu.",
+            fatal: false
+          });
+          return;
+        }
+        if (context?.options?.mutation) {
+          const successMessage = context?.options?.successMessage || "\u0130\u015Flem ba\u015Far\u0131yla tamamland\u0131.";
+          push.success(successMessage);
+        }
+      },
+      onError(error) {
+        if (error.graphQLErrors?.length > 0) {
+          const firstError = error.graphQLErrors[0];
+          const extensions = firstError.extensions || {};
+          const statusCode2 = Number(extensions.code) || extensions.statusCode || 500;
+          if (statusCode2 === 401) {
+            showError({
+              statusCode: statusCode2,
+              statusMessage: firstError.message || "Oturum s\xFCreniz doldu.",
+              fatal: true
+            });
+            return;
+          }
+          if (statusCode2 >= 400 && statusCode2 < 500) {
+            push.error(firstError.message || "Bir hata olu\u015Ftu.");
+            return;
+          }
+          showError({
+            statusCode: statusCode2,
+            statusMessage: firstError.message || "Sunucu hatas\u0131 olu\u015Ftu.",
+            fatal: false
+          });
+          return;
+        }
+        const statusCode = error.response?.status || error.networkError?.statusCode || 500;
+        if (statusCode === 401) {
+          showError({
+            statusCode,
+            statusMessage: error.message || "Oturum s\xFCreniz doldu.",
+            fatal: true
+          });
+          return;
+        }
+        if (statusCode >= 400 && statusCode < 500) {
+          push.error(error.message || "Bir hata olu\u015Ftu.");
+          return;
+        }
+        showError({
+          statusCode,
+          statusMessage: error.message || "Sunucu hatas\u0131 olu\u015Ftu.",
+          fatal: false
+        });
+      }
+    })
+  ],
+  queryOptions: {
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: true,
+    staleTime: 1e3 * 60 * 5
+    // 5 minutes
+  }
+};

package/dist/runtime/components/app/AppBreadcrumbs.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/app/AppBreadcrumbs.vue

@@ -0,0 +1,80 @@
+<script setup>
+import { useAppConfig, useRoute } from "#app";
+import { NuxtLink } from "#components";
+import { useBreadcrumbItems } from "abckit/composables/useBreadcrumbItems";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "abckit/shadcn/breadcrumb";
+import { computed } from "vue";
+const route = useRoute();
+const appConfig = useAppConfig();
+const breadcrumbConfig = computed(() => appConfig.breadcrumbs || {});
+const baseUrl = computed(() => {
+  if (breadcrumbConfig.value.getBaseUrl) {
+    return breadcrumbConfig.value.getBaseUrl(null, null);
+  }
+  return "/";
+});
+const overrides = computed(() => {
+  if (breadcrumbConfig.value.overrides) {
+    return breadcrumbConfig.value.overrides;
+  }
+  return [
+    false,
+    // Hide root /
+    false,
+    // Hide organization segment
+    false
+    // Hide projectId segment (if exists)
+    // Rest will be shown (themes, pages, settings, etc.)
+  ];
+});
+const homeLabel = computed(() => breadcrumbConfig.value.homeLabel || "Home");
+const homeIcon = computed(() => breadcrumbConfig.value.homeIcon || "lucide:home");
+const breadcrumbItems = useBreadcrumbItems({
+  hideRoot: true,
+  hideNonExisting: true,
+  overrides: overrides.value,
+  prepend: computed(() => [
+    {
+      label: homeLabel.value,
+      to: baseUrl.value,
+      icon: homeIcon.value
+    }
+  ])
+});
+</script>
+
+<template>
+  <Breadcrumb v-if="breadcrumbItems.length > 0">
+    <BreadcrumbList>
+      <template v-for="(item, index) in breadcrumbItems" :key="item.to || index">
+        <BreadcrumbItem>
+          <!-- Current page - not clickable -->
+          <BreadcrumbPage v-if="item.current">
+            <Icon v-if="item.icon" :name="item.icon" class="h-4 w-4 mr-1" />
+            {{ item.label }}
+          </BreadcrumbPage>
+
+          <!-- Clickable link with NuxtLink -->
+          <BreadcrumbLink
+            v-else
+            :as="NuxtLink"
+            :to="item.to || '/'"
+          >
+            <Icon v-if="item.icon" :name="item.icon" class="h-4 w-4 mr-1" />
+            {{ item.label }}
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+
+        <!-- Separator (not after the last item) -->
+        <BreadcrumbSeparator v-if="index < breadcrumbItems.length - 1" />
+      </template>
+    </BreadcrumbList>
+  </Breadcrumb>
+</template>

package/dist/runtime/components/app/AppBreadcrumbs.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/app/AppHeader.d.vue.ts

@@ -0,0 +1,9 @@
+interface Props {
+    tenant?: {
+        name?: string;
+        logo?: string;
+    };
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/app/AppHeader.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { SidebarMenuButton, useSidebar } from "abckit/shadcn/sidebar";
+import { Shield } from "lucide-vue-next";
+const props = defineProps({
+  tenant: { type: Object, required: false }
+});
+const { state } = useSidebar();
+</script>
+
+<template>
+  <SidebarMenuButton
+    size="lg"
+    class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+  >
+    <div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground">
+      <Shield class="h-4 w-4" />
+    </div>
+    <div
+      v-show="state !== 'collapsed'"
+      class="grid flex-1 text-left text-sm leading-tight transition-all duration-200"
+    >
+      <span class="truncate font-semibold">Admin Panel</span>
+      <span class="truncate text-xs text-muted-foreground">{{ props.tenant?.name || "Bardak App" }}</span>
+    </div>
+  </SidebarMenuButton>
+</template>

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

@@ -0,0 +1,9 @@
+interface Props {
+    tenant?: {
+        name?: string;
+        logo?: string;
+    };
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { ImageSize } from 'abckit/composables/useImageUrl';
+interface Props {
+    src?: string | null;
+    alt?: string;
+    class?: string;
+    fallback?: string;
+    size?: ImageSize;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/app/AppImage.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { useImageUrl } from "abckit/composables/useImageUrl";
+import { cn } from "abckit/utils";
+import { computed } from "vue";
+const props = defineProps({
+  src: { type: [String, null], required: false },
+  alt: { type: String, required: false, default: "" },
+  class: { type: String, required: false, default: "" },
+  fallback: { type: String, required: false, default: "/images/placeholder.svg" },
+  size: { type: null, required: false, default: "lg" }
+});
+const { getImageUrl } = useImageUrl();
+const imageUrl = computed(() => {
+  if (!props.src) {
+    return props.fallback;
+  }
+  return getImageUrl(props.src, props.size);
+});
+function onError(event) {
+  const img = event.target;
+  if (img.src !== props.fallback) {
+    img.src = props.fallback;
+  }
+}
+const className = computed(() => props.class);
+</script>
+
+<template>
+  <img
+    :src="imageUrl"
+    :alt="alt"
+    :class="cn(
+  'object-cover',
+  className
+)"
+    v-bind="$attrs"
+    @error="onError"
+  >
+</template>

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

@@ -0,0 +1,11 @@
+import type { ImageSize } from 'abckit/composables/useImageUrl';
+interface Props {
+    src?: string | null;
+    alt?: string;
+    class?: string;
+    fallback?: string;
+    size?: ImageSize;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+import type { LucideIcon } from 'lucide-vue-next';
+type __VLS_Props = {
+    items: {
+        title: string;
+        url: string;
+        icon?: LucideIcon;
+        isActive?: boolean;
+        items?: {
+            title: string;
+            url: string;
+            isActive?: boolean;
+        }[];
+    }[];
+    label?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;