@bagelink/vue 1.15.535 → 1.15.539

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.15.535",
+  "version": "1.15.539",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/form/inputs/TelInput.vue

@@ -280,7 +280,7 @@ onMounted(initializeCountry)
 		<label>
 			<span v-if="label || (underlined && placeholder)" class="label-text">{{ resolveI18n(label) || resolveI18n(placeholder) }}<span v-if="required"> *</span></span>
 			<div
-				dir="ltr" class="flex gap-05 tel-input" tabindex="-1" aria-label="Country Code Selector"
+				dir="ltr" class="flex gap-025 tel-input" tabindex="-1" aria-label="Country Code Selector"
 				aria-haspopup="listbox" :aria-expanded="open"
 			>
 				<Dropdown
@@ -288,7 +288,7 @@ onMounted(initializeCountry)
 					@show="focusSearchInput"
 				>
 					<template #trigger>
-						<span class="flex gap-05 country-code-display" @click="open = !open">
+						<span class="flex gap-025 country-code-display" @click="open = !open">
 							<Icon v-if="!disableDropdown" :icon="open ? 'collapse_all' : 'expand_all'" />
 							<Flag v-if="activeCountryCode" :country="activeCountryCode" />
 							<span v-if="activeCountry" class="dial-code">+{{ activeCountry.dialCode }}</span>
@@ -400,12 +400,14 @@ box-shadow: none !important;
 .country-code-display {
 align-items: center;
 white-space: nowrap;
+
 }
 
 .valid-check {
 flex-shrink: 0;
 margin-inline-end: 0.4rem;
 font-size: 1rem;
+margin-inline-start: -15%;
 }
 
 .dial-code {
@@ -431,6 +433,7 @@ text-align: left;
 
 .national-number-input {
 margin-left: 4px;
+padding-inline: 0;
 }
 
 .national-number-input:focus,

package/src/form-flow/FormFlowPlayer.vue

@@ -485,9 +485,9 @@ defineExpose({ formData, currentKey, nextKey, isTerminal, progress, completedKey
 		>
 			<div class="ffp-nav flex flex-center gap-1">
 				<Btn
-					class="ffp-nav-btn"
+					class="ffp-nav-btn icon-rtl-180"
 					flat
-					icon="arrow_back"
+					icon="chevron_left"
 					:value="$t?.('multiStep.previous') ?? 'Back'"
 					:disabled="!canGoBack"
 					@click="onBack"
@@ -513,8 +513,8 @@ defineExpose({ formData, currentKey, nextKey, isTerminal, progress, completedKey
 				</Btn>
 				<Btn
 					v-else
-					class="ffp-nav-btn"
-					icon-end="arrow_forward"
+					class="ffp-nav-btn icon-rtl-180"
+					icon-end="chevron_right"
 					:value="$t?.('multiStep.next') ?? 'Next'"
 					:disabled="submitting"
 					@click="onPrimary"

package/vite.config.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'node:path'
+import { writeFileSync } from 'node:fs'
 // import { fileURLToPath, URL } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 import { defineConfig, type Plugin } from 'vite'
@@ -39,6 +40,19 @@ function composeCssEntries(): Plugin {
 	}
 }
 
+function declarationCompatibilityShims(): Plugin {
+	return {
+		name: 'bagelink-declaration-compatibility-shims',
+		closeBundle() {
+			// Bun/TypeScript ESM resolution does not resolve `./components` in
+			// dist/index.d.ts to dist/components/index.d.ts. Keep the source
+			// barrel unchanged and provide the flat declaration target.
+			const target = resolve(import.meta.dirname, 'dist/components.d.ts')
+			writeFileSync(target, "export * from './components/index';\n")
+		},
+	}
+}
+
 export default defineConfig({
 	plugins: [
 		tsconfigPaths({ root: indexDir, }),
@@ -48,6 +62,7 @@ export default defineConfig({
 			copyDtsFiles: true,
 		}),
 		composeCssEntries(),
+		declarationCompatibilityShims(),
 	],
 	resolve: {
 		alias: {