@bagelink/vue 0.0.1167 → 0.0.1174

package/dist/style.css

@@ -356,13 +356,13 @@ display: block;
 	padding: 0;
 }
 
-.BglCarousel[data-v-b4d71e9e] {
+.BglCarousel[data-v-519e4d32] {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.bgl-slider[data-v-b4d71e9e] {
+.bgl-slider[data-v-519e4d32] {
 	display: flex;
 	position: relative;
 	width: 100%;
@@ -375,26 +375,26 @@ display: block;
 	-webkit-user-select: none;
 	user-select: none;
 }
-.bgl-slider[data-v-b4d71e9e] > * {
+.bgl-slider[data-v-519e4d32] > * {
 	flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	position: relative;
 	overflow: hidden;
 }
-.bgl-slider.slides-1[data-v-b4d71e9e] > * {
+.bgl-slider.slides-1[data-v-519e4d32] > * {
 	flex: 0 0 100%;
 	width: 100%;
 	min-width: 100%;
 }
-.dragging .bgl-slider[data-v-b4d71e9e] > * {
+.dragging .bgl-slider[data-v-519e4d32] > * {
 	pointer-events: none;
 	user-select: none;
 }
-.autoHeight[data-v-b4d71e9e] {
+.autoHeight[data-v-519e4d32] {
 	transition: height ease 0.7s;
 }
-.dots[data-v-b4d71e9e] {
+.dots[data-v-519e4d32] {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -402,7 +402,7 @@ display: block;
 	margin-top: 1rem;
 	gap: 8px;
 }
-.dot[data-v-b4d71e9e] {
+.dot[data-v-519e4d32] {
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
@@ -411,10 +411,10 @@ display: block;
 	transition: opacity 0.3s ease;
 	cursor: pointer;
 }
-.dot[data-v-b4d71e9e]:hover {
+.dot[data-v-519e4d32]:hover {
 	opacity: 0.6;
 }
-.dot.current[data-v-b4d71e9e] {
+.dot.current[data-v-519e4d32] {
 	opacity: 0.8;
 }
 
@@ -472,22 +472,22 @@ display: block;
 	font-size: 0.95rem;
 }
 
-.table-list-wrap[data-v-18572328] {
+.table-list-wrap[data-v-a1cf8002] {
 	min-height: 150px;
 }
-.selected[data-v-18572328] {
+.selected[data-v-a1cf8002] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-18572328]:hover {
+tbody tr.selected[data-v-a1cf8002]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-18572328] {
+.loading-table[data-v-a1cf8002] {
 	position: relative;
 }
-.inset[data-v-18572328] {
+.inset[data-v-a1cf8002] {
 	inset: 0;
 }
-.loading-table-animation[data-v-18572328] {
+.loading-table-animation[data-v-a1cf8002] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -495,9 +495,9 @@ tbody tr.selected[data-v-18572328]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-18572328 1s linear infinite;
+	animation: loading-table-a1cf8002 1s linear infinite;
 }
-@keyframes loading-table-18572328 {
+@keyframes loading-table-a1cf8002 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -505,51 +505,51 @@ tbody tr.selected[data-v-18572328]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-18572328] {
+.list-arrows[data-v-a1cf8002] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-18572328] {
+.list-arrows .bgl_icon-font[data-v-a1cf8002] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-18572328] {
+.list-arrows.sorted[data-v-a1cf8002] {
 	opacity: 1;
 }
-.col img[data-v-18572328] {
+.col img[data-v-a1cf8002] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-18572328] {
+.list-arrows.sorted .desc[data-v-a1cf8002] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-18572328] {
+table[data-v-a1cf8002] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-18572328] {
+th[data-v-a1cf8002] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--0984904d);
+	height: var(--0c6a620a);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-18572328] {
+.embedded-field[data-v-a1cf8002] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-18572328] {
+.row[data-v-a1cf8002] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-18572328] {
+.row.first-row[data-v-a1cf8002] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -558,7 +558,7 @@ th[data-v-18572328] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-18572328]::after {
+.row.first-row[data-v-a1cf8002]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -566,11 +566,11 @@ th[data-v-18572328] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-18572328] {
+.first-row .col[data-v-a1cf8002] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-18572328] {
+.col[data-v-a1cf8002] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -580,19 +580,19 @@ th[data-v-18572328] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-18572328]:has(.bagel-input) {
+.col[data-v-a1cf8002]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-18572328] {
+.col > div[data-v-a1cf8002] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-18572328] {
+.max-col-width[data-v-a1cf8002] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-18572328] {
+.col.check .bgl_icon-font[data-v-a1cf8002] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -603,35 +603,35 @@ th[data-v-18572328] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-18572328] {
+.rows[data-v-a1cf8002] {
 	font-size: 0.88em;
 }
-.table-list[data-v-18572328] {
+.table-list[data-v-a1cf8002] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-18572328] {
+.BagelTable .table-list[data-v-a1cf8002] {
 	overflow: unset;
 }
-.row-item[data-v-18572328] {
-	height: var(--0984904d);
+.row-item[data-v-a1cf8002] {
+	height: var(--0c6a620a);
 	transition: all 200ms ease;
 }
-.row-item[data-v-18572328]:hover {
+.row-item[data-v-a1cf8002]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-18572328] {
+.row-item input[type='checkbox'][data-v-a1cf8002] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-18572328] {
+.infinite-wrapper[data-v-a1cf8002] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-18572328] {
+input[type='checkbox'][data-v-a1cf8002] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -643,7 +643,7 @@ input[type='checkbox'][data-v-18572328] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-18572328]::before {
+input[type='checkbox'][data-v-a1cf8002]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -656,18 +656,18 @@ input[type='checkbox'][data-v-18572328]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-18572328]:hover::before {
+input[type='checkbox'][data-v-a1cf8002]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-18572328] {
+[lang='he'] [dir='ltr'][data-v-a1cf8002] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-18572328] {
+th input[type='checkbox'][data-v-a1cf8002] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-18572328]::after {
+th[data-v-a1cf8002]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -675,24 +675,24 @@ th[data-v-18572328]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-18572328] {
+tr[data-v-a1cf8002] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-18572328],
-th[data-v-18572328] {
+td[data-v-a1cf8002],
+th[data-v-a1cf8002] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-18572328] {
+tbody tr[data-v-a1cf8002] {
 	font-size: 0.88em;
-	height: var(--0984904d);
+	height: var(--0c6a620a);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-18572328]:hover {
+tbody tr[data-v-a1cf8002]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -3437,11 +3437,11 @@ body:has(.bg-dark.is-active) {
 	border-radius: var(--card-border-radius);
 }
 
-.modal-title[data-v-7a736620] {
+.modal-title[data-v-1c0f6894] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-7a736620] {
+.modal-title[data-v-1c0f6894] {
 		margin-top: 1rem;
 }
 }

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { IconType, MaterialIcons } from '../components/Icon/types';
-export type { ModalApi, ModalComponentProps, ModalComponentProps as ModalFormComponentProps, ModalFormOptions, ModalOptions, } from '../plugins/modal';
+export type { ModalComponentProps, ModalComponentProps as ModalFormComponentProps, ModalOptions, } from '../plugins/modalTypes';
 export type { IconType, MaterialIcons };
 export * from './BagelForm';
 export * from './BtnOptions';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,QAAQ,EACR,mBAAmB,EACnB,mBAAmB,IAAI,uBAAuB,EAC9C,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEvE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAEvC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACxC,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CACf,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GACtB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE5C,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,EACnB,mBAAmB,IAAI,uBAAuB,EAC9C,YAAY,GACZ,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEvE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAEvC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACxC,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CACf,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GACtB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE5C,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA"}

package/dist/utils/BagelFormUtils.d.ts

@@ -29,7 +29,9 @@ interface NumFieldOptions extends InputOptions {
     center?: boolean;
 }
 type RichTextOptions = InputOptions;
-export declare function getBaseField<T>(id?: string, labelOrRest?: string | Partial<Field<T>>, rest?: Partial<Field<T>>): Field<T>;
+export declare function getBaseField<T extends {
+    [key: string]: any;
+}>(id?: keyof T extends string ? keyof T : string, labelOrRest?: string | Partial<Field<T>>, rest?: Partial<Field<T>>): Field<T>;
 export declare function richText(id: string, label?: string, options?: RichTextOptions): {
     $el: string;
     class: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1167",
+  "version": "0.0.1174",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/Carousel.vue

@@ -53,12 +53,11 @@ let startY = $ref(0)
 let translateX = $ref(0)
 let lastX = $ref(0)
 let lastTime = $ref(0)
-let swipeVelocity = $ref(0)
 let accumulatedDeltaX = $ref(0)
 
-let timeout: NodeJS.Timeout
-let wheelTimeout: NodeJS.Timeout
-let autoPlayInterval: NodeJS.Timeout
+let timeout: NodeJS.Timeout | undefined
+let wheelTimeout: NodeJS.Timeout | undefined
+let autoPlayInterval: NodeJS.Timeout | undefined
 
 // Add interface for velocity tracking
 interface VelocitySample {
@@ -319,7 +318,6 @@ function onTouchStart(e: TouchEvent) {
 		lastTime = Date.now()
 		translateX = getCurrentTransform()
 		velocityTracker = [{ time: lastTime, position: lastX }]
-		swipeVelocity = 0
 		isPressed = true
 		hasScrollDirectionLock = false
 
@@ -368,9 +366,6 @@ function onTouchMove(e: TouchEvent) {
 	const cutoffTime = now - VELOCITY_SAMPLE_DURATION
 	velocityTracker = velocityTracker.filter((sample: VelocitySample) => sample.time >= cutoffTime)
 
-	// Calculate instantaneous velocity for immediate feedback
-	swipeVelocity = getAverageVelocity()
-
 	if (Math.abs(deltaX) > THRESHOLDS.TOUCH) {
 		isDragging = true
 		e.preventDefault() // Only prevent default if we're sure it's a horizontal drag
@@ -486,7 +481,6 @@ function onTouchEnd() {
 	}, duration)
 
 	velocityTracker = []
-	swipeVelocity = 0
 	isDragging = false
 	hasScrollDirectionLock = false
 }

package/src/components/DataTable/DataTable.vue

@@ -6,7 +6,7 @@ import {
 	Icon,
 	keyToLabel,
 } from '@bagelink/vue'
-import { useSlots, watch, computed, ref } from 'vue'
+import { useSlots, watch, computed } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
 import { useTableData } from './useTableData'
 import { useTableSelection } from './useTableSelection'
@@ -37,7 +37,6 @@ const selectedItems = defineModel<string[]>(
 )
 
 const data = computed(() => props.data)
-const currentRowId = ref<string>('')
 
 const {
 	computedSchema,
@@ -89,7 +88,7 @@ function renderFieldForRow(field: BaseBagelField<T>, row: T) {
 		mode: 'table',
 		getRowData: () => row
 	})
-	return renderField(field, slots)
+	return renderField({ ...field, label: '' }, slots)
 }
 
 const computedItemHeight = $computed(() => `${itemHeight.value}px`)

package/src/components/ModalForm.vue

@@ -1,42 +1,31 @@
-<script lang="ts" setup>
-import type { BglFormSchemaFnT, BtnOptions } from '@bagelink/vue'
+<script lang="ts" setup generic="T extends {[key:string]:any}">
+import type { ModalFormOptions } from '../plugins/modalTypes'
 import { Btn, Modal, useBagel, BagelForm } from '@bagelink/vue'
 
-const props = defineProps<{
-	side?: boolean
-	title?: string
-	width?: string
-	dismissable?: boolean
-	actions?: BtnOptions[]
-	schema: BglFormSchemaFnT<any>
+// eslint-disable-next-line vue/prop-name-casing
+const props = defineProps<ModalFormOptions<T>>()
 
-	onSubmit?: (formData: any) => Promise<void>
-	onDuplicate?: (formData: any) => Promise<void>
-	submitText?: string
-	cancelText?: string
-	deleteText?: string
-	duplicateText?: string
-	onDelete?: (formData: any) => void
-	visible?: boolean
-	onError?: (err: any) => void
-	modelValue?: { [key: string]: any }
+const emit = defineEmits<{
+	'update:modelValue': [value: T]
+	'update:visible': [value: boolean]
 }>()
 
-const emit = defineEmits(['update:visible'])
-
 const bagel = useBagel()
 
 const modal = $ref<InstanceType<typeof Modal>>()
 
-const computedFormSchema = $computed(() => {
-	if (typeof props.schema === 'function') return props.schema()
-	return props.schema
+const formData = defineModel<T>('modelValue', {
+	default: {} as Partial<T>,
 })
 
-const formData = defineModel<{ [key: string]: any }>('modelValue', {
-	default: {},
-})
-const form = $ref<InstanceType<typeof BagelForm>>()
+interface BagelFormInstance<T> {
+	validateForm: () => boolean
+	deleteItem?: () => void
+	isDirty?: boolean
+	clearForm?: () => void
+}
+
+const form = $ref<BagelFormInstance<T>>()
 const closeModal = () => modal?.closeModal()
 
 let submitting = $ref(false)
@@ -81,7 +70,8 @@ defineExpose({ setFormValues })
 			v-if="visible"
 			ref="form"
 			v-model="formData"
-			:schema="computedFormSchema"
+			:schema="schema"
+			@update:modelValue="emit('update:modelValue', $event)"
 			@submit="runSubmit"
 		/>
 		<template v-if="onDelete || onSubmit" #footer>
@@ -105,7 +95,7 @@ defineExpose({ setFormValues })
 					icon="copy_all"
 					flat
 					:value="duplicateText || 'Duplicate'"
-					@click="onDuplicate"
+					@click="onDuplicate?.(formData)"
 				/>
 				<Btn v-if="onSubmit" :value="submitText || 'Submit'" @click="runSubmit" />
 			</div>

package/src/components/form/BagelForm.vue

@@ -1,79 +1,85 @@
-<script setup lang="ts">
-import type { BglFormSchemaT, BglFormSchemaFnT, Field } from '@bagelink/vue'
+<script setup lang="ts" generic="T extends {[key:string]:any}">
+import type { BglFormSchemaFnT, Field } from '@bagelink/vue'
 import type { VNode } from 'vue'
-import { watch } from 'vue'
+import { onMounted, watch, ref } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
 
-interface Props {
-	modelValue?: Record<string, any>
-	schema?: BglFormSchemaFnT
+export interface BagelFormProps<T extends { [key: string]: any }> {
+	modelValue?: T
+	schema?: BglFormSchemaFnT<T>
 }
 
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<BagelFormProps<T>>(), {
 	modelValue: undefined,
 	schema: undefined
 })
 
 const emit = defineEmits<{
-	(e: 'update:modelValue', value: Record<string, any>): void
-	(e: 'submit', value: Record<string, any>): void
+	(e: 'update:modelValue', value: T): void
+	(e: 'submit', value: T): void
 }>()
 
-const form = $ref<HTMLFormElement>()
-let formData = $ref(props.modelValue ? { ...props.modelValue } : {})
-let initialFormData = $ref(props.modelValue ? { ...props.modelValue } : {})
+const form = ref<HTMLFormElement>()
+const formData = ref<T>(structuredClone(props.modelValue ?? {} as T))
+const initialFormData = ref<T>(structuredClone(props.modelValue ?? {} as T))
+
+onMounted(() => {
+	if (props.modelValue) {
+		initialFormData.value = structuredClone(props.modelValue)
+	}
+})
 
 // Keep formData in sync with modelValue prop only if it's provided
 watch(() => props.modelValue, (newValue) => {
 	if (newValue !== undefined) {
-		formData = { ...newValue }
+		formData.value = structuredClone(newValue)
 	}
 }, { immediate: true, deep: true })
 
-const resolvedSchema = $computed<BglFormSchemaT | undefined>(() => {
+const resolvedSchema = $computed<BglFormSchemaFnT<T> | undefined>(() => {
 	if (!props.schema) return undefined
 	return typeof props.schema === 'function' ? props.schema() : props.schema
 })
 
 const isDirty = $computed(() => {
-	const current = JSON.stringify(formData)
-	const initial = JSON.stringify(initialFormData)
+	const current = JSON.stringify(formData.value)
+	const initial = JSON.stringify(initialFormData.value)
 	return current !== initial
 })
 
 function updateFormData(fieldId: string, value: any) {
-	formData = {
-		...formData,
+	formData.value = {
+		...formData.value,
 		[fieldId]: value
 	}
-	emit('update:modelValue', formData)
+	emit('update:modelValue', formData.value)
 }
 
 function handleSubmit() {
-	emit('submit', formData)
-	initialFormData = { ...formData }
+	emit('submit', formData.value)
+	initialFormData.value = structuredClone(formData.value)
 }
 
 function shouldRenderField(field: Field): boolean {
 	const condition = field.vIf ?? field['v-if']
 	if (condition === undefined) return true
 	return typeof condition === 'function'
-		? condition(formData[field.id as string], formData)
+		? condition(formData.value[field.id as keyof T], formData.value)
 		: !!condition
 }
 
 function validateForm() {
-	if (!form) return false
-	return form.reportValidity()
+	if (!form.value) return false
+	return form.value.reportValidity()
 }
 
-const { renderField } = useSchemaField<Record<string, any>>({
+const { renderField } = useSchemaField<T>({
 	mode: 'form',
-	getRowData: () => formData,
+	getRowData: () => formData.value,
 	onUpdate: (field, value) => {
 		if (!field.id) return
 		updateFormData(field.id, value)
-		field.onUpdate?.(value, formData)
+		field.onUpdate?.(value, formData.value)
 	}
 })
 
@@ -88,7 +94,7 @@ defineExpose({ form, isDirty, validateForm })
 <template>
 	<form ref="form" @submit.prevent="handleSubmit">
 		<template v-if="resolvedSchema">
-			<template v-for="(field) in resolvedSchema" :key="field.id">
+			<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
 				<component :is="renderSchemaField(field)" />
 			</template>
 		</template>