@sabrenski/spire-ui-vue 0.2.4 → 0.2.7

package/dist/composables/index.d.ts

@@ -13,3 +13,4 @@ export * from './useOptionRegistry';
 export * from './useChipDisplay';
 export * from './useListbox';
 export * from './useComponentDefaults';
+export { useComponentAs, INERTIA_LINK_KEY, ROUTER_LINK_KEY } from './useComponentAs';

package/dist/composables/useComponentAs.d.ts

@@ -1,9 +1,23 @@
-import { Component } from 'vue';
+import { Component, InjectionKey } from 'vue';
 type AsValue = 'a' | 'button' | 'router-link' | 'inertia-link' | Component;
+/** Injection key for the Inertia Link component */
+export declare const INERTIA_LINK_KEY: InjectionKey<Component>;
+/** Injection key for the Vue Router Link component */
+export declare const ROUTER_LINK_KEY: InjectionKey<Component>;
 /**
  * Composable that resolves string aliases like 'inertia-link' and 'router-link'
  * to their actual Vue components. Falls back to the specified fallback element
- * if the component cannot be loaded.
+ * if the component was not provided via the SpireUI plugin.
+ *
+ * @example
+ * ```ts
+ * // In app.js, pass your Link component to SpireUI
+ * import { Link } from '@inertiajs/vue3'
+ * app.use(SpireUI, { links: { InertiaLink: Link } })
+ *
+ * // Then use as="inertia-link" in Sidebar components
+ * <SidebarItem as="inertia-link" href="/dashboard">Dashboard</SidebarItem>
+ * ```
  */
-export declare function useComponentAs(as: () => AsValue | undefined, fallback?: string): import('vue').ComputedRef<any>;
+export declare function useComponentAs(as: () => AsValue | undefined, fallback?: string): import('vue').ComputedRef<string | Component>;
 export {};

package/dist/config/types.d.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 import { InputSize, InputVariant } from '../components/Input/types';
 import { ButtonSize, ButtonVariant } from '../components/Button/types';
 import { BadgeSize, BadgeVariant, BadgeColor } from '../components/Badge/types';
@@ -151,10 +152,21 @@ export interface SpireUIDefaults {
     /** Icon component defaults */
     icon?: IconDefaults;
 }
+/**
+ * Link component configuration for routing integrations
+ */
+export interface LinkComponents {
+    /** Inertia Link component from @inertiajs/vue3 */
+    InertiaLink?: Component;
+    /** Vue Router Link component */
+    RouterLink?: Component;
+}
 /**
  * Full Spire UI plugin options
  */
 export interface SpireUIOptions {
     /** Component default prop values */
     defaults?: SpireUIDefaults;
+    /** Link components for navigation (Inertia, Vue Router) */
+    links?: LinkComponents;
 }

package/dist/plugin.d.ts

@@ -5,10 +5,14 @@ import { Plugin } from 'vue';
  * @example
  * ```ts
  * import { createApp } from 'vue'
+ * import { Link } from '@inertiajs/vue3'
  * import { SpireUI } from 'spire-ui'
  *
  * const app = createApp(App)
  * app.use(SpireUI, {
+ *     links: {
+ *         InertiaLink: Link,
+ *     },
  *     defaults: {
  *         form: { variant: 'filled', size: 'lg' },
  *         button: { size: 'lg', variant: 'secondary' },