@dynect/base 0.3.0 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",

package/src/module.ts

@@ -69,15 +69,25 @@ export default defineNuxtModule<DynectBaseOptions>({
 		const isStandalone = existsSync(join(runtimeComponentsDir, 'dynect'));
 		const componentsBase = isStandalone ? runtimeComponentsDir : monorepoComponentsDir;
 
-		// ── Ensure ~/lib/utils is available in the consuming app ─────────────────
-		// Components import { cn } from '~/lib/utils'. If the consuming app does
-		// not have that file we point the resolver at the bundled copy.
-		const consumingLibUtils = join(nuxt.options.srcDir, 'lib', 'utils.ts');
-		if (!existsSync(consumingLibUtils)) {
-			nuxt.options.alias[join(nuxt.options.srcDir, 'lib', 'utils')] =
+		// ── Path aliases for intra-package imports ───────────────────────────────
+		// Dynect components use @/components/ui/* and @/lib/utils.
+		// In standalone mode, @/ resolves to the consuming app's srcDir which won't
+		// have those paths — redirect them to the bundled runtime copies.
+
+		const srcDir = nuxt.options.srcDir;
+
+		// @/lib/utils → runtime/lib/utils (when not present in consuming app)
+		if (!existsSync(join(srcDir, 'lib', 'utils.ts'))) {
+			nuxt.options.alias[join(srcDir, 'lib', 'utils')] =
 				resolver.resolve('./runtime/lib/utils');
 		}
 
+		// @/components/ui/* → runtime/components/ui/* (when not present in consuming app)
+		if (isStandalone && !existsSync(join(srcDir, 'components', 'ui'))) {
+			nuxt.options.alias[join(srcDir, 'components', 'ui')] =
+				join(runtimeComponentsDir, 'ui');
+		}
+
 		// ── Install required Nuxt modules ────────────────────────────────────────
 		if (options.shadcn !== false) {
 			await installModule('shadcn-nuxt', {

package/src/runtime/components/base/event-calendar/composables/useResilientErrorHandling.ts

@@ -1,3 +1,6 @@
+import { onMounted, onUnmounted, readonly, ref } from 'vue';
+import { useNuxtApp } from 'nuxt/app';
+
 interface ErrorContext {
 	component: string;
 	operation: string;

package/src/runtime/components/dynect/SwitchColor.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useColorMode } from '#imports';
 const colorMode: any = useColorMode();
 const isDark = computed(() => colorMode.value === 'dark');
 const toggleTheme = () => {

package/src/runtime/components/dynect/SwitchLanguage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import { cn } from '@/lib/utils';
 const { locale, setLocale } = useI18n();
 const props = withDefaults(

package/src/runtime/components/dynect/Telephone.vue

@@ -109,6 +109,7 @@
 <script setup lang="ts">
 import { parsePhoneNumberFromString, type CountryCode, type NumberFormat } from 'libphonenumber-js/max';
 import { cva } from 'class-variance-authority';
+import { useState, useId } from 'nuxt/app';
 import { cn, inputSizeClasses } from '@/lib/utils';
 
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';

package/src/runtime/components/ui/sidebar/SidebarProvider.vue

@@ -3,6 +3,7 @@ import type { HTMLAttributes, Ref } from 'vue';
 import { useEventListener, useMediaQuery, useVModel } from '@vueuse/core';
 import { TooltipProvider } from 'reka-ui';
 import { computed, ref } from 'vue';
+import { useCookie } from 'nuxt/app';
 import { cn } from '@/lib/utils';
 import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './utils';