@bagelink/vue 0.0.1147 → 0.0.1155

package/src/components/form/BagelForm.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { BglFormSchemaT, BglFormSchemaFnT, Field } from '@bagelink/vue'
 import type { VNode } from 'vue'
-import { BglForm,	CheckInput, DateInput, FieldArray, FileUpload, NumberInput, RichText, SelectInput, TabsNav, TextInput, ToggleInput, UploadInput } from '@bagelink/vue'
 import { h, watch } from 'vue'
+import { useSchemaField } from '../../composables/useSchemaField'
 
 interface Props {
 	modelValue: Record<string, any>
@@ -39,30 +39,6 @@ const isDirty = $computed(() => {
 	return current !== initial
 })
 
-function getComponent(field: Field) {
-	const componentMap = {
-		text: TextInput,
-		textarea: TextInput,
-		number: NumberInput,
-		array: FieldArray,
-		select: SelectInput,
-		toggle: ToggleInput,
-		check: CheckInput,
-		richtext: RichText,
-		upload: UploadInput,
-		file: FileUpload,
-		date: DateInput,
-		tabs: TabsNav,
-		bglform: BglForm
-	}
-
-	if (field.$el === 'textarea' && !field.attrs?.multiline) {
-		field.attrs = { ...field.attrs, multiline: true }
-	}
-
-	return componentMap[field.$el as keyof typeof componentMap] ?? field.$el ?? 'div'
-}
-
 function updateFormData(fieldId: string, value: any) {
 	formData = {
 		...formData,
@@ -76,82 +52,6 @@ function handleSubmit() {
 	initialFormData = { ...formData }
 }
 
-function renderSchemaField(field: Field): VNode | null {
-	const Component = getComponent(field)
-	if (!Component) return null
-
-	// Check if this field should be rendered based on v-if conditions
-	if (!shouldRenderField(field)) return null
-
-	const {
-		$el,
-		vIf,
-		'v-if': vIf2,
-		children,
-		options,
-		attrs,
-		class: fieldClass,
-		id,
-		onUpdate,
-		// Common form field props that need special handling
-		required,
-		label,
-		placeholder,
-		disabled,
-		...fieldProps
-	} = field
-
-	const currentValue = field.id ? formData[field.id] : undefined
-
-	const props: Record<string, any> = {
-		...fieldProps,
-		required,
-		label,
-		placeholder,
-		disabled,
-		'modelValue': currentValue,
-		'onUpdate:modelValue': (value: any) => {
-			if (!field.id) return
-			updateFormData(field.id, value)
-			field.onUpdate?.(value, formData)
-		}
-	}
-
-	// Remove undefined props to avoid vue warnings
-	Object.keys(props).forEach(key => props[key] === undefined && delete props[key])
-
-	// Add options if they exist in the field
-	if (field.options) {
-		props.options = typeof field.options === 'function'
-			? field.options(formData[field.id as string], formData)
-			: field.options
-	}
-
-	// Handle dynamic props
-	if (field.attrs) {
-		Object.entries(field.attrs).forEach(([key, value]) => {
-			props[key] = typeof value === 'function' ? value(formData[field.id as string], formData) : value
-		})
-	}
-
-	if (field.class) {
-		props.class = typeof field.class === 'function'
-			? field.class(formData[field.id as string], formData)
-			: field.class
-	}
-
-	const slots = field.children?.length
-		? {
-			default: () => field.children!
-				.map(child => typeof child === 'string' ? child : renderSchemaField(child))
-				.filter(Boolean),
-			...field.slots
-		}
-		: field.slots
-
-	return h(Component as any, props, slots)
-}
-
 function shouldRenderField(field: Field): boolean {
 	const condition = field.vIf ?? field['v-if']
 	if (condition === undefined) return true
@@ -165,6 +65,21 @@ function validateForm() {
 	return form.reportValidity()
 }
 
+const { renderField } = useSchemaField<Record<string, any>>({
+	mode: 'form',
+	getRowData: () => formData,
+	onUpdate: (field, value) => {
+		if (!field.id) return
+		updateFormData(field.id, value)
+		field.onUpdate?.(value, formData)
+	}
+})
+
+function renderSchemaField(field: Field): VNode | null {
+	if (!shouldRenderField(field)) return null
+	return renderField(field)
+}
+
 defineExpose({ form, isDirty, validateForm })
 </script>
 

package/src/components/form/FieldArray.vue

@@ -7,7 +7,8 @@ import type {
 	BglFormSchemaFnT,
 	Field,
 } from '@bagelink/vue'
-import { BglForm, BglField, Btn } from '@bagelink/vue'
+import { BagelForm, Btn } from '@bagelink/vue'
+import { useSchemaField } from '../../composables/useSchemaField'
 
 const props = withDefaults(
 	defineProps<{
@@ -70,6 +71,18 @@ const computedField = $computed(
 		$el: props.el,
 	}) as Field<T>
 ) as Field<Record<string, any>>
+
+const { renderField } = useSchemaField<Record<string, any>>({
+	mode: 'form',
+	getRowData: () => data,
+	onUpdate: (field, value) => {
+		if (!field.id) return
+		const index = Number.parseInt(field.id)
+		if (Number.isNaN(index)) return
+		data[index] = value
+		emitValue()
+	}
+})
 </script>
 
 <template>
@@ -80,7 +93,7 @@ const computedField = $computed(
 
 		<div v-if="schema" class="ps-025 border-start">
 			<div v-for="(_, i) in data" :key="i" outline thin class="mb-05 itemBox transition ps-05 pb-025 pt-025 radius-05 gap-05 overflow-hidden">
-				<BglForm v-model="data[i]" :schema="schema" @update:model-value="emitValue" />
+				<BagelForm v-model="data[i]" :schema="schema" @update:model-value="emitValue" />
 				<div class="bg-gray-80 -my-05 px-025 pt-065 txt-center">
 					<Btn
 						v-if="props.delete"
@@ -97,7 +110,12 @@ const computedField = $computed(
 			</Btn>
 		</div>
 		<template v-else>
-			<BglField v-for="(_, i) in data" :key="i" v-model="data[i]" :field="computedField" @update:model-value="emitValue" />
+			<component
+				:is="renderField({ ...computedField, id: String(i) })"
+				v-for="(_, i) in data"
+				:key="i"
+				@update:model-value="emitValue"
+			/>
 		</template>
 	</div>
 </template>

package/src/components/form/index.ts

@@ -1,5 +1,4 @@
 export { default as BglForm } from './BagelForm.vue'
 export { default as BagelForm } from './BagelForm.vue'
-export { default as BglField } from './BglField.vue'
 export { default as FieldArray } from './FieldArray.vue'
 export * from './inputs'

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

@@ -28,7 +28,7 @@ const props = withDefaults(
 		multiline?: boolean
 		autoheight?: boolean
 		code?: boolean
-		lines?: number | string
+		rows?: number | string
 		autocomplete?: AutoFillField
 		autofocus?: boolean
 		onFocusout?: (e: FocusEvent) => void
@@ -43,9 +43,9 @@ let inputVal = $ref<string | number>()
 
 const input = $ref<HTMLInputElement>()
 
-const rows = $computed(() => {
-	if (props.lines) return props.lines
-	if (props.autoheight) return `${inputVal}`.split('\n').length || 1
+const inputRows = $computed(() => {
+	if (props.autoheight) return `${inputVal}`.split('\n').length || props.rows || 1
+	if (props.rows) return props.rows
 	if (props.multiline || props.code) return 4
 	return 1
 })
@@ -115,7 +115,7 @@ onMounted(() => {
 				v-model="inputVal"
 				:title
 				:type
-				:rows
+				:rows="inputRows"
 				:placeholder="placeholder || label"
 				:disabled
 				:required

package/src/components/index.ts

@@ -12,7 +12,9 @@ export { default as Carousel } from './Carousel.vue'
 export * from './dashboard'
 export { default as DataPreview } from './DataPreview.vue'
 export { default as DataTable } from './DataTable/DataTable.vue'
+/** @deprecated Use DataTable instead of TableSchema. They are the same component. */
 export { default as TableSchema } from './DataTable/DataTable.vue'
+export { Draggable, useDraggable, vDraggable } from './Draggable'
 export { default as Dropdown } from './Dropdown.vue'
 export { default as FieldSetVue } from './FieldSetVue.vue'
 export { default as Flag } from './Flag.vue'
@@ -22,15 +24,16 @@ export { default as IframeVue } from './IframeVue.vue'
 export { default as Image } from './Image.vue'
 export * from './layout'
 export { default as ListItem } from './ListItem.vue'
+
 export { default as ListView } from './ListView.vue'
 export { default as Loading } from './Loading.vue'
-
 export { default as MapEmbed } from './MapEmbed.vue'
 export { default as Modal } from './Modal.vue'
 export { default as ModalConfirm } from './ModalConfirm.vue'
 export { default as ModalForm } from './ModalForm.vue'
 export { default as NavBar } from './NavBar.vue'
 export { default as PageTitle } from './PageTitle.vue'
+
 export { default as Pill } from './Pill.vue'
 export { default as RouterWrapper } from './RouterWrapper.vue'
 
@@ -38,4 +41,5 @@ export { default as Title } from './Title.vue'
 export { default as ToolBar } from './ToolBar.vue'
 
 export { default as TopBar } from './TopBar.vue'
+
 export { default as Zoomer } from './Zoomer.vue'

package/src/composables/useSchemaField.ts

@@ -0,0 +1,193 @@
+import type { VNode } from 'vue'
+import type { BaseBagelField } from '../types/BagelForm'
+import {
+	TextInput,
+	NumberInput,
+	FieldArray,
+	SelectInput,
+	ToggleInput,
+	CheckInput,
+	RichText,
+	UploadInput,
+	FileUpload,
+	DateInput,
+	TabsNav,
+	BglForm,
+	bindAttrs,
+	classify,
+	keyToLabel
+} from '@bagelink/vue'
+import { h } from 'vue'
+
+const SLOT_VALUE_COMPONENTS = new Set(['div', 'span', 'p'])
+
+const SRC_VALUE_COMPONENTS = new Set(['img', 'iframe'])
+
+export interface UseSchemaFieldOptions<T> {
+	mode?: 'form' | 'preview' | 'table'
+	getRowData?: () => T
+	onUpdate?: (field: BaseBagelField<T>, value: any) => void
+}
+
+export function useSchemaField<T extends Record<string, any>>(options: UseSchemaFieldOptions<T>) {
+	const { mode = 'form', getRowData, onUpdate } = options
+
+	function getComponent(field: BaseBagelField<T>) {
+		const componentMap = {
+			text: TextInput,
+			textarea: TextInput,
+			number: NumberInput,
+			array: FieldArray,
+			select: SelectInput,
+			toggle: ToggleInput,
+			check: CheckInput,
+			richtext: RichText,
+			upload: UploadInput,
+			file: FileUpload,
+			date: DateInput,
+			tabs: TabsNav,
+			form: BglForm
+		}
+
+		if (field.$el === 'textarea' && !field.attrs?.multiline) {
+			field.attrs = { ...field.attrs, multiline: true }
+		}
+
+		return typeof field.$el === 'object' ? field.$el : componentMap[field.$el as keyof typeof componentMap] ?? field.$el ?? 'div'
+	}
+
+	function renderField(
+		field: BaseBagelField<T>,
+		slots?: Record<string, (props: { row: T, field: BaseBagelField<T> }) => any>
+	): VNode | null {
+		const Component = getComponent(field)
+		if (!Component) return null
+
+		const rowData = getRowData?.() || {} as T
+
+		const {
+			$el,
+			children,
+			options,
+			attrs,
+			class: fieldClass,
+			id,
+			transform,
+			slots: fieldSlots,
+			required,
+			label,
+			placeholder,
+			disabled,
+			...fieldProps
+		} = field
+
+		const currentValue = field.id ? rowData[field.id as keyof T] : undefined
+		const transformedValue = transform ? transform(currentValue, rowData) : currentValue
+
+		// First bind any function attributes with the current value and row data
+		const boundFieldProps = bindAttrs(fieldProps, currentValue, rowData)
+
+		// Check if this component should receive value as slot
+		const isSlotValueComponent = typeof Component === 'string' && SLOT_VALUE_COMPONENTS.has(Component)
+		// Check if this component should receive value as src
+		const isSrcValueComponent = typeof Component === 'string' && SRC_VALUE_COMPONENTS.has(Component)
+
+		const props: Record<string, any> = {
+			...boundFieldProps,
+			required,
+			label,
+			placeholder,
+			disabled,
+		}
+
+		// For form mode, always use the original value for modelValue
+		if (mode === 'form') {
+			props.modelValue = currentValue
+			props['onUpdate:modelValue'] = (value: any) => {
+				onUpdate?.(field, value)
+			}
+		} else {
+			// For display modes (table/preview), use transformed value based on component type
+			if (isSlotValueComponent) {
+				// Slot components don't need a value prop
+			} else if (isSrcValueComponent) {
+				props.src = transformedValue
+			} else {
+				props.modelValue = transformedValue
+			}
+		}
+
+		// Remove undefined props to avoid vue warnings
+		Object.keys(props).forEach(key => props[key] === undefined && delete props[key])
+
+		// Add options if they exist in the field
+		if (field.options) {
+			props.options = typeof field.options === 'function'
+				? field.options(currentValue, rowData)
+				: field.options
+		}
+
+		// Handle dynamic props and attrs
+		if (field.attrs) {
+			const boundAttrs = bindAttrs(field.attrs, currentValue, rowData)
+			Object.entries(boundAttrs).forEach(([key, value]) => {
+				if (typeof value === 'function') {
+					props[key] = value(currentValue, rowData)
+				} else {
+					props[key] = value
+				}
+			})
+		}
+
+		// Handle class binding last to ensure all transformations are applied
+		props.class = classify(currentValue, rowData, fieldClass, props.class)
+
+		// Handle component slots
+		const componentSlots: Record<string, any> = {}
+
+		// Add default slot if there are children
+		if (children?.length) {
+			componentSlots.default = () => children.map((child) => {
+				if (typeof child === 'string') return child
+				return renderField(child, slots)
+			})
+		}
+
+		// For slot value components, add the transformed value as default slot content
+		if (isSlotValueComponent && transformedValue !== undefined) {
+			componentSlots.default = () => transformedValue?.toString() || ''
+		}
+
+		// Add any custom slots from the field
+		if (fieldSlots) {
+			Object.entries(fieldSlots).forEach(([name, slot]) => {
+				componentSlots[name] = typeof slot === 'function'
+					? () => slot(currentValue, rowData)
+					: () => slot
+			})
+		}
+
+		// Handle custom slot content from parent
+		const slotContent = field.id && slots?.[field.id]
+			? slots[field.id]({ row: rowData, field })
+			: undefined
+
+		if (mode === 'preview') {
+			return h('div', { class: 'preview-field' }, [
+				h('div', { class: 'field-label' }, field.label || keyToLabel(field.id || '')),
+				h('div', { class: 'field-value' }, [
+					slotContent || (typeof field.$el === 'object'
+						? h(Component as any, props, componentSlots)
+						: transformedValue?.toString() || '')
+				])
+			])
+		}
+
+		return slotContent || h(Component as any, props, componentSlots)
+	}
+
+	return {
+		renderField,
+		getComponent
+	}
+}

package/src/styles/text.css

@@ -114,7 +114,6 @@
     font-size: 100px;
 }
 
-
 .txt110,
 .txt-110 {
     font-size: 110px;
@@ -140,7 +139,6 @@
     font-size: 150px;
 }
 
-
 .txt18,
 .txt-18 {
     font-size: 18px;
@@ -357,6 +355,18 @@
     cursor: pointer;
 }
 
+.grab {
+    cursor: grab;
+}
+
+.grab:active {
+    cursor: grabbing;
+}
+
+.not-allowed {
+    cursor: not-allowed;
+}
+
 .decoration-none {
     text-decoration: none;
 }
@@ -387,7 +397,7 @@
 }
 
 .bgl_icon-font {
-    font-family: "Material Symbols Outlined", serif !important;
+    font-family: 'Material Symbols Outlined', serif !important;
 }
 
 .nowrap {
@@ -406,9 +416,7 @@
     white-space: nowrap;
 }
 
-
 @media screen and (max-width: 910px) {
-
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -525,7 +533,6 @@
         font-size: 72px;
     }
 
-
     .m_txt80,
     .m_txt-80 {
         font-size: 80px;
@@ -541,7 +548,6 @@
         font-size: 100px;
     }
 
-
     .m_txt110,
     .m_txt-110 {
         font-size: 110px;
@@ -792,9 +798,8 @@
         text-decoration: underline !important;
     }
 
-
     .m_bgl_icon-font {
-        font-family: "Material Symbols Outlined", serif;
+        font-family: 'Material Symbols Outlined', serif;
     }
 
     .m_nowrap {
@@ -828,5 +833,4 @@
     .m_capitalize {
         text-transform: capitalize;
     }
-
-}
+}

package/dist/components/Accordion.d.ts

@@ -1,12 +0,0 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Accordion.vue.d.ts.map

package/dist/components/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAoCM,GAAG;EAG/B;AAOD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/AccordionItem.d.ts

@@ -1,34 +0,0 @@
-declare function __VLS_template(): {
-    head?(_: {}): any;
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    label?: string;
-    id?: string;
-    open?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    label?: string;
-    id?: string;
-    open?: boolean;
-}>>> & {
-    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=AccordionItem.vue.d.ts.map

package/dist/components/AccordionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccordionItem.vue"],"names":[],"mappings":"AAkDA,iBAAS,cAAc;kBA4II,GAAG;qBACA,GAAG;EAGhC;AAiBD,QAAA,MAAM,eAAe;YAMZ,MAAM;SACT,MAAM;WACJ,OAAO;;;;YAFN,MAAM;SACT,MAAM;WACJ,OAAO;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Alert.d.ts

@@ -1,34 +0,0 @@
-import { MaterialIcons } from '..';
-
-interface Props {
-    message: string;
-    dismissable?: boolean;
-    type?: 'info' | 'warning' | 'error';
-    icon?: MaterialIcons | 'none';
-}
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-}>>>, {
-    type: "info" | "warning" | "error";
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=Alert.vue.d.ts.map

package/dist/components/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../src/components/Alert.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAKlD,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,IAAI,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;CAC7B;;;;;;UAFO,MAAM,GAAG,SAAS,GAAG,OAAO;;AAoIpC,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Avatar.d.ts

@@ -1,36 +0,0 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    fallback?: string;
-    src?: string;
-    name?: string;
-    size?: number;
-}>, {
-    size: number;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    fallback?: string;
-    src?: string;
-    name?: string;
-    size?: number;
-}>, {
-    size: number;
-}>>>, {
-    size: number;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=Avatar.vue.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.vue"],"names":[],"mappings":";eAqGY,MAAM;UACX,MAAM;WACL,MAAM;WACN,MAAM;;;;eAHF,MAAM;UACX,MAAM;WACL,MAAM;WACN,MAAM;;;;UAAN,MAAM;;AATd,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}