@vizejs/fresco 0.717.0 → 0.718.0

package/dist/components-C57eT1BL.mjs

@@ -1,3406 +0,0 @@
-import { i as useInput, r as useMouse, s as useIsScreenReaderEnabled, t as createVirtualViewport } from "./useVirtualViewport-DYuUlTxU.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
-//#region src/components/Box.ts
-/**
-* Box Component - Container with flexbox layout
-*/
-const dimensionProp = [Number, String];
-function normalizeBorderStyle(style) {
-	if (style === "round") return "rounded";
-	if (style === "bold") return "heavy";
-	return style;
-}
-const Box = defineComponent({
-	name: "Box",
-	props: {
-		display: String,
-		position: String,
-		top: dimensionProp,
-		right: dimensionProp,
-		bottom: dimensionProp,
-		left: dimensionProp,
-		flexDirection: String,
-		flexWrap: String,
-		justifyContent: String,
-		alignItems: String,
-		alignSelf: String,
-		alignContent: String,
-		flexGrow: Number,
-		flexShrink: Number,
-		flexBasis: dimensionProp,
-		width: dimensionProp,
-		height: dimensionProp,
-		minWidth: dimensionProp,
-		minHeight: dimensionProp,
-		maxWidth: dimensionProp,
-		maxHeight: dimensionProp,
-		aspectRatio: Number,
-		padding: Number,
-		paddingX: Number,
-		paddingY: Number,
-		paddingTop: Number,
-		paddingRight: Number,
-		paddingBottom: Number,
-		paddingLeft: Number,
-		margin: Number,
-		marginX: Number,
-		marginY: Number,
-		marginTop: Number,
-		marginRight: Number,
-		marginBottom: Number,
-		marginLeft: Number,
-		gap: Number,
-		columnGap: Number,
-		rowGap: Number,
-		overflow: String,
-		overflowX: String,
-		overflowY: String,
-		border: String,
-		borderStyle: String,
-		borderTop: Boolean,
-		borderRight: Boolean,
-		borderBottom: Boolean,
-		borderLeft: Boolean,
-		borderColor: String,
-		borderTopColor: String,
-		borderRightColor: String,
-		borderBottomColor: String,
-		borderLeftColor: String,
-		borderDimColor: Boolean,
-		borderTopDimColor: Boolean,
-		borderRightDimColor: Boolean,
-		borderBottomDimColor: Boolean,
-		borderLeftDimColor: Boolean,
-		borderBackgroundColor: String,
-		borderTopBackgroundColor: String,
-		borderRightBackgroundColor: String,
-		borderBottomBackgroundColor: String,
-		borderLeftBackgroundColor: String,
-		fg: String,
-		color: String,
-		bg: String,
-		backgroundColor: String,
-		ariaLabel: String,
-		ariaHidden: Boolean,
-		ariaRole: String,
-		ariaState: Object
-	},
-	setup(props, { slots }) {
-		const isScreenReaderEnabled = useIsScreenReaderEnabled();
-		return () => {
-			if (isScreenReaderEnabled && props.ariaHidden) return null;
-			const style = {};
-			if (props.display) style.display = props.display;
-			if (props.position) style.position = props.position;
-			if (props.top !== void 0) style.top = String(props.top);
-			if (props.right !== void 0) style.right = String(props.right);
-			if (props.bottom !== void 0) style.bottom = String(props.bottom);
-			if (props.left !== void 0) style.left = String(props.left);
-			if (props.flexDirection) style.flexDirection = props.flexDirection;
-			if (props.flexWrap) style.flexWrap = props.flexWrap;
-			if (props.justifyContent) style.justifyContent = props.justifyContent;
-			if (props.alignItems) style.alignItems = props.alignItems;
-			if (props.alignSelf) style.alignSelf = props.alignSelf;
-			if (props.alignContent) style.alignContent = props.alignContent;
-			if (props.flexGrow !== void 0) style.flexGrow = props.flexGrow;
-			if (props.flexShrink !== void 0) style.flexShrink = props.flexShrink;
-			if (props.flexBasis !== void 0) style.flexBasis = String(props.flexBasis);
-			if (props.width !== void 0) style.width = String(props.width);
-			if (props.height !== void 0) style.height = String(props.height);
-			if (props.minWidth !== void 0) style.minWidth = String(props.minWidth);
-			if (props.minHeight !== void 0) style.minHeight = String(props.minHeight);
-			if (props.maxWidth !== void 0) style.maxWidth = String(props.maxWidth);
-			if (props.maxHeight !== void 0) style.maxHeight = String(props.maxHeight);
-			if (props.aspectRatio !== void 0) style.aspectRatio = props.aspectRatio;
-			if (props.padding !== void 0) style.padding = props.padding;
-			if (props.paddingTop !== void 0 || props.paddingY !== void 0) style.paddingTop = props.paddingTop ?? props.paddingY ?? props.padding;
-			if (props.paddingRight !== void 0 || props.paddingX !== void 0) style.paddingRight = props.paddingRight ?? props.paddingX ?? props.padding;
-			if (props.paddingBottom !== void 0 || props.paddingY !== void 0) style.paddingBottom = props.paddingBottom ?? props.paddingY ?? props.padding;
-			if (props.paddingLeft !== void 0 || props.paddingX !== void 0) style.paddingLeft = props.paddingLeft ?? props.paddingX ?? props.padding;
-			if (props.margin !== void 0) style.margin = props.margin;
-			if (props.marginTop !== void 0 || props.marginY !== void 0) style.marginTop = props.marginTop ?? props.marginY ?? props.margin;
-			if (props.marginRight !== void 0 || props.marginX !== void 0) style.marginRight = props.marginRight ?? props.marginX ?? props.margin;
-			if (props.marginBottom !== void 0 || props.marginY !== void 0) style.marginBottom = props.marginBottom ?? props.marginY ?? props.margin;
-			if (props.marginLeft !== void 0 || props.marginX !== void 0) style.marginLeft = props.marginLeft ?? props.marginX ?? props.margin;
-			if (props.gap !== void 0) style.gap = props.gap;
-			if (props.columnGap !== void 0) style.columnGap = props.columnGap;
-			if (props.rowGap !== void 0) style.rowGap = props.rowGap;
-			if (props.overflow) style.overflow = props.overflow;
-			if (props.overflowX) style.overflowX = props.overflowX;
-			if (props.overflowY) style.overflowY = props.overflowY;
-			const children = isScreenReaderEnabled && props.ariaLabel ? [h("text", { text: props.ariaLabel })] : slots.default?.();
-			return h("box", {
-				style,
-				border: normalizeBorderStyle(props.borderStyle ?? props.border),
-				borderColor: props.borderColor,
-				borderTopColor: props.borderTopColor,
-				borderRightColor: props.borderRightColor,
-				borderBottomColor: props.borderBottomColor,
-				borderLeftColor: props.borderLeftColor,
-				borderDimColor: props.borderDimColor,
-				borderBackgroundColor: props.borderBackgroundColor,
-				fg: props.fg ?? props.color,
-				bg: props.bg ?? props.backgroundColor,
-				"aria-label": props.ariaLabel,
-				"aria-hidden": props.ariaHidden,
-				"aria-role": props.ariaRole,
-				"aria-state": props.ariaState
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoSpacer.vue
-var FrescoSpacer_default = /* @__PURE__ */ defineComponent({
-	name: "Spacer",
-	__name: "FrescoSpacer",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Box), {
-				"flex-grow": 1,
-				"flex-shrink": 1
-			});
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoDivider.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$10 = ["fg"];
-const _hoisted_2$8 = ["fg"];
-const _hoisted_3$7 = ["fg"];
-const _hoisted_4$3 = ["fg"];
-const _hoisted_5$2 = ["fg"];
-//#endregion
-//#region src/components/FrescoDivider.vue
-var FrescoDivider_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoDivider",
-	__name: "FrescoDivider",
-	props: {
-		direction: {
-			type: String,
-			required: false,
-			default: "horizontal"
-		},
-		char: {
-			type: String,
-			required: false
-		},
-		title: {
-			type: String,
-			required: false
-		},
-		fg: {
-			type: String,
-			required: false,
-			default: "gray"
-		},
-		titleFg: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const dividerChar = computed(() => __props.char ?? (__props.direction === "horizontal" ? "─" : "│"));
-		const titleLabel = computed(() => ` ${__props.title} `);
-		const titleRowStyle = {
-			flexDirection: "row",
-			alignItems: "center"
-		};
-		return (_ctx, _cache) => {
-			return __props.direction === "vertical" ? (openBlock(), createElementBlock("text", {
-				key: 0,
-				fg: __props.fg
-			}, toDisplayString(dividerChar.value), 9, _hoisted_1$10)) : __props.title ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				style: titleRowStyle
-			}, [
-				createElementVNode("text", { fg: __props.fg }, toDisplayString(dividerChar.value.repeat(3)), 9, _hoisted_2$8),
-				createElementVNode("text", {
-					fg: __props.titleFg ?? __props.fg,
-					bold: true
-				}, toDisplayString(titleLabel.value), 9, _hoisted_3$7),
-				createElementVNode("text", { fg: __props.fg }, toDisplayString(dividerChar.value.repeat(3)), 9, _hoisted_4$3)
-			])) : (openBlock(), createElementBlock("text", {
-				key: 2,
-				fg: __props.fg
-			}, toDisplayString(dividerChar.value.repeat(40)), 9, _hoisted_5$2));
-		};
-	}
-});
-//#endregion
-//#region src/components/layout-primitive-types.ts
-const stackAlignValues = {
-	start: "flex-start",
-	center: "center",
-	end: "flex-end",
-	stretch: "stretch"
-};
-const stackJustifyValues = {
-	start: "flex-start",
-	center: "center",
-	end: "flex-end",
-	between: "space-between",
-	around: "space-around",
-	evenly: "space-evenly"
-};
-//#endregion
-//#region src/components/FrescoStack.vue
-var FrescoStack_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoStack",
-	__name: "FrescoStack",
-	props: {
-		direction: {
-			type: String,
-			required: false,
-			default: "vertical"
-		},
-		gap: {
-			type: Number,
-			required: false,
-			default: 0
-		},
-		align: {
-			type: String,
-			required: false,
-			default: "stretch"
-		},
-		justify: {
-			type: String,
-			required: false,
-			default: "start"
-		},
-		wrap: {
-			type: Boolean,
-			required: false,
-			default: false
-		}
-	},
-	setup(__props) {
-		const stackStyle = computed(() => ({
-			flexDirection: __props.direction === "horizontal" ? "row" : "column",
-			gap: __props.gap,
-			alignItems: stackAlignValues[__props.align],
-			justifyContent: stackJustifyValues[__props.justify],
-			flexWrap: __props.wrap ? "wrap" : "nowrap"
-		}));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { style: normalizeStyle(stackStyle.value) }, [renderSlot(_ctx.$slots, "default")], 4);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoHStack.vue
-var FrescoHStack_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoHStack",
-	__name: "FrescoHStack",
-	props: {
-		gap: {
-			type: Number,
-			required: false,
-			default: 1
-		},
-		align: {
-			type: String,
-			required: false
-		},
-		justify: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FrescoStack_default, {
-				direction: "horizontal",
-				gap: __props.gap,
-				align: __props.align,
-				justify: __props.justify
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"gap",
-				"align",
-				"justify"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoVStack.vue
-var FrescoVStack_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoVStack",
-	__name: "FrescoVStack",
-	props: {
-		gap: {
-			type: Number,
-			required: false,
-			default: 0
-		},
-		align: {
-			type: String,
-			required: false
-		},
-		justify: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FrescoStack_default, {
-				direction: "vertical",
-				gap: __props.gap,
-				align: __props.align,
-				justify: __props.justify
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"gap",
-				"align",
-				"justify"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/Grid.ts
-/**
-* Grid Component - Grid layout helper
-*/
-const Grid = defineComponent({
-	name: "Grid",
-	props: {
-		columns: {
-			type: Number,
-			default: 2
-		},
-		gap: {
-			type: Number,
-			default: 1
-		},
-		rowGap: Number,
-		columnGap: Number
-	},
-	setup(props, { slots }) {
-		return () => {
-			const children = slots.default?.() ?? [];
-			const flatChildren = Array.isArray(children) ? children.flat() : [children];
-			const rows = [];
-			let currentRow = [];
-			flatChildren.forEach((child, index) => {
-				currentRow.push(child);
-				if (currentRow.length === props.columns || index === flatChildren.length - 1) {
-					rows.push([...currentRow]);
-					currentRow = [];
-				}
-			});
-			const rowGap = props.rowGap ?? props.gap;
-			const columnGap = props.columnGap ?? props.gap;
-			return h("box", { style: {
-				flex_direction: "column",
-				gap: rowGap
-			} }, rows.map((row, rowIndex) => h("box", {
-				key: `row-${rowIndex}`,
-				style: {
-					flex_direction: "row",
-					gap: columnGap
-				}
-			}, row.map((cell, cellIndex) => h("box", {
-				key: `cell-${rowIndex}-${cellIndex}`,
-				style: { flex_grow: 1 }
-			}, [cell])))));
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoCard.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$9 = [
-	"border",
-	"fg",
-	"bg"
-];
-const _hoisted_2$7 = ["fg"];
-const _hoisted_3$6 = {
-	key: 1,
-	dim: true
-};
-const _hoisted_4$2 = { dim: true };
-//#endregion
-//#region src/components/FrescoCard.vue
-var FrescoCard_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoCard",
-	__name: "FrescoCard",
-	props: {
-		title: {
-			type: String,
-			required: false
-		},
-		subtitle: {
-			type: String,
-			required: false
-		},
-		footer: {
-			type: String,
-			required: false
-		},
-		border: {
-			type: String,
-			required: false,
-			default: "rounded"
-		},
-		padding: {
-			type: Number,
-			required: false,
-			default: 1
-		},
-		titleFg: {
-			type: String,
-			required: false,
-			default: "white"
-		},
-		borderFg: {
-			type: String,
-			required: false
-		},
-		bg: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const slots = useSlots();
-		const hasHeader = computed(() => Boolean(__props.title || __props.subtitle));
-		const hasFooter = computed(() => Boolean(__props.footer || slots.footer));
-		const containerStyle = computed(() => ({
-			flexDirection: "column",
-			padding: __props.padding
-		}));
-		const headerStyle = {
-			flexDirection: "row",
-			marginBottom: 1
-		};
-		const contentStyle = { flexGrow: 1 };
-		const footerStyle = { marginTop: 1 };
-		const subtitleLabel = computed(() => __props.subtitle ? __props.title ? ` - ${__props.subtitle}` : __props.subtitle : "");
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				border: __props.border === "none" ? void 0 : __props.border,
-				fg: __props.borderFg,
-				bg: __props.bg,
-				style: normalizeStyle(containerStyle.value)
-			}, [
-				hasHeader.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					style: headerStyle
-				}, [__props.title ? (openBlock(), createElementBlock("text", {
-					key: 0,
-					fg: __props.titleFg,
-					bold: true
-				}, toDisplayString(__props.title), 9, _hoisted_2$7)) : createCommentVNode("v-if", true), __props.subtitle ? (openBlock(), createElementBlock("text", _hoisted_3$6, toDisplayString(subtitleLabel.value), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
-				createElementVNode("div", { style: contentStyle }, [renderSlot(_ctx.$slots, "default")]),
-				hasFooter.value ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					style: footerStyle
-				}, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("text", _hoisted_4$2, toDisplayString(__props.footer), 1)])])) : createCommentVNode("v-if", true)
-			], 12, _hoisted_1$9);
-		};
-	}
-});
-//#endregion
-//#region src/utils/text.ts
-/**
-* Unicode-aware text helpers shared by input and text components.
-*/
-const segmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
-function graphemes(value) {
-	if (!value) return [];
-	if (segmenter) return Array.from(segmenter.segment(value), (segment) => segment.segment);
-	return Array.from(value);
-}
-function graphemeLength(value) {
-	return graphemes(value).length;
-}
-function sliceGraphemes(value, start, end) {
-	return graphemes(value).slice(start, end).join("");
-}
-function insertAtGrapheme(value, index, text) {
-	return `${sliceGraphemes(value, 0, index)}${text}${sliceGraphemes(value, index)}`;
-}
-function deleteGraphemeBefore(value, index) {
-	if (index <= 0) return value;
-	return `${sliceGraphemes(value, 0, index - 1)}${sliceGraphemes(value, index)}`;
-}
-function deleteGraphemeAt(value, index) {
-	const length = graphemeLength(value);
-	if (index < 0 || index >= length) return value;
-	return `${sliceGraphemes(value, 0, index)}${sliceGraphemes(value, index + 1)}`;
-}
-function stringifyChildren(children) {
-	if (children == null || typeof children === "boolean") return "";
-	if (typeof children === "string" || typeof children === "number") return String(children);
-	if (Array.isArray(children)) return children.map((child) => stringifyChildren(child)).join("");
-	if (typeof children === "object") {
-		const vnode = children;
-		if ((typeof vnode.type === "string" ? vnode.type : vnode.type?.name) === "Newline") {
-			const count = typeof vnode.props?.count === "number" ? vnode.props.count : 1;
-			return "\n".repeat(Math.max(0, count));
-		}
-		if (typeof vnode.props?.text === "string" || typeof vnode.props?.text === "number") return String(vnode.props.text);
-		if (typeof vnode.props?.content === "string" || typeof vnode.props?.content === "number") return String(vnode.props.content);
-		return stringifyChildren(vnode.children);
-	}
-	return "";
-}
-//#endregion
-//#region src/components/Text.ts
-/**
-* Text Component - Text display
-*/
-const Text = defineComponent({
-	name: "Text",
-	props: {
-		content: String,
-		wrap: [Boolean, String],
-		fg: String,
-		color: String,
-		bg: String,
-		backgroundColor: String,
-		bold: Boolean,
-		dim: Boolean,
-		dimColor: Boolean,
-		italic: Boolean,
-		underline: Boolean,
-		strikethrough: Boolean,
-		inverse: Boolean,
-		blink: Boolean,
-		hidden: Boolean,
-		ariaLabel: String,
-		ariaHidden: Boolean
-	},
-	setup(props, { slots }) {
-		const isScreenReaderEnabled = useIsScreenReaderEnabled();
-		return () => {
-			if (isScreenReaderEnabled && props.ariaHidden) return null;
-			return h("text", {
-				text: isScreenReaderEnabled && props.ariaLabel ? props.ariaLabel : props.content ?? stringifyChildren(slots.default?.()),
-				wrap: props.wrap,
-				fg: props.fg ?? props.color,
-				bg: props.bg ?? props.backgroundColor,
-				bold: props.bold,
-				dim: props.dim || props.dimColor,
-				italic: props.italic,
-				underline: props.underline,
-				strikethrough: props.strikethrough,
-				inverse: props.inverse,
-				...props.blink ? { blink: true } : {},
-				...props.hidden ? { hidden: true } : {},
-				"aria-label": props.ariaLabel,
-				"aria-hidden": props.ariaHidden
-			});
-		};
-	}
-});
-defineComponent({
-	name: "ErrorText",
-	props: { content: String },
-	setup(props, { slots }) {
-		return () => h(Text, {
-			fg: "red",
-			...props
-		}, slots);
-	}
-});
-defineComponent({
-	name: "WarningText",
-	props: { content: String },
-	setup(props, { slots }) {
-		return () => h(Text, {
-			fg: "yellow",
-			...props
-		}, slots);
-	}
-});
-defineComponent({
-	name: "SuccessText",
-	props: { content: String },
-	setup(props, { slots }) {
-		return () => h(Text, {
-			fg: "green",
-			...props
-		}, slots);
-	}
-});
-defineComponent({
-	name: "InfoText",
-	props: { content: String },
-	setup(props, { slots }) {
-		return () => h(Text, {
-			fg: "blue",
-			...props
-		}, slots);
-	}
-});
-defineComponent({
-	name: "MutedText",
-	props: { content: String },
-	setup(props, { slots }) {
-		return () => h(Text, {
-			dim: true,
-			...props
-		}, slots);
-	}
-});
-//#endregion
-//#region src/components/ScrollBar.vue
-var ScrollBar_default = /* @__PURE__ */ defineComponent({
-	__name: "ScrollBar",
-	props: {
-		itemCount: {
-			type: Number,
-			required: true
-		},
-		viewportSize: {
-			type: Number,
-			required: true
-		},
-		offset: {
-			type: Number,
-			required: true
-		},
-		length: {
-			type: Number,
-			required: false
-		},
-		orientation: {
-			type: String,
-			required: false,
-			default: "vertical"
-		},
-		track: {
-			type: String,
-			required: false,
-			default: "│"
-		},
-		thumb: {
-			type: String,
-			required: false,
-			default: "█"
-		},
-		fg: {
-			type: String,
-			required: false
-		},
-		thumbFg: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		function nonNegativeInteger(value) {
-			const floored = Math.floor(value);
-			return Number.isSafeInteger(floored) && floored >= 0 ? floored : 0;
-		}
-		const metrics = computed(() => {
-			const trackLength = nonNegativeInteger(__props.length ?? __props.viewportSize);
-			const boundedViewportSize = nonNegativeInteger(__props.viewportSize);
-			const boundedItemCount = nonNegativeInteger(__props.itemCount);
-			const maxOffset = Math.max(0, boundedItemCount - boundedViewportSize);
-			return {
-				trackLength,
-				boundedViewportSize,
-				boundedItemCount,
-				maxOffset,
-				boundedOffset: Number.isFinite(__props.offset) ? Math.min(maxOffset, Math.max(0, __props.offset)) : 0
-			};
-		});
-		const cells = computed(() => {
-			const { trackLength, boundedViewportSize, boundedItemCount, maxOffset, boundedOffset } = metrics.value;
-			if (trackLength === 0) return [];
-			const thumbSize = maxOffset === 0 ? trackLength : Math.max(1, Math.min(trackLength, Math.floor(trackLength * boundedViewportSize / boundedItemCount)));
-			const travel = trackLength - thumbSize;
-			const thumbStart = maxOffset === 0 ? 0 : Math.round(boundedOffset / maxOffset * travel);
-			return Array.from({ length: trackLength }, (_, position) => ({
-				position,
-				symbol: position >= thumbStart && position < thumbStart + thumbSize ? __props.thumb : __props.track,
-				thumb: position >= thumbStart && position < thumbStart + thumbSize
-			}));
-		});
-		const ariaState = computed(() => ({
-			orientation: __props.orientation,
-			valueMin: 0,
-			valueMax: metrics.value.maxOffset,
-			valueNow: metrics.value.boundedOffset
-		}));
-		const accessibilityProps = computed(() => ({
-			ariaRole: "scrollbar",
-			ariaState: ariaState.value
-		}));
-		const cellAccessibilityProps = { ariaHidden: true };
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Box), mergeProps({ "flex-direction": __props.orientation === "vertical" ? "column" : "row" }, accessibilityProps.value), {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
-					return openBlock(), createBlock(unref(Text), mergeProps({
-						key: cell.position,
-						content: cell.symbol,
-						fg: cell.thumb ? __props.thumbFg ?? __props.fg : __props.fg
-					}, { ref_for: true }, cellAccessibilityProps), null, 16, ["content", "fg"]);
-				}), 128))]),
-				_: 1
-			}, 16, ["flex-direction"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/ScrollBox.vue
-var ScrollBox_default = /* @__PURE__ */ defineComponent({
-	__name: "ScrollBox",
-	props: {
-		itemCount: {
-			type: Number,
-			required: true
-		},
-		viewportSize: {
-			type: Number,
-			required: true
-		},
-		modelValue: {
-			type: Number,
-			required: false
-		},
-		overscan: {
-			type: Number,
-			required: false,
-			default: 2
-		},
-		focused: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		wheelStep: {
-			type: Number,
-			required: false,
-			default: 3
-		},
-		showScrollbar: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		followOutput: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		scrollbarTrack: {
-			type: String,
-			required: false,
-			default: "│"
-		},
-		scrollbarThumb: {
-			type: String,
-			required: false,
-			default: "█"
-		}
-	},
-	emits: ["update:modelValue", "scroll"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const emit = __emit;
-		const viewport = createVirtualViewport({
-			itemCount: __props.itemCount,
-			viewportSize: __props.viewportSize,
-			overscan: __props.overscan,
-			initialOffset: __props.modelValue ?? 0
-		});
-		const isActive = computed(() => __props.focused && !__props.disabled);
-		const normalizedWheelStep = computed(() => {
-			const truncated = Math.trunc(__props.wheelStep);
-			return Number.isSafeInteger(truncated) && truncated > 0 ? truncated : 1;
-		});
-		const retainedIndexes = computed(() => {
-			const range = viewport.range.value;
-			return Array.from({ length: range.overscanEnd - range.overscanStart }, (_, index) => range.overscanStart + index);
-		});
-		const rootAriaState = computed(() => ({ disabled: __props.disabled }));
-		const rootAccessibilityProps = computed(() => ({
-			ariaRole: "list",
-			ariaState: rootAriaState.value
-		}));
-		function publish(changed) {
-			if (!changed) return false;
-			emit("update:modelValue", viewport.offset.value);
-			emit("scroll", viewport.range.value);
-			return true;
-		}
-		function scrollTo(offset) {
-			return publish(viewport.scrollTo(offset));
-		}
-		function scrollBy(delta) {
-			return publish(viewport.scrollBy(delta));
-		}
-		function scrollIntoView(index, alignment = "nearest") {
-			return publish(viewport.scrollIntoView(index, alignment));
-		}
-		function isVisible(index) {
-			const range = viewport.range.value;
-			return index >= range.visibleStart && index < range.visibleEnd;
-		}
-		function itemSlot(index) {
-			return {
-				...viewport.range.value,
-				index,
-				visible: isVisible(index)
-			};
-		}
-		watch([
-			() => __props.itemCount,
-			() => __props.viewportSize,
-			() => __props.modelValue
-		], ([itemCount, viewportSize, modelValue], [previousItemCount, previousViewportSize, previousModelValue]) => {
-			const itemCountChanged = itemCount !== previousItemCount;
-			const viewportSizeChanged = viewportSize !== previousViewportSize;
-			const modelValueChanged = modelValue !== previousModelValue;
-			const followedEnd = itemCountChanged && __props.followOutput && viewport.atEnd.value;
-			const previousOffset = viewport.offset.value;
-			if (itemCountChanged) viewport.setItemCount(itemCount);
-			if (viewportSizeChanged) viewport.setViewportSize(viewportSize);
-			if (followedEnd && !modelValueChanged) viewport.scrollTo(viewport.maxOffset.value);
-			if (modelValue !== void 0 && (modelValueChanged || (itemCountChanged || viewportSizeChanged) && !followedEnd)) viewport.scrollTo(modelValue);
-			const offsetChanged = previousOffset !== viewport.offset.value;
-			const requestedOffsetWasClamped = modelValue !== void 0 && modelValue !== viewport.offset.value;
-			if (requestedOffsetWasClamped || offsetChanged && !modelValueChanged) emit("update:modelValue", viewport.offset.value);
-			if (offsetChanged && (itemCountChanged || viewportSizeChanged || requestedOffsetWasClamped)) emit("scroll", viewport.range.value);
-		});
-		watch(() => __props.overscan, (value) => viewport.setOverscan(value));
-		useInput((_input, key) => {
-			if (key.eventType === "release") return;
-			if (key.upArrow) scrollBy(-1);
-			else if (key.downArrow) scrollBy(1);
-			else if (key.pageUp) scrollBy(-Math.max(1, __props.viewportSize - 1));
-			else if (key.pageDown) scrollBy(Math.max(1, __props.viewportSize - 1));
-			else if (key.home) scrollTo(0);
-			else if (key.end) scrollTo(viewport.maxOffset.value);
-		}, { isActive });
-		useMouse((event) => {
-			if (event.kind === "scroll-up") scrollBy(-normalizedWheelStep.value);
-			else if (event.kind === "scroll-down") scrollBy(normalizedWheelStep.value);
-		}, { isActive });
-		__expose({
-			scrollTo,
-			scrollBy,
-			scrollIntoView,
-			range: () => viewport.range.value
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Box), mergeProps({ "flex-direction": "column" }, rootAccessibilityProps.value), {
-				default: withCtx(() => [
-					renderSlot(_ctx.$slots, "start"),
-					createVNode(unref(Box), { "flex-direction": __props.showScrollbar ? "row" : "column" }, {
-						default: withCtx(() => [createVNode(unref(Box), {
-							"flex-direction": "column",
-							height: __props.viewportSize,
-							overflow: "hidden"
-						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(retainedIndexes.value, (index) => {
-								return openBlock(), createBlock(unref(Box), {
-									key: index,
-									display: isVisible(index) ? "flex" : "none",
-									"aria-hidden": !isVisible(index),
-									"data-scroll-index": index
-								}, {
-									default: withCtx(() => [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, itemSlot(index)))]),
-									_: 2
-								}, 1032, [
-									"display",
-									"aria-hidden",
-									"data-scroll-index"
-								]);
-							}), 128))]),
-							_: 3
-						}, 8, ["height"]), __props.showScrollbar && __props.itemCount > __props.viewportSize ? (openBlock(), createBlock(ScrollBar_default, {
-							key: 0,
-							"item-count": __props.itemCount,
-							"viewport-size": __props.viewportSize,
-							offset: unref(viewport).offset.value,
-							track: __props.scrollbarTrack,
-							thumb: __props.scrollbarThumb
-						}, null, 8, [
-							"item-count",
-							"viewport-size",
-							"offset",
-							"track",
-							"thumb"
-						])) : createCommentVNode("v-if", true)]),
-						_: 3
-					}, 8, ["flex-direction"]),
-					renderSlot(_ctx.$slots, "end")
-				]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoNewline.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$8 = ["text"];
-//#endregion
-//#region src/components/FrescoNewline.vue
-var FrescoNewline_default = /* @__PURE__ */ defineComponent({
-	name: "Newline",
-	__name: "FrescoNewline",
-	props: { count: {
-		type: Number,
-		required: false,
-		default: 1
-	} },
-	setup(__props) {
-		const content = computed(() => "\n".repeat(Math.max(0, __props.count)));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("text", { text: content.value }, null, 8, _hoisted_1$8);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoStatic.vue
-var FrescoStatic_default = /* @__PURE__ */ defineComponent({
-	name: "Static",
-	__name: "FrescoStatic",
-	props: {
-		items: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		style: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const containerStyle = computed(() => ({
-			position: "absolute",
-			flexDirection: "column",
-			...__props.style
-		}));
-		const itemStyle = { flexDirection: "column" };
-		const renderedItems = computed(() => __props.items.map((item, index) => ({
-			item,
-			index,
-			key: `static-${index}`
-		})));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				internal_static: true,
-				style: normalizeStyle(containerStyle.value)
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedItems.value, (entry) => {
-				return openBlock(), createElementBlock("div", {
-					key: entry.key,
-					internal_static_item: true,
-					style: itemStyle
-				}, [renderSlot(_ctx.$slots, "default", {
-					item: entry.item,
-					index: entry.index
-				})]);
-			}), 128))], 4);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoTransform.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$7 = ["text", "aria-label"];
-//#endregion
-//#region src/components/FrescoTransform.vue
-var FrescoTransform_default = /* @__PURE__ */ defineComponent({
-	name: "Transform",
-	__name: "FrescoTransform",
-	props: {
-		accessibilityLabel: {
-			type: String,
-			required: false
-		},
-		transform: {
-			type: Function,
-			required: true
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const isScreenReaderEnabled = useIsScreenReaderEnabled();
-		const content = computed(() => {
-			const text = stringifyChildren(slots.default?.());
-			return isScreenReaderEnabled && props.accessibilityLabel ? props.accessibilityLabel : text.split("\n").map((line, index) => props.transform(line, index)).join("\n");
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("text", {
-				text: content.value,
-				"aria-label": __props.accessibilityLabel
-			}, null, 8, _hoisted_1$7);
-		};
-	}
-});
-//#endregion
-//#region src/components/Code.ts
-/**
-* Code Component - Code block display
-*/
-const Code = defineComponent({
-	name: "Code",
-	props: {
-		code: {
-			type: String,
-			required: true
-		},
-		language: String,
-		lineNumbers: {
-			type: Boolean,
-			default: true
-		},
-		startLine: {
-			type: Number,
-			default: 1
-		},
-		highlightLines: {
-			type: Array,
-			default: () => []
-		},
-		border: {
-			type: String,
-			default: "single"
-		},
-		fg: {
-			type: String,
-			default: "white"
-		},
-		lineNumberFg: {
-			type: String,
-			default: "gray"
-		},
-		highlightBg: {
-			type: String,
-			default: "blue"
-		}
-	},
-	setup(props) {
-		return () => {
-			const lines = props.code.split("\n");
-			const maxLineNum = props.startLine + lines.length - 1;
-			const lineNumWidth = String(maxLineNum).length;
-			const children = lines.map((line, index) => {
-				const lineNum = props.startLine + index;
-				const isHighlighted = props.highlightLines?.includes(lineNum);
-				const parts = [];
-				if (props.lineNumbers) parts.push(h("text", {
-					key: `ln-${lineNum}`,
-					fg: props.lineNumberFg
-				}, `${String(lineNum).padStart(lineNumWidth)} │ `));
-				parts.push(h("text", {
-					key: `code-${lineNum}`,
-					fg: props.fg,
-					bg: isHighlighted ? props.highlightBg : void 0
-				}, line || " "));
-				return h("box", {
-					key: `line-${lineNum}`,
-					style: { flex_direction: "row" }
-				}, parts);
-			});
-			if (props.language) children.unshift(h("text", {
-				key: "lang",
-				dim: true,
-				style: { margin_bottom: 1 }
-			}, `// ${props.language}`));
-			return h("box", {
-				border: props.border === "none" ? void 0 : props.border,
-				style: {
-					flex_direction: "column",
-					padding: props.border !== "none" ? 1 : 0
-				}
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoLink.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$6 = ["fg", "underline"];
-const _hoisted_2$6 = {
-	key: 0,
-	dim: true
-};
-//#endregion
-//#region src/components/FrescoLink.vue
-var FrescoLink_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoLink",
-	__name: "FrescoLink",
-	props: {
-		text: {
-			type: String,
-			required: true
-		},
-		url: {
-			type: String,
-			required: false
-		},
-		fg: {
-			type: String,
-			required: false,
-			default: "blue"
-		},
-		underline: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		showUrl: {
-			type: Boolean,
-			required: false,
-			default: false
-		}
-	},
-	setup(__props) {
-		const rowStyle = { flexDirection: "row" };
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { style: rowStyle }, [createElementVNode("text", {
-				fg: __props.fg,
-				underline: __props.underline
-			}, toDisplayString(__props.text), 9, _hoisted_1$6), __props.showUrl && __props.url ? (openBlock(), createElementBlock("text", _hoisted_2$6, " (" + toDisplayString(__props.url) + ")", 1)) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-//#endregion
-//#region src/components/TextInput.ts
-/**
-* TextInput Component - Text input with builtin cursor management and IME support
-*/
-const TextInput = defineComponent({
-	name: "TextInput",
-	props: {
-		modelValue: {
-			type: String,
-			default: ""
-		},
-		placeholder: {
-			type: String,
-			default: ""
-		},
-		focus: {
-			type: Boolean,
-			default: false
-		},
-		focused: {
-			type: Boolean,
-			default: void 0
-		},
-		mask: {
-			type: Boolean,
-			default: false
-		},
-		maskChar: {
-			type: String,
-			default: "*"
-		},
-		width: [Number, String],
-		fg: String,
-		bg: String
-	},
-	emits: [
-		"update:modelValue",
-		"submit",
-		"cancel",
-		"compositionstart",
-		"compositionupdate",
-		"compositionend"
-	],
-	setup(props, { emit }) {
-		const internalValue = ref(props.modelValue);
-		const cursorPos = ref(graphemeLength(props.modelValue));
-		const isComposing = ref(false);
-		const compositionAnchor = ref(cursorPos.value);
-		const preedit = ref("");
-		const preeditCursor = ref(0);
-		const focused = computed(() => props.focused ?? props.focus);
-		watch(() => props.modelValue, (newValue) => {
-			internalValue.value = newValue;
-			const length = graphemeLength(newValue);
-			if (cursorPos.value > length) cursorPos.value = length;
-		});
-		const updateValue = (value) => {
-			internalValue.value = value;
-			emit("update:modelValue", value);
-		};
-		const insertText = (text) => {
-			updateValue(insertAtGrapheme(internalValue.value, cursorPos.value, text));
-			cursorPos.value += graphemeLength(text);
-		};
-		const deleteBack = () => {
-			if (cursorPos.value > 0) {
-				updateValue(deleteGraphemeBefore(internalValue.value, cursorPos.value));
-				cursorPos.value--;
-			}
-		};
-		const deleteForward = () => {
-			if (cursorPos.value < graphemeLength(internalValue.value)) updateValue(deleteGraphemeAt(internalValue.value, cursorPos.value));
-		};
-		const moveLeft = () => {
-			if (cursorPos.value > 0) cursorPos.value--;
-		};
-		const moveRight = () => {
-			if (cursorPos.value < graphemeLength(internalValue.value)) cursorPos.value++;
-		};
-		const moveToStart = () => {
-			cursorPos.value = 0;
-		};
-		const moveToEnd = () => {
-			cursorPos.value = graphemeLength(internalValue.value);
-		};
-		const updatePreedit = (text, cursor = graphemeLength(text)) => {
-			if (!isComposing.value) {
-				isComposing.value = true;
-				compositionAnchor.value = cursorPos.value;
-				emit("compositionstart");
-			}
-			preedit.value = text;
-			preeditCursor.value = Math.max(0, Math.min(cursor, graphemeLength(text)));
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-		};
-		const finishComposition = (text = preedit.value) => {
-			if (!isComposing.value) return;
-			cursorPos.value = compositionAnchor.value;
-			isComposing.value = false;
-			preedit.value = "";
-			preeditCursor.value = 0;
-			if (text) insertText(text);
-			emit("compositionend", text);
-		};
-		const cancelComposition = () => {
-			if (!isComposing.value) return false;
-			isComposing.value = false;
-			preedit.value = "";
-			preeditCursor.value = 0;
-			cursorPos.value = compositionAnchor.value;
-			emit("compositionend", "");
-			return true;
-		};
-		const deletePreeditBack = () => {
-			if (!isComposing.value || preeditCursor.value === 0) return false;
-			preedit.value = deleteGraphemeBefore(preedit.value, preeditCursor.value);
-			preeditCursor.value--;
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const deletePreeditForward = () => {
-			if (!isComposing.value || preeditCursor.value >= graphemeLength(preedit.value)) return false;
-			preedit.value = deleteGraphemeAt(preedit.value, preeditCursor.value);
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const movePreeditLeft = () => {
-			if (!isComposing.value || preeditCursor.value === 0) return false;
-			preeditCursor.value--;
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const movePreeditRight = () => {
-			if (!isComposing.value || preeditCursor.value >= graphemeLength(preedit.value)) return false;
-			preeditCursor.value++;
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const movePreeditToStart = () => {
-			if (!isComposing.value) return false;
-			preeditCursor.value = 0;
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const movePreeditToEnd = () => {
-			if (!isComposing.value) return false;
-			preeditCursor.value = graphemeLength(preedit.value);
-			emit("compositionupdate", preedit.value, preeditCursor.value);
-			return true;
-		};
-		const displayValue = computed(() => {
-			if (!isComposing.value) return internalValue.value;
-			return [
-				sliceGraphemes(internalValue.value, 0, compositionAnchor.value),
-				preedit.value,
-				sliceGraphemes(internalValue.value, compositionAnchor.value)
-			].join("");
-		});
-		const displayCursor = computed(() => {
-			if (!isComposing.value) return cursorPos.value;
-			return compositionAnchor.value + preeditCursor.value;
-		});
-		useInput({
-			isActive: computed(() => focused.value),
-			onChar: (char) => {
-				if (isComposing.value) return;
-				insertText(char);
-			},
-			onArrow: (direction) => {
-				if (direction === "left") {
-					if (!movePreeditLeft()) moveLeft();
-				}
-				if (direction === "right") {
-					if (!movePreeditRight()) moveRight();
-				}
-			},
-			onKey: (key, modifiers) => {
-				if (key === "backspace") {
-					if (!deletePreeditBack()) deleteBack();
-				} else if (key === "delete") {
-					if (!deletePreeditForward()) deleteForward();
-				} else if (key === "home") {
-					if (!movePreeditToStart()) moveToStart();
-				} else if (key === "end") {
-					if (!movePreeditToEnd()) moveToEnd();
-				} else if (key === "a" && modifiers.ctrl) {
-					if (!movePreeditToEnd()) moveToEnd();
-				}
-			},
-			onSubmit: () => {
-				if (isComposing.value) {
-					finishComposition();
-					return;
-				}
-				emit("submit", internalValue.value);
-			},
-			onEscape: () => {
-				if (cancelComposition()) return;
-				emit("cancel");
-			},
-			onCompositionStart: () => {
-				isComposing.value = true;
-				compositionAnchor.value = cursorPos.value;
-				preedit.value = "";
-				preeditCursor.value = 0;
-				emit("compositionstart");
-			},
-			onCompositionUpdate: updatePreedit,
-			onCompositionEnd: finishComposition
-		});
-		return () => {
-			const style = {};
-			if (props.width !== void 0) style.width = String(props.width);
-			return h("input", {
-				value: displayValue.value,
-				placeholder: props.placeholder,
-				focused: focused.value,
-				cursor: displayCursor.value,
-				mask: props.mask,
-				maskChar: props.maskChar,
-				style,
-				fg: props.fg,
-				bg: props.bg
-			});
-		};
-	}
-});
-defineComponent({
-	name: "PasswordInput",
-	props: {
-		modelValue: {
-			type: String,
-			default: ""
-		},
-		placeholder: {
-			type: String,
-			default: "Enter password..."
-		},
-		focus: Boolean,
-		width: [Number, String],
-		fg: String,
-		bg: String
-	},
-	emits: [
-		"update:modelValue",
-		"submit",
-		"cancel"
-	],
-	setup(props, { emit }) {
-		return () => h(TextInput, {
-			...props,
-			mask: true,
-			"onUpdate:modelValue": (v) => emit("update:modelValue", v),
-			onSubmit: (v) => emit("submit", v),
-			onCancel: () => emit("cancel")
-		});
-	}
-});
-//#endregion
-//#region src/components/TextArea.ts
-/**
-* TextArea Component - Multiline text input
-*/
-const TextArea = defineComponent({
-	name: "TextArea",
-	props: {
-		modelValue: {
-			type: String,
-			default: ""
-		},
-		placeholder: String,
-		rows: {
-			type: Number,
-			default: 5
-		},
-		focused: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		lineNumbers: {
-			type: Boolean,
-			default: false
-		},
-		border: {
-			type: String,
-			default: "single"
-		},
-		fg: String,
-		placeholderFg: {
-			type: String,
-			default: "gray"
-		},
-		lineNumberFg: {
-			type: String,
-			default: "gray"
-		},
-		cursorLine: {
-			type: Number,
-			default: 0
-		},
-		cursorColumn: {
-			type: Number,
-			default: 0
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(props) {
-		const lines = computed(() => {
-			const textLines = (props.modelValue || "").split("\n");
-			while (textLines.length < props.rows) textLines.push("");
-			return textLines.slice(0, props.rows);
-		});
-		const showPlaceholder = computed(() => !props.modelValue && props.placeholder && !props.focused);
-		return () => {
-			const lineNumWidth = String(lines.value.length).length;
-			const children = lines.value.map((line, index) => {
-				const isCursorLine = props.focused && index === props.cursorLine;
-				const parts = [];
-				if (props.lineNumbers) parts.push(h("text", {
-					key: `ln-${index}`,
-					fg: props.lineNumberFg,
-					dim: !isCursorLine
-				}, `${String(index + 1).padStart(lineNumWidth)} │ `));
-				let content = line || (showPlaceholder.value && index === 0 ? props.placeholder : " ");
-				parts.push(h("text", {
-					key: `content-${index}`,
-					fg: showPlaceholder.value && index === 0 ? props.placeholderFg : props.fg,
-					dim: props.disabled,
-					bold: isCursorLine
-				}, content));
-				return h("box", {
-					key: `line-${index}`,
-					style: { flex_direction: "row" },
-					bg: isCursorLine ? "gray" : void 0
-				}, parts);
-			});
-			return h("box", {
-				border: props.border === "none" ? void 0 : props.border,
-				style: {
-					flex_direction: "column",
-					padding: props.border !== "none" ? 1 : 0,
-					height: String(props.rows + (props.border !== "none" ? 2 : 0))
-				}
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Select.ts
-/**
-* Select Component - Dropdown/menu selection
-*/
-const Select = defineComponent({
-	name: "Select",
-	props: {
-		options: {
-			type: Array,
-			required: true
-		},
-		modelValue: String,
-		placeholder: {
-			type: String,
-			default: "Select an option"
-		},
-		focused: {
-			type: Boolean,
-			default: false
-		},
-		indicator: {
-			type: String,
-			default: "> "
-		},
-		indicatorEmpty: {
-			type: String,
-			default: "  "
-		},
-		fg: String,
-		bg: String,
-		selectedFg: {
-			type: String,
-			default: "cyan"
-		},
-		selectedBg: String
-	},
-	emits: ["update:modelValue", "select"],
-	setup(props, { emit: _emit }) {
-		const highlightedIndex = ref(0);
-		watch(() => props.modelValue, (value) => {
-			if (value) {
-				const index = props.options.findIndex((opt) => opt.value === value);
-				if (index !== -1) highlightedIndex.value = index;
-			}
-		}, { immediate: true });
-		return () => {
-			const children = props.options.map((option, index) => {
-				const isHighlighted = index === highlightedIndex.value;
-				const isSelected = option.value === props.modelValue;
-				const indicator = isHighlighted ? props.indicator : props.indicatorEmpty;
-				return h("box", {
-					key: option.value,
-					style: { flex_direction: "row" }
-				}, [h("text", {
-					fg: isHighlighted ? props.selectedFg : props.fg,
-					bg: isHighlighted ? props.selectedBg : props.bg,
-					dim: option.disabled
-				}, `${indicator}${option.label}${isSelected ? " (selected)" : ""}`)]);
-			});
-			return h("box", {
-				style: { flex_direction: "column" },
-				fg: props.fg,
-				bg: props.bg
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Checkbox.ts
-/**
-* Checkbox Component - Toggle checkbox
-*/
-const Checkbox = defineComponent({
-	name: "Checkbox",
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: false
-		},
-		label: String,
-		focused: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		checked: {
-			type: String,
-			default: "[x]"
-		},
-		unchecked: {
-			type: String,
-			default: "[ ]"
-		},
-		fg: String,
-		checkedFg: {
-			type: String,
-			default: "green"
-		}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(props, { emit: _emit }) {
-		return () => {
-			const indicator = props.modelValue ? props.checked : props.unchecked;
-			return h("box", { style: { flex_direction: "row" } }, [h("text", {
-				fg: props.modelValue ? props.checkedFg : props.fg,
-				dim: props.disabled,
-				bold: props.focused
-			}, `${indicator} ${props.label ?? ""}`)]);
-		};
-	}
-});
-//#endregion
-//#region src/components/RadioGroup.ts
-/**
-* RadioGroup Component - Radio button group selection
-*/
-const RadioGroup = defineComponent({
-	name: "RadioGroup",
-	props: {
-		options: {
-			type: Array,
-			required: true
-		},
-		modelValue: String,
-		direction: {
-			type: String,
-			default: "vertical"
-		},
-		focusedIndex: Number,
-		selected: {
-			type: String,
-			default: "◉"
-		},
-		unselected: {
-			type: String,
-			default: "○"
-		},
-		fg: String,
-		selectedFg: {
-			type: String,
-			default: "green"
-		}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(props, { emit: _emit }) {
-		return () => {
-			const children = props.options.map((option, index) => {
-				const isSelected = option.value === props.modelValue;
-				const isFocused = index === props.focusedIndex;
-				const indicator = isSelected ? props.selected : props.unselected;
-				return h("text", {
-					key: option.value,
-					fg: isSelected ? props.selectedFg : props.fg,
-					bold: isFocused,
-					dim: option.disabled
-				}, `${indicator} ${option.label}`);
-			});
-			return h("box", { style: {
-				flex_direction: props.direction === "horizontal" ? "row" : "column",
-				gap: props.direction === "horizontal" ? 2 : 0
-			} }, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Confirm.ts
-/**
-* Confirm Component - Confirmation dialog
-*/
-const Confirm = defineComponent({
-	name: "Confirm",
-	props: {
-		message: {
-			type: String,
-			required: true
-		},
-		confirmText: {
-			type: String,
-			default: "Yes"
-		},
-		cancelText: {
-			type: String,
-			default: "No"
-		},
-		defaultConfirm: {
-			type: Boolean,
-			default: true
-		},
-		confirmFg: {
-			type: String,
-			default: "green"
-		},
-		cancelFg: {
-			type: String,
-			default: "red"
-		},
-		selectedFg: {
-			type: String,
-			default: "cyan"
-		}
-	},
-	emits: [
-		"confirm",
-		"cancel",
-		"select"
-	],
-	setup(props, { emit: _emit }) {
-		const isConfirmSelected = ref(props.defaultConfirm);
-		return () => {
-			return h("box", { style: { flex_direction: "column" } }, [h("text", { key: "message" }, props.message), h("box", {
-				key: "buttons",
-				style: {
-					flex_direction: "row",
-					gap: 2,
-					margin_top: 1
-				}
-			}, [h("text", {
-				key: "confirm",
-				fg: isConfirmSelected.value ? props.selectedFg : props.confirmFg,
-				bold: isConfirmSelected.value
-			}, `[${props.confirmText}]`), h("text", {
-				key: "cancel",
-				fg: !isConfirmSelected.value ? props.selectedFg : props.cancelFg,
-				bold: !isConfirmSelected.value
-			}, `[${props.cancelText}]`)])]);
-		};
-	}
-});
-//#endregion
-//#region src/components/Form.ts
-/**
-* Form Component - Form container with labels
-*/
-const Form = defineComponent({
-	name: "Form",
-	props: {
-		fields: {
-			type: Array,
-			default: () => []
-		},
-		labelWidth: {
-			type: Number,
-			default: 15
-		},
-		gap: {
-			type: Number,
-			default: 1
-		},
-		labelPosition: {
-			type: String,
-			default: "left"
-		},
-		labelFg: String,
-		requiredIndicator: {
-			type: String,
-			default: "*"
-		},
-		hintFg: {
-			type: String,
-			default: "gray"
-		}
-	},
-	setup(props, { slots }) {
-		return () => {
-			const children = [];
-			props.fields.forEach((field, _index) => {
-				const labelContent = [h("text", { fg: props.labelFg }, field.label.padEnd(props.labelWidth))];
-				if (field.required) labelContent.push(h("text", { fg: "red" }, props.requiredIndicator));
-				const fieldSlot = slots[field.key]?.();
-				if (props.labelPosition === "top") children.push(h("box", {
-					key: field.key,
-					style: {
-						flex_direction: "column",
-						margin_bottom: props.gap
-					}
-				}, [
-					h("box", { style: { flex_direction: "row" } }, labelContent),
-					fieldSlot ? h("box", { style: { margin_top: .5 } }, fieldSlot) : null,
-					field.hint ? h("text", {
-						fg: props.hintFg,
-						dim: true
-					}, field.hint) : null
-				].filter(Boolean)));
-				else {
-					children.push(h("box", {
-						key: field.key,
-						style: {
-							flex_direction: "row",
-							align_items: "center",
-							margin_bottom: props.gap
-						}
-					}, [h("box", { style: {
-						width: String(props.labelWidth),
-						flex_direction: "row"
-					} }, labelContent), h("box", { style: { flex_grow: 1 } }, fieldSlot)]));
-					if (field.hint) children.push(h("text", {
-						key: `hint-${field.key}`,
-						fg: props.hintFg,
-						dim: true,
-						style: {
-							margin_left: props.labelWidth,
-							margin_bottom: props.gap
-						}
-					}, field.hint));
-				}
-			});
-			return h("box", { style: { flex_direction: "column" } }, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/display-primitive-types.ts
-/** Default foreground and background colors for each Badge variant. */
-const badgeVariantColors = {
-	default: { fg: "white" },
-	success: { fg: "green" },
-	warning: { fg: "yellow" },
-	error: { fg: "red" },
-	info: { fg: "cyan" }
-};
-/** Built-in animation frame sets for Spinner. */
-const spinnerTypes = {
-	dots: [
-		"⠋",
-		"⠙",
-		"⠹",
-		"⠸",
-		"⠼",
-		"⠴",
-		"⠦",
-		"⠧",
-		"⠇",
-		"⠏"
-	],
-	dots2: [
-		"⣾",
-		"⣽",
-		"⣻",
-		"⢿",
-		"⡿",
-		"⣟",
-		"⣯",
-		"⣷"
-	],
-	line: [
-		"-",
-		"\\",
-		"|",
-		"/"
-	],
-	arc: [
-		"◜",
-		"◠",
-		"◝",
-		"◞",
-		"◡",
-		"◟"
-	],
-	circle: [
-		"◐",
-		"◓",
-		"◑",
-		"◒"
-	],
-	bounce: [
-		"⠁",
-		"⠂",
-		"⠄",
-		"⡀",
-		"⢀",
-		"⠠",
-		"⠐",
-		"⠈"
-	],
-	box: [
-		"▖",
-		"▘",
-		"▝",
-		"▗"
-	],
-	arrow: [
-		"←",
-		"↖",
-		"↑",
-		"↗",
-		"→",
-		"↘",
-		"↓",
-		"↙"
-	],
-	clock: [
-		"🕛",
-		"🕐",
-		"🕑",
-		"🕒",
-		"🕓",
-		"🕔",
-		"🕕",
-		"🕖",
-		"🕗",
-		"🕘",
-		"🕙",
-		"🕚"
-	],
-	moon: [
-		"🌑",
-		"🌒",
-		"🌓",
-		"🌔",
-		"🌕",
-		"🌖",
-		"🌗",
-		"🌘"
-	],
-	earth: [
-		"🌍",
-		"🌎",
-		"🌏"
-	]
-};
-//#endregion
-//#region src/components/FrescoSpinner.vue
-var FrescoSpinner_default = /* @__PURE__ */ defineComponent({
-	name: "Spinner",
-	__name: "FrescoSpinner",
-	props: {
-		type: {
-			type: null,
-			required: false,
-			default: "dots"
-		},
-		frames: {
-			type: Array,
-			required: false
-		},
-		interval: {
-			type: Number,
-			required: false,
-			default: 80
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		fg: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const frameIndex = ref(0);
-		const frames = computed(() => {
-			const selectedFrames = __props.frames ?? spinnerTypes[__props.type] ?? spinnerTypes.dots;
-			return selectedFrames.length > 0 ? selectedFrames : spinnerTypes.dots;
-		});
-		const content = computed(() => {
-			const frame = frames.value[frameIndex.value % frames.value.length];
-			return __props.label ? `${frame} ${__props.label}` : frame;
-		});
-		let timer = null;
-		onMounted(() => {
-			timer = setInterval(() => {
-				frameIndex.value = (frameIndex.value + 1) % frames.value.length;
-			}, __props.interval);
-		});
-		onUnmounted(() => {
-			if (timer) clearInterval(timer);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Text), {
-				content: content.value,
-				fg: __props.fg
-			}, null, 8, ["content", "fg"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/ProgressBar.ts
-/**
-* ProgressBar Component - Progress indicator
-*/
-const ProgressBar = defineComponent({
-	name: "ProgressBar",
-	props: {
-		value: {
-			type: Number,
-			required: true,
-			validator: (v) => v >= 0 && v <= 100
-		},
-		width: {
-			type: Number,
-			default: 20
-		},
-		showLabel: {
-			type: Boolean,
-			default: true
-		},
-		labelPosition: {
-			type: String,
-			default: "right"
-		},
-		filledChar: {
-			type: String,
-			default: "█"
-		},
-		emptyChar: {
-			type: String,
-			default: "░"
-		},
-		leftBorder: {
-			type: String,
-			default: ""
-		},
-		rightBorder: {
-			type: String,
-			default: ""
-		},
-		filledFg: {
-			type: String,
-			default: "green"
-		},
-		emptyFg: {
-			type: String,
-			default: "gray"
-		}
-	},
-	setup(props) {
-		const normalizedValue = computed(() => Math.max(0, Math.min(100, props.value)));
-		const filledWidth = computed(() => Math.round(normalizedValue.value / 100 * props.width));
-		const emptyWidth = computed(() => props.width - filledWidth.value);
-		const label = computed(() => `${Math.round(normalizedValue.value)}%`);
-		return () => {
-			const filled = props.filledChar.repeat(filledWidth.value);
-			const empty = props.emptyChar.repeat(emptyWidth.value);
-			const barContent = [
-				props.leftBorder && h(Text, {}, () => props.leftBorder),
-				h(Text, { fg: props.filledFg }, () => filled),
-				h(Text, { fg: props.emptyFg }, () => empty),
-				props.rightBorder && h(Text, {}, () => props.rightBorder)
-			].filter(Boolean);
-			if (!props.showLabel) return h(Box, { flexDirection: "row" }, () => barContent);
-			const labelElement = h(Text, { dim: true }, () => label.value);
-			switch (props.labelPosition) {
-				case "left": return h(Box, {
-					flexDirection: "row",
-					gap: 1
-				}, () => [labelElement, ...barContent]);
-				case "inside": return h(Box, {
-					flexDirection: "row",
-					gap: 1
-				}, () => [...barContent, labelElement]);
-				default: return h(Box, {
-					flexDirection: "row",
-					gap: 1
-				}, () => [...barContent, labelElement]);
-			}
-		};
-	}
-});
-defineComponent({
-	name: "IndeterminateProgressBar",
-	props: {
-		width: {
-			type: Number,
-			default: 20
-		},
-		fg: {
-			type: String,
-			default: "cyan"
-		}
-	},
-	setup(props) {
-		return () => {
-			const display = "▓▒░░░░░░░░░░░░░░░░░░".slice(0, props.width);
-			return h(Text, { fg: props.fg }, () => display);
-		};
-	}
-});
-//#endregion
-//#region src/components/presentational-primitive-types.ts
-/** Visual defaults for each alert type. */
-const alertConfigs = {
-	info: {
-		icon: "ℹ",
-		fg: "cyan",
-		title: "Info"
-	},
-	success: {
-		icon: "✓",
-		fg: "green",
-		title: "Success"
-	},
-	warning: {
-		icon: "⚠",
-		fg: "yellow",
-		title: "Warning"
-	},
-	error: {
-		icon: "✗",
-		fg: "red",
-		title: "Error"
-	}
-};
-/** Foreground colors for avatar statuses. */
-const avatarStatusColors = {
-	online: "green",
-	offline: "gray",
-	away: "yellow",
-	busy: "red"
-};
-/** Glyphs for avatar statuses. */
-const avatarStatusIcons = {
-	online: "●",
-	offline: "○",
-	away: "◐",
-	busy: "⊘"
-};
-//#endregion
-//#region src/components/FrescoAlert.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$5 = ["border", "fg"];
-const _hoisted_2$5 = ["fg"];
-const _hoisted_3$5 = ["fg"];
-//#endregion
-//#region src/components/FrescoAlert.vue
-var FrescoAlert_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoAlert",
-	__name: "FrescoAlert",
-	props: {
-		message: {
-			type: String,
-			required: true
-		},
-		type: {
-			type: String,
-			required: false,
-			default: "info"
-		},
-		title: {
-			type: String,
-			required: false
-		},
-		showIcon: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		border: {
-			type: String,
-			required: false,
-			default: "rounded"
-		}
-	},
-	setup(__props) {
-		const config = computed(() => alertConfigs[__props.type]);
-		const heading = computed(() => __props.title ?? config.value.title);
-		const iconLabel = computed(() => `${config.value.icon} `);
-		const containerStyle = {
-			flexDirection: "column",
-			padding: 1
-		};
-		const headerStyle = { flexDirection: "row" };
-		const messageStyle = { marginTop: 1 };
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				border: __props.border === "none" ? void 0 : __props.border,
-				fg: config.value.fg,
-				style: containerStyle
-			}, [createElementVNode("div", { style: headerStyle }, [__props.showIcon ? (openBlock(), createElementBlock("text", {
-				key: 0,
-				fg: config.value.fg
-			}, toDisplayString(iconLabel.value), 9, _hoisted_2$5)) : createCommentVNode("v-if", true), createElementVNode("text", {
-				fg: config.value.fg,
-				bold: true
-			}, toDisplayString(heading.value), 9, _hoisted_3$5)]), createElementVNode("text", { style: messageStyle }, toDisplayString(__props.message), 1)], 8, _hoisted_1$5);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoBadge.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$4 = ["fg", "bg"];
-const _hoisted_2$4 = ["fg", "bg"];
-const _hoisted_3$4 = ["fg", "bg"];
-//#endregion
-//#region src/components/FrescoBadge.vue
-var FrescoBadge_default = /* @__PURE__ */ defineComponent({
-	name: "Badge",
-	__name: "FrescoBadge",
-	props: {
-		label: {
-			type: String,
-			required: true
-		},
-		variant: {
-			type: String,
-			required: false,
-			default: "default"
-		},
-		fg: {
-			type: String,
-			required: false
-		},
-		bg: {
-			type: String,
-			required: false
-		},
-		border: {
-			type: Boolean,
-			required: false,
-			default: false
-		}
-	},
-	setup(__props) {
-		const colors = computed(() => badgeVariantColors[__props.variant]);
-		const foreground = computed(() => __props.fg ?? colors.value.fg);
-		const background = computed(() => __props.bg ?? colors.value.bg);
-		const borderStyle = {
-			paddingLeft: 1,
-			paddingRight: 1
-		};
-		return (_ctx, _cache) => {
-			return __props.border ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				border: "single",
-				fg: foreground.value,
-				bg: background.value,
-				style: borderStyle
-			}, [createElementVNode("text", {
-				fg: foreground.value,
-				bg: background.value
-			}, toDisplayString(__props.label), 9, _hoisted_2$4)], 8, _hoisted_1$4)) : (openBlock(), createElementBlock("text", {
-				key: 1,
-				fg: foreground.value,
-				bg: background.value,
-				bold: true
-			}, "[" + toDisplayString(__props.label) + "]", 9, _hoisted_3$4));
-		};
-	}
-});
-//#endregion
-//#region src/components/Timer.ts
-/**
-* Timer Component - Countdown/stopwatch timer
-*/
-const Timer = defineComponent({
-	name: "Timer",
-	props: {
-		mode: {
-			type: String,
-			default: "stopwatch"
-		},
-		initialSeconds: {
-			type: Number,
-			default: 0
-		},
-		autoStart: {
-			type: Boolean,
-			default: true
-		},
-		showHours: {
-			type: Boolean,
-			default: false
-		},
-		showMilliseconds: {
-			type: Boolean,
-			default: false
-		},
-		fg: {
-			type: String,
-			default: "white"
-		},
-		warningFg: {
-			type: String,
-			default: "yellow"
-		},
-		dangerFg: {
-			type: String,
-			default: "red"
-		}
-	},
-	emits: ["tick", "complete"],
-	setup(props, { emit, expose }) {
-		const elapsed = ref(0);
-		const isRunning = ref(false);
-		let intervalId = null;
-		const totalMs = computed(() => {
-			if (props.mode === "countdown") return Math.max(0, props.initialSeconds * 1e3 - elapsed.value);
-			return elapsed.value;
-		});
-		const formatted = computed(() => {
-			const ms = totalMs.value;
-			const totalSeconds = Math.floor(ms / 1e3);
-			const hours = Math.floor(totalSeconds / 3600);
-			const minutes = Math.floor(totalSeconds % 3600 / 60);
-			const seconds = totalSeconds % 60;
-			const milliseconds = Math.floor(ms % 1e3 / 10);
-			let result = "";
-			if (props.showHours || hours > 0) result += `${String(hours).padStart(2, "0")}:`;
-			result += `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
-			if (props.showMilliseconds) result += `.${String(milliseconds).padStart(2, "0")}`;
-			return result;
-		});
-		const color = computed(() => {
-			if (props.mode === "countdown") {
-				const seconds = totalMs.value / 1e3;
-				if (seconds <= 5) return props.dangerFg;
-				if (seconds <= 10) return props.warningFg;
-			}
-			return props.fg;
-		});
-		const start = () => {
-			if (isRunning.value) return;
-			isRunning.value = true;
-			intervalId = setInterval(() => {
-				elapsed.value += 100;
-				emit("tick", totalMs.value);
-				if (props.mode === "countdown" && totalMs.value <= 0) {
-					stop();
-					emit("complete");
-				}
-			}, 100);
-		};
-		const stop = () => {
-			isRunning.value = false;
-			if (intervalId) {
-				clearInterval(intervalId);
-				intervalId = null;
-			}
-		};
-		const reset = () => {
-			elapsed.value = 0;
-		};
-		const toggle = () => {
-			if (isRunning.value) stop();
-			else start();
-		};
-		expose({
-			start,
-			stop,
-			reset,
-			toggle,
-			isRunning
-		});
-		onMounted(() => {
-			if (props.autoStart) start();
-		});
-		onUnmounted(() => {
-			stop();
-		});
-		return () => {
-			return h("text", {
-				fg: color.value,
-				bold: true
-			}, formatted.value);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoTooltip.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$3 = { key: 0 };
-const _hoisted_2$3 = [
-	"border",
-	"bg",
-	"fg"
-];
-const _hoisted_3$3 = ["fg", "bg"];
-const _hoisted_4$1 = { key: 1 };
-const _hoisted_5$1 = { key: 1 };
-//#endregion
-//#region src/components/FrescoTooltip.vue
-var FrescoTooltip_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoTooltip",
-	__name: "FrescoTooltip",
-	props: {
-		text: {
-			type: String,
-			required: true
-		},
-		visible: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		position: {
-			type: String,
-			required: false,
-			default: "top"
-		},
-		border: {
-			type: String,
-			required: false,
-			default: "rounded"
-		},
-		bg: {
-			type: String,
-			required: false,
-			default: "white"
-		},
-		fg: {
-			type: String,
-			required: false,
-			default: "black"
-		}
-	},
-	setup(__props) {
-		const containerStyle = computed(() => ({ flexDirection: __props.position === "left" || __props.position === "right" ? "row" : "column" }));
-		const tooltipStyle = {
-			paddingLeft: 1,
-			paddingRight: 1
-		};
-		const contentComesFirst = computed(() => __props.position === "bottom" || __props.position === "right");
-		return (_ctx, _cache) => {
-			return __props.visible ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				style: normalizeStyle(containerStyle.value)
-			}, [
-				contentComesFirst.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true),
-				createElementVNode("div", {
-					border: __props.border === "none" ? void 0 : __props.border,
-					bg: __props.bg,
-					fg: __props.fg,
-					style: tooltipStyle
-				}, [createElementVNode("text", {
-					fg: __props.fg,
-					bg: __props.bg
-				}, toDisplayString(__props.text), 9, _hoisted_3$3)], 8, _hoisted_2$3),
-				!contentComesFirst.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true)
-			], 4)) : (openBlock(), createElementBlock("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "default")]));
-		};
-	}
-});
-//#endregion
-//#region src/components/List.ts
-/**
-* List Component - Scrollable list of items
-*/
-const List = defineComponent({
-	name: "List",
-	props: {
-		items: {
-			type: Array,
-			required: true
-		},
-		modelValue: String,
-		maxHeight: Number,
-		focused: {
-			type: Boolean,
-			default: false
-		},
-		indicator: {
-			type: String,
-			default: "> "
-		},
-		indicatorEmpty: {
-			type: String,
-			default: "  "
-		},
-		fg: String,
-		selectedFg: {
-			type: String,
-			default: "cyan"
-		},
-		selectedBg: String
-	},
-	emits: ["update:modelValue", "select"],
-	setup(props, { emit: _emit }) {
-		const scrollOffset = ref(0);
-		const highlightedIndex = ref(0);
-		const visibleItems = computed(() => {
-			if (!props.maxHeight) return props.items;
-			const start = scrollOffset.value;
-			const end = start + props.maxHeight;
-			return props.items.slice(start, end);
-		});
-		const scrollIndicator = computed(() => {
-			if (!props.maxHeight || props.items.length <= props.maxHeight) return {
-				showUp: false,
-				showDown: false
-			};
-			return {
-				showUp: scrollOffset.value > 0,
-				showDown: scrollOffset.value + props.maxHeight < props.items.length
-			};
-		});
-		return () => {
-			const children = [];
-			if (scrollIndicator.value.showUp) children.push(h("text", {
-				key: "scroll-up",
-				dim: true
-			}, "  ..."));
-			visibleItems.value.forEach((item, visibleIndex) => {
-				const isHighlighted = scrollOffset.value + visibleIndex === highlightedIndex.value;
-				const isSelected = item.key === props.modelValue;
-				const indicator = isHighlighted ? props.indicator : props.indicatorEmpty;
-				children.push(h("text", {
-					key: item.key,
-					fg: isHighlighted ? props.selectedFg : props.fg,
-					bg: isHighlighted ? props.selectedBg : void 0,
-					dim: item.disabled,
-					bold: isSelected
-				}, `${indicator}${item.label}`));
-			});
-			if (scrollIndicator.value.showDown) children.push(h("text", {
-				key: "scroll-down",
-				dim: true
-			}, "  ..."));
-			return h("box", {
-				style: { flex_direction: "column" },
-				fg: props.fg
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Table.ts
-/**
-* Table Component - Display tabular data
-*/
-const Table = defineComponent({
-	name: "Table",
-	props: {
-		columns: {
-			type: Array,
-			required: true
-		},
-		data: {
-			type: Array,
-			required: true
-		},
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		border: {
-			type: String,
-			default: "single"
-		},
-		headerFg: {
-			type: String,
-			default: "white"
-		},
-		headerBg: String,
-		rowFg: String,
-		stripedBg: String,
-		cellPadding: {
-			type: Number,
-			default: 1
-		}
-	},
-	setup(props) {
-		const formatCell = (value, width) => {
-			const str = typeof value === "string" || typeof value === "number" || typeof value === "boolean" ? String(value) : value == null ? "" : JSON.stringify(value);
-			if (typeof width === "number" && str.length < width) return str.padEnd(width);
-			return str;
-		};
-		return () => {
-			const rows = [];
-			if (props.showHeader) {
-				const headerCells = props.columns.map((col) => h("text", {
-					key: col.key,
-					bold: true,
-					fg: props.headerFg,
-					bg: props.headerBg
-				}, formatCell(col.header, col.width)));
-				rows.push(h("box", {
-					key: "header",
-					style: {
-						flex_direction: "row",
-						gap: props.cellPadding
-					}
-				}, headerCells));
-				if (props.border !== "none") {
-					const sepChar = props.border === "double" ? "=" : "-";
-					const totalWidth = props.columns.reduce((acc, col) => {
-						return acc + (typeof col.width === "number" ? col.width : 10) + (props.cellPadding ?? 1);
-					}, 0);
-					rows.push(h("text", {
-						key: "separator",
-						dim: true
-					}, sepChar.repeat(totalWidth)));
-				}
-			}
-			props.data.forEach((row, rowIndex) => {
-				const cells = props.columns.map((col) => h("text", {
-					key: col.key,
-					fg: props.rowFg,
-					bg: rowIndex % 2 === 1 ? props.stripedBg : void 0
-				}, formatCell(row[col.key], col.width)));
-				rows.push(h("box", {
-					key: `row-${rowIndex}`,
-					style: {
-						flex_direction: "row",
-						gap: props.cellPadding
-					}
-				}, cells));
-			});
-			return h("box", {
-				style: { flex_direction: "column" },
-				border: props.border
-			}, rows);
-		};
-	}
-});
-//#endregion
-//#region src/components/Tree.ts
-/**
-* Tree Component - Tree view for hierarchical data
-*/
-const Tree = defineComponent({
-	name: "Tree",
-	props: {
-		data: {
-			type: Array,
-			required: true
-		},
-		expanded: {
-			type: Array,
-			default: () => []
-		},
-		selected: String,
-		showLines: {
-			type: Boolean,
-			default: true
-		},
-		indent: {
-			type: Number,
-			default: 2
-		},
-		expandedIcon: {
-			type: String,
-			default: "▼"
-		},
-		collapsedIcon: {
-			type: String,
-			default: "▶"
-		},
-		leafIcon: {
-			type: String,
-			default: "•"
-		},
-		fg: String,
-		selectedFg: {
-			type: String,
-			default: "cyan"
-		}
-	},
-	emits: ["select", "toggle"],
-	setup(props, { emit: _emit }) {
-		const renderNode = (node, depth, isLast, prefix) => {
-			const nodes = [];
-			const hasChildren = node.children && node.children.length > 0;
-			const isExpanded = props.expanded?.includes(node.key);
-			const isSelected = node.key === props.selected;
-			let linePrefix = prefix;
-			if (props.showLines && depth > 0) linePrefix += isLast ? "└─" : "├─";
-			let icon = props.leafIcon;
-			if (hasChildren) icon = isExpanded ? props.expandedIcon : props.collapsedIcon;
-			if (node.icon) icon = node.icon;
-			nodes.push(h("text", {
-				key: node.key,
-				fg: isSelected ? props.selectedFg : props.fg,
-				bold: isSelected,
-				dim: node.disabled
-			}, `${linePrefix}${icon} ${node.label}`));
-			if (hasChildren && isExpanded) {
-				const childPrefix = prefix + (props.showLines && depth > 0 ? isLast ? "  " : "│ " : "");
-				node.children.forEach((child, index) => {
-					const childIsLast = index === node.children.length - 1;
-					nodes.push(...renderNode(child, depth + 1, childIsLast, childPrefix + " ".repeat(props.indent)));
-				});
-			}
-			return nodes;
-		};
-		return () => {
-			const children = [];
-			props.data.forEach((node, index) => {
-				const isLast = index === props.data.length - 1;
-				children.push(...renderNode(node, 0, isLast, ""));
-			});
-			return h("box", { style: { flex_direction: "column" } }, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Menu.ts
-/**
-* Menu Component - Command menu/palette
-*/
-const Menu = defineComponent({
-	name: "Menu",
-	props: {
-		items: {
-			type: Array,
-			required: true
-		},
-		focusedIndex: {
-			type: Number,
-			default: 0
-		},
-		border: {
-			type: String,
-			default: "single"
-		},
-		width: Number,
-		fg: String,
-		focusedFg: {
-			type: String,
-			default: "black"
-		},
-		focusedBg: {
-			type: String,
-			default: "cyan"
-		},
-		shortcutFg: {
-			type: String,
-			default: "gray"
-		}
-	},
-	emits: ["select"],
-	setup(props, { emit: _emit }) {
-		return () => {
-			const children = [];
-			props.items.forEach((item, index) => {
-				if (item.separator) {
-					children.push(h("text", {
-						key: `sep-${index}`,
-						dim: true
-					}, "─".repeat(props.width ?? 20)));
-					return;
-				}
-				const isFocused = index === props.focusedIndex;
-				const itemContent = [];
-				if (item.icon) itemContent.push(h("text", { key: "icon" }, `${item.icon} `));
-				itemContent.push(h("text", {
-					key: "label",
-					fg: isFocused ? props.focusedFg : props.fg,
-					bg: isFocused ? props.focusedBg : void 0,
-					dim: item.disabled,
-					style: { flex_grow: 1 }
-				}, item.label));
-				if (item.shortcut) itemContent.push(h("text", {
-					key: "shortcut",
-					fg: props.shortcutFg,
-					dim: true
-				}, `  ${item.shortcut}`));
-				children.push(h("box", {
-					key: item.key,
-					style: {
-						flex_direction: "row",
-						padding_left: 1,
-						padding_right: 1
-					},
-					bg: isFocused ? props.focusedBg : void 0
-				}, itemContent));
-			});
-			return h("box", {
-				border: props.border === "none" ? void 0 : props.border,
-				style: {
-					flex_direction: "column",
-					width: props.width ? String(props.width) : void 0
-				}
-			}, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Tabs.ts
-/**
-* Tabs Component - Tab navigation
-*/
-const Tabs = defineComponent({
-	name: "Tabs",
-	props: {
-		tabs: {
-			type: Array,
-			required: true
-		},
-		modelValue: String,
-		position: {
-			type: String,
-			default: "top"
-		},
-		separator: {
-			type: String,
-			default: " | "
-		},
-		activeFg: {
-			type: String,
-			default: "cyan"
-		},
-		activeBg: String,
-		inactiveFg: String,
-		underline: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(props, { slots, emit: _emit }) {
-		return () => {
-			const tabItems = [];
-			props.tabs.forEach((tab, index) => {
-				if (index > 0) tabItems.push(h("text", {
-					key: `sep-${index}`,
-					dim: true
-				}, props.separator));
-				const isActive = tab.key === props.modelValue;
-				tabItems.push(h("text", {
-					key: tab.key,
-					fg: isActive ? props.activeFg : props.inactiveFg,
-					bg: isActive ? props.activeBg : void 0,
-					bold: isActive,
-					underline: isActive && props.underline,
-					dim: tab.disabled
-				}, tab.label));
-			});
-			const tabBar = h("box", {
-				key: "tab-bar",
-				style: {
-					flex_direction: "row",
-					padding_bottom: props.position === "top" ? 1 : 0,
-					padding_top: props.position === "bottom" ? 1 : 0
-				}
-			}, tabItems);
-			const content = h("box", {
-				key: "content",
-				style: { flex_grow: 1 }
-			}, slots.default?.());
-			return h("box", { style: {
-				flex_direction: "column",
-				flex_grow: 1
-			} }, props.position === "top" ? [tabBar, content] : [content, tabBar]);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$2 = ["fg"];
-const _hoisted_2$2 = [
-	"fg",
-	"bold",
-	"underline"
-];
-const _hoisted_3$2 = ["fg"];
-//#endregion
-//#region src/components/FrescoBreadcrumb.vue
-var FrescoBreadcrumb_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoBreadcrumb",
-	__name: "FrescoBreadcrumb",
-	props: {
-		items: {
-			type: Array,
-			required: true
-		},
-		separator: {
-			type: String,
-			required: false,
-			default: " > "
-		},
-		fg: {
-			type: String,
-			required: false,
-			default: "gray"
-		},
-		activeFg: {
-			type: String,
-			required: false,
-			default: "white"
-		},
-		separatorFg: {
-			type: String,
-			required: false,
-			default: "gray"
-		}
-	},
-	emits: ["select"],
-	setup(__props) {
-		const rowStyle = { flexDirection: "row" };
-		const iconLabel = (item) => item.icon ? `${item.icon} ` : "";
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { style: rowStyle }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: item.key }, [
-					item.icon ? (openBlock(), createElementBlock("text", {
-						key: 0,
-						fg: index === __props.items.length - 1 ? __props.activeFg : __props.fg
-					}, toDisplayString(iconLabel(item)), 9, _hoisted_1$2)) : createCommentVNode("v-if", true),
-					createElementVNode("text", {
-						fg: index === __props.items.length - 1 ? __props.activeFg : __props.fg,
-						bold: index === __props.items.length - 1,
-						underline: index !== __props.items.length - 1
-					}, toDisplayString(item.label), 9, _hoisted_2$2),
-					index !== __props.items.length - 1 ? (openBlock(), createElementBlock("text", {
-						key: 1,
-						fg: __props.separatorFg
-					}, toDisplayString(__props.separator), 9, _hoisted_3$2)) : createCommentVNode("v-if", true)
-				], 64);
-			}), 128))]);
-		};
-	}
-});
-//#endregion
-//#region src/components/Stepper.ts
-/**
-* Stepper Component - Step indicator for wizards
-*/
-const Stepper = defineComponent({
-	name: "Stepper",
-	props: {
-		steps: {
-			type: Array,
-			required: true
-		},
-		current: {
-			type: Number,
-			default: 0
-		},
-		completed: {
-			type: Array,
-			default: () => []
-		},
-		errors: {
-			type: Array,
-			default: () => []
-		},
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		showNumbers: {
-			type: Boolean,
-			default: true
-		},
-		completedIcon: {
-			type: String,
-			default: "✓"
-		},
-		errorIcon: {
-			type: String,
-			default: "✗"
-		},
-		currentIcon: {
-			type: String,
-			default: "●"
-		},
-		pendingIcon: {
-			type: String,
-			default: "○"
-		}
-	},
-	setup(props) {
-		const getStatus = (index) => {
-			if (props.errors?.includes(index)) return "error";
-			if (props.completed?.includes(index)) return "completed";
-			if (index === props.current) return "current";
-			return "pending";
-		};
-		const getIcon = (index, status) => {
-			if (props.showNumbers && status === "pending") return String(index + 1);
-			switch (status) {
-				case "completed": return props.completedIcon;
-				case "error": return props.errorIcon;
-				case "current": return props.currentIcon;
-				default: return props.pendingIcon;
-			}
-		};
-		const getColor = (status) => {
-			switch (status) {
-				case "completed": return "green";
-				case "error": return "red";
-				case "current": return "cyan";
-				default: return "gray";
-			}
-		};
-		return () => {
-			const isHorizontal = props.direction === "horizontal";
-			const connector = isHorizontal ? "───" : "│";
-			const children = props.steps.flatMap((step, index) => {
-				const status = getStatus(index);
-				const icon = getIcon(index, status);
-				const color = getColor(status);
-				const isLast = index === props.steps.length - 1;
-				const stepContent = [h("box", {
-					key: `step-${step.key}`,
-					style: {
-						flex_direction: isHorizontal ? "column" : "row",
-						align_items: "center"
-					}
-				}, [h("text", {
-					fg: color,
-					bold: status === "current"
-				}, `[${icon}]`), h("text", {
-					fg: status === "current" ? "white" : "gray",
-					bold: status === "current",
-					style: isHorizontal ? { margin_top: .5 } : { margin_left: 1 }
-				}, step.label)])];
-				if (!isLast) stepContent.push(h("text", {
-					key: `connector-${index}`,
-					dim: true,
-					style: isHorizontal ? {
-						margin_left: 1,
-						margin_right: 1
-					} : {
-						margin_top: .5,
-						margin_bottom: .5,
-						margin_left: 1
-					}
-				}, connector));
-				return stepContent;
-			});
-			return h("box", { style: {
-				flex_direction: isHorizontal ? "row" : "column",
-				align_items: isHorizontal ? "flex-start" : "stretch"
-			} }, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/Modal.ts
-/**
-* Modal Component - Overlay dialog
-*/
-const Modal = defineComponent({
-	name: "Modal",
-	props: {
-		visible: {
-			type: Boolean,
-			default: true
-		},
-		title: String,
-		width: {
-			type: [Number, String],
-			default: "50%"
-		},
-		height: {
-			type: [Number, String],
-			default: "auto"
-		},
-		border: {
-			type: String,
-			default: "rounded"
-		},
-		titleFg: {
-			type: String,
-			default: "white"
-		},
-		borderFg: String,
-		bg: String
-	},
-	emits: ["close"],
-	setup(props, { slots, emit: _emit }) {
-		return () => {
-			if (!props.visible) return null;
-			const children = [];
-			if (props.title) children.push(h("box", {
-				key: "title",
-				style: {
-					flex_direction: "row",
-					justify_content: "center",
-					padding_bottom: 1
-				}
-			}, [h("text", {
-				bold: true,
-				fg: props.titleFg
-			}, props.title)]));
-			children.push(h("box", {
-				key: "content",
-				style: { flex_grow: 1 }
-			}, slots.default?.()));
-			return h("box", { style: {
-				justify_content: "center",
-				align_items: "center",
-				width: "100%",
-				height: "100%"
-			} }, [h("box", {
-				style: {
-					flex_direction: "column",
-					width: String(props.width),
-					height: String(props.height),
-					padding: 1
-				},
-				border: props.border,
-				fg: props.borderFg,
-				bg: props.bg
-			}, children)]);
-		};
-	}
-});
-//#endregion
-//#region src/components/StatusBar.ts
-/**
-* StatusBar Component - Status bar (typically at bottom of screen)
-*/
-const StatusBar = defineComponent({
-	name: "StatusBar",
-	props: {
-		items: {
-			type: Array,
-			required: true
-		},
-		bg: {
-			type: String,
-			default: "blue"
-		},
-		fg: {
-			type: String,
-			default: "white"
-		},
-		separator: {
-			type: String,
-			default: " │ "
-		}
-	},
-	setup(props) {
-		return () => {
-			const leftItems = props.items.filter((item) => item.align !== "right");
-			const rightItems = props.items.filter((item) => item.align === "right");
-			const renderItems = (items) => {
-				const result = [];
-				items.forEach((item, index) => {
-					if (index > 0) result.push(h("text", {
-						key: `sep-${item.key}`,
-						fg: props.fg,
-						bg: props.bg,
-						dim: true
-					}, props.separator));
-					result.push(h("text", {
-						key: item.key,
-						fg: item.fg ?? props.fg,
-						bg: item.bg ?? props.bg,
-						bold: item.bold
-					}, item.content));
-				});
-				return result;
-			};
-			return h("box", {
-				bg: props.bg,
-				style: {
-					flex_direction: "row",
-					justify_content: "space-between",
-					width: "100%",
-					padding_left: 1,
-					padding_right: 1
-				}
-			}, [h("box", {
-				key: "left",
-				style: { flex_direction: "row" }
-			}, renderItems(leftItems)), h("box", {
-				key: "right",
-				style: { flex_direction: "row" }
-			}, renderItems(rightItems))]);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoHeader.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = ["bg"];
-const _hoisted_2$1 = { key: 0 };
-const _hoisted_3$1 = ["fg"];
-const _hoisted_4 = ["fg"];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = {
-	key: 0,
-	dim: true
-};
-//#endregion
-//#region src/components/FrescoHeader.vue
-var FrescoHeader_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoHeader",
-	__name: "FrescoHeader",
-	props: {
-		title: {
-			type: String,
-			required: true
-		},
-		subtitle: {
-			type: String,
-			required: false
-		},
-		left: {
-			type: String,
-			required: false
-		},
-		right: {
-			type: String,
-			required: false
-		},
-		bg: {
-			type: String,
-			required: false
-		},
-		titleFg: {
-			type: String,
-			required: false,
-			default: "white"
-		},
-		subtitleFg: {
-			type: String,
-			required: false,
-			default: "gray"
-		},
-		borderBottom: {
-			type: Boolean,
-			required: false,
-			default: false
-		}
-	},
-	setup(__props) {
-		const rootStyle = { flexDirection: "column" };
-		const contentStyle = {
-			flexDirection: "row",
-			justifyContent: "space-between",
-			alignItems: "center",
-			width: "100%",
-			padding: 1
-		};
-		const rowStyle = { flexDirection: "row" };
-		const borderLabel = "─".repeat(80);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { style: rootStyle }, [createElementVNode("div", {
-				bg: __props.bg,
-				style: contentStyle
-			}, [
-				createElementVNode("div", { style: rowStyle }, [renderSlot(_ctx.$slots, "left", {}, () => [__props.left ? (openBlock(), createElementBlock("text", _hoisted_2$1, toDisplayString(__props.left), 1)) : createCommentVNode("v-if", true)])]),
-				createElementVNode("div", { style: rowStyle }, [createElementVNode("text", {
-					fg: __props.titleFg,
-					bold: true
-				}, toDisplayString(__props.title), 9, _hoisted_3$1), __props.subtitle ? (openBlock(), createElementBlock("text", {
-					key: 0,
-					fg: __props.subtitleFg,
-					dim: true
-				}, " - " + toDisplayString(__props.subtitle), 9, _hoisted_4)) : createCommentVNode("v-if", true)]),
-				createElementVNode("div", { style: rowStyle }, [renderSlot(_ctx.$slots, "right", {}, () => [__props.right ? (openBlock(), createElementBlock("text", _hoisted_5, toDisplayString(__props.right), 1)) : createCommentVNode("v-if", true)])])
-			], 8, _hoisted_1$1), __props.borderBottom ? (openBlock(), createElementBlock("text", _hoisted_6, toDisplayString(unref(borderLabel)), 1)) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-//#endregion
-//#region src/components/KeyHint.ts
-/**
-* KeyHint Component - Display keyboard shortcut hints
-*/
-const KeyHint = defineComponent({
-	name: "KeyHint",
-	props: {
-		bindings: {
-			type: Array,
-			required: true
-		},
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		keyFg: {
-			type: String,
-			default: "black"
-		},
-		keyBg: {
-			type: String,
-			default: "white"
-		},
-		descFg: {
-			type: String,
-			default: "gray"
-		},
-		separator: {
-			type: String,
-			default: " "
-		}
-	},
-	setup(props) {
-		return () => {
-			const children = props.bindings.map((binding, index) => {
-				const keyParts = binding.keys.map((key, keyIndex) => [h("text", {
-					key: `key-${keyIndex}`,
-					fg: props.keyFg,
-					bg: props.keyBg,
-					bold: true
-				}, ` ${key} `), keyIndex < binding.keys.length - 1 ? h("text", { key: `plus-${keyIndex}` }, "+") : null]).flat().filter(Boolean);
-				return h("box", {
-					key: `binding-${index}`,
-					style: {
-						flex_direction: "row",
-						margin_right: props.direction === "horizontal" ? 2 : 0
-					}
-				}, [
-					...keyParts,
-					h("text", {}, props.separator),
-					h("text", { fg: props.descFg }, binding.description)
-				]);
-			});
-			return h("box", { style: {
-				flex_direction: props.direction === "horizontal" ? "row" : "column",
-				flex_wrap: "wrap"
-			} }, children);
-		};
-	}
-});
-//#endregion
-//#region src/components/FrescoAvatar.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["border", "bg"];
-const _hoisted_2 = ["fg", "bg"];
-const _hoisted_3 = ["fg"];
-//#endregion
-//#region src/components/FrescoAvatar.vue
-var FrescoAvatar_default = /* @__PURE__ */ defineComponent({
-	name: "FrescoAvatar",
-	__name: "FrescoAvatar",
-	props: {
-		name: {
-			type: String,
-			required: false
-		},
-		initials: {
-			type: String,
-			required: false
-		},
-		size: {
-			type: String,
-			required: false,
-			default: "md"
-		},
-		bg: {
-			type: String,
-			required: false,
-			default: "blue"
-		},
-		fg: {
-			type: String,
-			required: false,
-			default: "white"
-		},
-		border: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		status: {
-			type: String,
-			required: false
-		}
-	},
-	setup(__props) {
-		const takeCodePoints = (value, count) => Array.from(value).slice(0, count).join("");
-		const displayInitials = computed(() => {
-			if (__props.initials) return __props.initials;
-			const parts = __props.name?.split(" ").filter(Boolean) ?? [];
-			if (parts.length >= 2) return `${takeCodePoints(parts[0], 1)}${takeCodePoints(parts[1], 1)}`.toUpperCase();
-			if (parts.length === 1) return takeCodePoints(parts[0], 2).toUpperCase();
-			return "??";
-		});
-		const padding = computed(() => __props.size === "lg" ? 1 : 0);
-		const containerStyle = computed(() => ({
-			flexDirection: "row",
-			paddingLeft: padding.value,
-			paddingRight: padding.value
-		}));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				border: __props.border ? "rounded" : void 0,
-				bg: __props.bg,
-				style: normalizeStyle(containerStyle.value)
-			}, [createElementVNode("text", {
-				fg: __props.fg,
-				bg: __props.bg,
-				bold: true
-			}, toDisplayString(displayInitials.value), 9, _hoisted_2), __props.status ? (openBlock(), createElementBlock("text", {
-				key: 0,
-				fg: unref(avatarStatusColors)[__props.status]
-			}, toDisplayString(unref(avatarStatusIcons)[__props.status]), 9, _hoisted_3)) : createCommentVNode("v-if", true)], 12, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { FrescoNewline_default as A, FrescoSpacer_default as B, Select as C, Code as D, FrescoLink_default as E, Grid as F, FrescoVStack_default as I, FrescoHStack_default as L, ScrollBar_default as M, Text as N, FrescoTransform_default as O, FrescoCard_default as P, FrescoStack_default as R, Checkbox as S, TextInput as T, Box as V, ProgressBar as _, Modal as a, Confirm as b, Tabs as c, Table as d, List as f, FrescoAlert_default as g, FrescoBadge_default as h, StatusBar as i, ScrollBox_default as j, FrescoStatic_default as k, Menu as l, Timer as m, KeyHint as n, Stepper as o, FrescoTooltip_default as p, FrescoHeader_default as r, FrescoBreadcrumb_default as s, FrescoAvatar_default as t, Tree as u, FrescoSpinner_default as v, TextArea as w, RadioGroup as x, Form as y, FrescoDivider_default as z };
-
-//# sourceMappingURL=components-C57eT1BL.mjs.map