@bagelink/vue 1.12.38 → 1.12.43

package/dist/utils/useSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../src/utils/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAaxD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,UAYvC;AAGD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD;AA2ED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAA;IAC7B,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACzB,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACjC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CACtC;AAwBD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAyL/D;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAC1B,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,GACzD,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAA;AAC9D,wBAAgB,SAAS,CAAC,CAAC,EAC1B,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,YAAY,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../src/utils/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAaxD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,UAYvC;AAGD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD;AA2ED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACzB,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAChC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACjC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CACtC;AAwBD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAyL/D;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAC1B,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,GACzD,YAAY,CAAC,CAAC,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAA;AAC9D,wBAAgB,SAAS,CAAC,CAAC,EAC1B,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,YAAY,CAAC,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,102 +1,103 @@
 {
-  "name": "@bagelink/vue",
-  "type": "module",
-  "version": "1.12.38",
-  "description": "Bagel core sdk packages",
-  "author": {
-    "name": "Bagel Studio",
-    "email": "hi@bagelstudio.co.il"
-  },
-  "license": "MIT",
-  "homepage": "https://github.com/bageldb/bagelink/tree/master/packages/vue#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/bageldb/bagelink.git",
-    "directory": "packages/vue"
-  },
-  "bugs": "https://github.com/bageldb/bagelink/issues",
-  "keywords": [],
-  "sideEffects": false,
-  "exports": {
-    "./tsconfig.json": "./tsconfig.json",
-    "./package.json": "./package.json",
-    "./src": "./src/index.ts",
-    "./src/components": "./src/components/index.ts",
-    "./src/plugins": "./src/plugins/index.ts",
-    "./src/utils": "./src/utils/index.ts",
-    "./src/types": "./src/types/index.ts",
-    ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
-    },
-    "./style.css": "./dist/style.css",
-    "./*": "./*"
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*",
-        "./dist/index.d.ts"
-      ]
-    }
-  },
-  "bin": {
-    "generateFormSchema": "./bin/generateFormSchema.ts",
-    "experimentalGenTypedRoutes": "./bin/experimentalGenTypedRoutes.ts"
-  },
-  "files": [
-    "dist",
-    "src",
-    "./vite.config.ts",
-    "bin/utils.ts",
-    "bin/generateFormSchema.ts",
-    "bin/experimentalGenTypedRoutes.ts"
-  ],
-  "devDependencies": {
-    "@types/leaflet": "^1.9.18",
-    "@types/signature_pad": "^4.0.0",
-    "swiper": "^12.0.3",
-    "vue": "^3.5.32",
-    "vue-component-type-helpers": "^2.2.10"
-  },
-  "peerDependencies": {
-    "@bagelink/sdk": "*",
-    "type-fest": "^4",
-    "vue": "*",
-    "vue-component-type-helpers": ">=2.2.10",
-    "vue-draggable-next": "^2.2.1",
-    "vue-router": "*"
-  },
-  "peerDependenciesMeta": {
-    "vue-draggable-next": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.7.5",
-    "@oddbird/popover-polyfill": "^0.6.1",
-    "@vueuse/core": "^13.3.0",
-    "@zxcvbn-ts/core": "^3.0.4",
-    "axios": "^1.9.0",
-    "floating-vue": "^5.2.2",
-    "libphonenumber-js": "1.12.9",
-    "signature_pad": "^5.0.9",
-    "vue-i18n": "^11.2.8",
-    "vue-toastification": "^2.0.0-rc.5",
-    "@bagelink/utils": "1.12.38"
-  },
-  "scripts": {
-    "dev": "tsx watch src/index.ts",
-    "build": "vite build",
-    "test-build": "pnpm build && node test-build.js",
-    "start": "tsx src/index.ts",
-    "test": "vitest"
-  }
-}
+	"name": "@bagelink/vue",
+	"type": "module",
+	"version": "1.12.43",
+	"description": "Bagel core sdk packages",
+	"author": {
+		"name": "Bagel Studio",
+		"email": "hi@bagelstudio.co.il"
+	},
+	"license": "MIT",
+	"homepage": "https://github.com/bageldb/bagelink/tree/master/packages/vue#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/bageldb/bagelink.git",
+		"directory": "packages/vue"
+	},
+	"bugs": "https://github.com/bageldb/bagelink/issues",
+	"keywords": [],
+	"sideEffects": false,
+	"exports": {
+		"./tsconfig.json": "./tsconfig.json",
+		"./package.json": "./package.json",
+		"./src": "./src/index.ts",
+		"./src/components": "./src/components/index.ts",
+		"./src/plugins": "./src/plugins/index.ts",
+		"./src/utils": "./src/utils/index.ts",
+		"./src/types": "./src/types/index.ts",
+		".": {
+			"types": "./dist/index.d.ts",
+			"require": "./dist/index.cjs",
+			"import": "./dist/index.mjs"
+		},
+		"./style.css": "./dist/style.css",
+		"./*": "./*"
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.ts",
+	"typesVersions": {
+		"*": {
+			"*": [
+				"./dist/*",
+				"./dist/index.d.ts"
+			]
+		}
+	},
+	"bin": {
+		"generateFormSchema": "./bin/generateFormSchema.ts",
+		"experimentalGenTypedRoutes": "./bin/experimentalGenTypedRoutes.ts"
+	},
+	"files": [
+		"dist",
+		"src",
+		"./vite.config.ts",
+		"bin/utils.ts",
+		"bin/generateFormSchema.ts",
+		"bin/experimentalGenTypedRoutes.ts"
+	],
+	"devDependencies": {
+		"@types/leaflet": "^1.9.18",
+		"@types/signature_pad": "^4.0.0",
+		"swiper": "^12.0.3",
+		"vue": "^3.5.32",
+		"vue-component-type-helpers": "^2.2.10"
+	},
+	"peerDependencies": {
+		"@bagelink/sdk": "*",
+		"type-fest": "^4",
+		"vue": "*",
+		"vue-component-type-helpers": ">=2.2.10",
+		"vue-draggable-next": "^2.2.1",
+		"vue-router": "*"
+	},
+	"peerDependenciesMeta": {
+		"vue-draggable-next": {
+			"optional": true
+		}
+	},
+	"scripts": {
+		"prepublishOnly": "pnpm build",
+		"dev": "tsx watch src/index.ts",
+		"build": "vite build",
+		"test-build": "pnpm build && node test-build.js",
+		"start": "tsx src/index.ts",
+		"test": "vitest"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"dependencies": {
+		"@bagelink/utils": "1.12.42",
+		"@floating-ui/dom": "^1.7.5",
+		"@oddbird/popover-polyfill": "^0.6.1",
+		"@vueuse/core": "^13.3.0",
+		"@zxcvbn-ts/core": "^3.0.4",
+		"axios": "^1.9.0",
+		"floating-vue": "^5.2.2",
+		"libphonenumber-js": "1.12.9",
+		"signature_pad": "^5.0.9",
+		"vue-i18n": "^11.2.8",
+		"vue-toastification": "^2.0.0-rc.5"
+	}
+}

package/src/components/Slider.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <script setup lang="ts">
 import { sleep, useDevice } from '@bagelink/vue'
 import { ref, onMounted, onBeforeUnmount, watch, computed, nextTick, onUpdated } from 'vue'
@@ -500,7 +501,7 @@ function copyAttributesAndEvents(original: Element, clone: Element): void {
 
 				// Get original onClick behavior
 				if (original.onclick) {
-					original.onclick(new MouseEvent('click'))
+					original.onclick(new PointerEvent('click'))
 				} else {
 					// Default behavior - navigate like original link would
 					const targetBlank = original.getAttribute('target') === '_blank'

package/src/components/Spreadsheet/Index.vue

@@ -14,7 +14,7 @@ const { modelValue, columnConfig, label, allowAddRow = true } = defineProps<Spre
 
 const emit = defineEmits(['update:modelValue'])
 const { $t } = useI18n()
-const { wrapText } = useLocalStore()
+const { wrapText } = useLocalStore({ wrapText: false })
 
 const localRows = ref(
 	modelValue ? modelValue.map(row => flattenObject({ ...row })) : []
@@ -185,7 +185,7 @@ function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 		case 'v': event.preventDefault(); pasteSelection(); break
 		case 'z':
 			event.preventDefault()
-			event.shiftKey ? redo() : undo()
+			if (event.shiftKey) redo(); else undo()
 			break
 		case 'y': event.preventDefault(); redo(); break
 	}
@@ -207,7 +207,7 @@ function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 					<ListItem title="Undo" icon="undo" :disabled="!canUndo" @click="undo" />
 					<ListItem title="Redo" icon="redo" :disabled="!canRedo" @click="redo" />
 					<ToggleInput v-model="wrapText" :label="$t('spreadsheet.wrapText')" />
-					<Dropdown placement="auto-end">
+					<Dropdown placement="bottom-end">
 						<template #trigger="{ show }">
 							<ListItem title="Column Visibility" icon="view_column" @click="show()" />
 						</template>

package/src/components/Spreadsheet/SpreadsheetCell.vue

@@ -13,7 +13,7 @@ interface Props {
 	wrapText?: boolean
 }
 
-const props = defineProps<Props>()
+defineProps<Props>()
 
 defineEmits<{
 	(e: 'updateCell', rowIndex: number, key: string, value: string | boolean): void

package/src/components/calendar/views/WeekView.vue

@@ -665,11 +665,20 @@ onUnmounted(() => {
 					@mousedown="props.availabilityEditable ? handleAvailMouseDown($event, index) : handleMouseDown($event, day)"
 				>
 					<!-- Hour grid lines -->
-					<div
-						v-for="slot in timeSlots" :key="`line-${slot.time}`"
-						class="hour-line absolute start end pointer-events-none"
-						:style="{ top: `${slot.hour * slotHeight}px` }"
-					/>
+					<template v-for="slot in timeSlots" :key="`line-${slot.time}`">
+						<div
+							class="hour-line absolute start end pointer-events-none"
+							:style="{ top: `${slot.hour * slotHeight}px` }"
+						/>
+						<div
+							class="sub-hour-line absolute start end pointer-events-none"
+							:style="{ top: `${slot.hour * slotHeight + slotHeight / 3}px` }"
+						/>
+						<div
+							class="sub-hour-line absolute start end pointer-events-none"
+							:style="{ top: `${slot.hour * slotHeight + (slotHeight * 2) / 3}px` }"
+						/>
+					</template>
 
 					<!-- Availability painted blocks (behind events) -->
 					<template v-if="props.availabilityMode">
@@ -802,6 +811,12 @@ onUnmounted(() => {
 	height: 0;
 }
 
+.sub-hour-line {
+	border-top: 1px dashed var(--bgl-gray-30, #e8e8e8);
+	z-index: 0;
+	height: 0;
+}
+
 /* This ensures all grid content aligns properly */
 .overflow {
 	position: relative;

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

@@ -133,6 +133,7 @@ function handleChange() {
 .group-label {
 	font-size: var(--label-font-size);
 	margin: 0 0 0.25rem 0;
+    color: var(--label-color);
 }
 
 .hideRadio.radio-input-list {

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

@@ -35,7 +35,7 @@ export interface TextInputProps extends ValidateInputBaseT {
 	autoheight?: boolean
 	code?: boolean
 	rows?: number | string
-	autocomplete?: AutoFillField
+	autocomplete?: string
 	autofocus?: boolean
 	error?: string
 	onFocusout?: (e: FocusEvent) => void
@@ -59,12 +59,12 @@ const normalizedPattern = computed(() => {
 
 	// Validate the pattern by trying to create a RegExp
 	try {
-		const regexV = new RegExp(pattern, 'v')
+		new RegExp(pattern, 'v')
 		return pattern
 	} catch {
 		// If 'v' flag fails, try without it (older browsers)
 		try {
-			const regex = new RegExp(pattern)
+			new RegExp(pattern)
 			return pattern
 		} catch (err) {
 			console.error('Invalid pattern:', props.pattern, err)

package/src/components/layout/AppSidebar.vue

@@ -144,7 +144,7 @@ const sidebarStyles = computed(() => {
 
 <template>
 	<aside
-		class="app-sidebar transition-400 fixed start top bottom h-100vh z-99" :class="{
+		class="app-sidebar transition-400 fixed start top bottom h-100vh z-99 testMe1" :class="{
 			'sidebar-mobile-open': menuState.isMobile.value && menuState.isOpen.value,
 			'sidebar-mobile-closed':
 				menuState.isMobile.value && !menuState.isOpen.value,
@@ -161,14 +161,14 @@ const sidebarStyles = computed(() => {
 			}" :class="{
 				'card cardWrapSide': props.card,
 				'ps-05': !menuState.isOpen.value,
-				'scrollbar-gutter-both': menuState.isOpen.value,
+				'ps-0751': menuState.isOpen.value,
 				'aside_frame': props.frame,
 			}" class="overflow-hidden flex column flex-stretch gap-1 w100p pt-1 pb-05 h-100p"
 		>
 			<!-- Logo/Brand -->
 			<router-link
 				to="/" class="decoration-none flex siderbarLogoWrap" :class="{
-	'gap-05 ps-05': menuState.isOpen.value,
+	'gap-05 ps-1': menuState.isOpen.value,
 	'gap-0 pe-05 mx-auto': !menuState.isOpen.value,
 				}"
 			>
@@ -182,11 +182,11 @@ const sidebarStyles = computed(() => {
 			</router-link>
 
 			<!-- Navigation Links -->
-			<nav class="sidebar-nav flex column flex-stretch gap-025 align-items-start scrollbar-gutter-stable" :class="{ 'justify-content-center': props.centerlinks }">
+			<nav class="sidebar-nav flex column flex-stretch gap-025 align-items-start ps-025" :class="{ 'justify-content-center': props.centerlinks }">
 				<Btn
 					v-for="link in props.navLinks" :key="link.to"
 					:title="!menuState.isOpen.value && !menuState.isMobile.value ? resolveI18n(link.label) : ''" fullWidth
-					alignTxt="start" class="flex-shrink-0 px-1" :class="{ 'nav-btn-active': isActiveRoute(link) }"
+					alignTxt="start" class="flex-shrink-0 px-075" :class="{ 'nav-btn-active': isActiveRoute(link) }"
 					:style="{
 						backgroundColor: isActiveRoute(link) ? props.activeColor : props.bgColor,
 						color: isActiveRoute(link) ? 'white' : props.textColor,
@@ -200,7 +200,7 @@ const sidebarStyles = computed(() => {
 				</Btn>
 			</nav>
 			<!-- Footer -->
-			<div class="sidebar-footer flex column flex-stretch gap-025 align-items-start mt-auto">
+			<div class="sidebar-footer flex column flex-stretch gap-025 align-items-start px-025 mt-auto">
 				<!-- Footer Links -->
 				<Btn
 					v-for="link in props.footerLinks" :key="link.to || link.label"
@@ -209,7 +209,7 @@ const sidebarStyles = computed(() => {
 						backgroundColor: isActiveRoute(link) ? props.activeColor : props.bgColor,
 						color: isActiveRoute(link) ? 'white' : props.textColor,
 					}"
-					fullWidth alignTxt="start" class="flex-shrink-0 px-1" :class="{ 'nav-btn-active': isActiveRoute(link) }"
+					fullWidth alignTxt="start" class="flex-shrink-0 px-075" :class="{ 'nav-btn-active': isActiveRoute(link) }"
 					:to="link.to || '/'" @click="link.action"
 				>
 					<Icon :name="link.icon" size="1.2" />
@@ -243,6 +243,7 @@ const sidebarStyles = computed(() => {
 .sidebar-nav {
 	overflow-y: auto;
 	flex: 1;
+	margin-inline: -0.05rem;
 }
 
 .cardWrapSide .bgl_icon-font {

package/src/dialog/DialogForm.vue

@@ -46,7 +46,7 @@ const isDeleting = ref(false)
 const error = ref<string | null>(null)
 
 // Ref to FormFlow for validation
-const formFlowRef = ref<InstanceType<typeof FormFlow>>()
+const formFlowRef = ref<{ validate: () => boolean }>()
 
 const hasDeleteHandler = computed(() => typeof props.onDelete === 'function')
 

package/src/form-flow/FormFlow.vue

@@ -366,11 +366,13 @@ defineExpose({
 					<template v-if="field._type === 'array' && field._config.schema?._isSchema">
 						<ArrayInput v-bind="getFieldProps(field, key)">
 							<template #default="{ item }">
-								<FormFlow
-									v-model="(item.value as Record<string, any>)"
-									:schema="(field._config.schema as Props['schema'])"
-									:components="components"
-								/>
+							<!-- @vue-ignore -->
+							<FormFlow
+								:model-value="(item.value as any)"
+								:schema="(field._config.schema as any)"
+								:components="components"
+								@update:model-value="(val: any) => { item.value = val }"
+							/>
 							</template>
 						</ArrayInput>
 					</template>

package/src/form-flow/MultiStepForm.vue

@@ -9,8 +9,9 @@
  * - Data persistence across steps
  */
 
+import type { Slots } from 'vue'
 import type { FieldBuilder, SchemaDefinition } from './form-flow'
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useSlots, watch } from 'vue'
 
 import { useI18n } from '../i18n'
 import { parseQuery } from '../utils/queryFilter'
@@ -30,6 +31,8 @@ const emit = defineEmits<{
 }>()
 
 const { $t } = useI18n()
+const slots: Slots = useSlots()
+const slotNames = computed((): string[] => Object.keys(slots))
 
 export interface Props {
 	schema: Record<string, SchemaDefinition>
@@ -360,8 +363,8 @@ defineExpose({
 				<!-- Default: Use FormFlow -->
 				<FormFlow v-model="formData" :schema="currentStepSchema" :components="components" :errors="stepErrors">
 					<!-- Pass through field slots -->
-					<template v-for="(_, name) in ($slots as Record<string, unknown>)" #[name]="slotProps">
-						<slot :name="name" v-bind="slotProps" />
+				<template v-for="slotName in slotNames" :key="slotName" #[slotName]="slotProps">
+					<slot :name="slotName" v-bind="slotProps" />
 					</template>
 				</FormFlow>
 			</slot>

package/src/form-flow/form-flow.ts

@@ -1056,3 +1056,7 @@ export type InferSchemaType<S extends SchemaDefinition> = {
 }
 
 type InferFieldType<F> = F extends FieldBuilder<infer T> ? T : any
+
+// Re-export schema-fields utilities
+export { schemaToFields, fieldsToSchema, initFormData, validateFormData, useSchemaToFields, inferFieldType as inferSchemaFieldType, defaultRowSpan } from './schema-fields'
+export type { FormField, FormFieldType, FormFieldValidation, JSONSchemaObject, JSONSchemaProperty, SelectOption as SchemaSelectOption } from './schema-fields'