@hedystia/view 2.1.0

package/dist/style/computed.cjs

@@ -0,0 +1,65 @@
+const require_index = require("../utils/index.cjs");
+const require_signal = require("../signal/signal.cjs");
+//#region src/style/computed.ts
+/**
+* Computed style engine for @hedystia/view
+*
+* Provides reactive style computation and merging.
+*/
+/**
+* Create a reusable computed style
+*/
+function style(base) {
+	if (typeof base === "function") return require_signal.memo(() => {
+		return normalizeStyle(base());
+	});
+	const normalized = normalizeStyle(base);
+	return () => normalized;
+}
+/**
+* Merge multiple style objects
+*/
+function merge(...styles) {
+	let result = {};
+	for (let i = 0; i < styles.length; i++) {
+		const style = styles[i];
+		if (style !== void 0 && style !== null) result = require_index.mergeStyles(result, style);
+	}
+	return result;
+}
+/** @internal */
+function normalizeStyle(style) {
+	const result = {};
+	for (const key in style) {
+		if (!Object.hasOwn(style, key)) continue;
+		const value = style[key];
+		if (typeof value === "function") result[key] = value();
+		else if (value !== void 0 && value !== null) result[key] = value;
+	}
+	return result;
+}
+/**
+* Convert a style object to a CSS string
+*/
+function toCssString(style) {
+	let result = "";
+	for (const key in style) {
+		if (!Object.hasOwn(style, key)) continue;
+		const value = style[key];
+		if (value !== void 0 && value !== null) {
+			const cssKey = camelToKebab(key);
+			result += `${cssKey}: ${value}; `;
+		}
+	}
+	return result.trim();
+}
+/** @internal */
+function camelToKebab(str) {
+	return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+//#endregion
+exports.merge = merge;
+exports.style = style;
+exports.toCssString = toCssString;
+
+//# sourceMappingURL=computed.cjs.map

package/dist/style/computed.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed.cjs","names":["memo","mergeStyles"],"sources":["../../src/style/computed.ts"],"sourcesContent":["/**\n * Computed style engine for @hedystia/view\n *\n * Provides reactive style computation and merging.\n */\n\nimport { memo } from \"../signal\";\nimport type { Accessor, StyleProps } from \"../types\";\nimport { mergeStyles } from \"../utils\";\n\n/**\n * Create a reusable computed style\n */\nexport function style<T extends StyleProps>(base: T | Accessor<T>): Accessor<T> {\n  if (typeof base === \"function\") {\n    return memo(() => {\n      const result = base();\n      return normalizeStyle(result) as T;\n    });\n  }\n  const normalized = normalizeStyle(base);\n  return () => normalized as T;\n}\n\n/**\n * Merge multiple style objects\n */\nexport function merge(...styles: (StyleProps | undefined | null)[]): StyleProps {\n  let result: StyleProps = {};\n  for (let i = 0; i < styles.length; i++) {\n    const style = styles[i];\n    if (style !== undefined && style !== null) {\n      result = mergeStyles(result, style);\n    }\n  }\n  return result;\n}\n\n/** @internal */\nfunction normalizeStyle(style: StyleProps): StyleProps {\n  const result: StyleProps = {};\n  for (const key in style) {\n    if (!Object.hasOwn(style, key)) {\n      continue;\n    }\n    const value = style[key];\n    if (typeof value === \"function\") {\n      result[key] = (value as () => string | number)();\n    } else if (value !== undefined && value !== null) {\n      result[key] = value as string | number;\n    }\n  }\n  return result;\n}\n\n/**\n * Convert a style object to a CSS string\n */\nexport function toCssString(style: StyleProps): string {\n  let result = \"\";\n  for (const key in style) {\n    if (!Object.hasOwn(style, key)) {\n      continue;\n    }\n    const value = style[key];\n    if (value !== undefined && value !== null) {\n      const cssKey = camelToKebab(key);\n      result += `${cssKey}: ${value}; `;\n    }\n  }\n  return result.trim();\n}\n\n/** @internal */\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,MAA4B,MAAoC;AAC9E,KAAI,OAAO,SAAS,WAClB,QAAOA,eAAAA,WAAW;AAEhB,SAAO,eADQ,MAAM,CACQ;GAC7B;CAEJ,MAAM,aAAa,eAAe,KAAK;AACvC,cAAa;;;;;AAMf,SAAgB,MAAM,GAAG,QAAuD;CAC9E,IAAI,SAAqB,EAAE;AAC3B,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,QAAQ,OAAO;AACrB,MAAI,UAAU,KAAA,KAAa,UAAU,KACnC,UAASC,cAAAA,YAAY,QAAQ,MAAM;;AAGvC,QAAO;;;AAIT,SAAS,eAAe,OAA+B;CACrD,MAAM,SAAqB,EAAE;AAC7B,MAAK,MAAM,OAAO,OAAO;AACvB,MAAI,CAAC,OAAO,OAAO,OAAO,IAAI,CAC5B;EAEF,MAAM,QAAQ,MAAM;AACpB,MAAI,OAAO,UAAU,WACnB,QAAO,OAAQ,OAAiC;WACvC,UAAU,KAAA,KAAa,UAAU,KAC1C,QAAO,OAAO;;AAGlB,QAAO;;;;;AAMT,SAAgB,YAAY,OAA2B;CACrD,IAAI,SAAS;AACb,MAAK,MAAM,OAAO,OAAO;AACvB,MAAI,CAAC,OAAO,OAAO,OAAO,IAAI,CAC5B;EAEF,MAAM,QAAQ,MAAM;AACpB,MAAI,UAAU,KAAA,KAAa,UAAU,MAAM;GACzC,MAAM,SAAS,aAAa,IAAI;AAChC,aAAU,GAAG,OAAO,IAAI,MAAM;;;AAGlC,QAAO,OAAO,MAAM;;;AAItB,SAAS,aAAa,KAAqB;AACzC,QAAO,IAAI,QAAQ,mBAAmB,QAAQ,CAAC,aAAa"}

package/dist/style/computed.d.cts

@@ -0,0 +1,18 @@
+import { Accessor, StyleProps } from "../types.cjs";
+
+//#region src/style/computed.d.ts
+/**
+ * Create a reusable computed style
+ */
+declare function style<T extends StyleProps>(base: T | Accessor<T>): Accessor<T>;
+/**
+ * Merge multiple style objects
+ */
+declare function merge(...styles: (StyleProps | undefined | null)[]): StyleProps;
+/**
+ * Convert a style object to a CSS string
+ */
+declare function toCssString(style: StyleProps): string;
+//#endregion
+export { merge, style, toCssString };
+//# sourceMappingURL=computed.d.cts.map

package/dist/style/computed.d.mts

@@ -0,0 +1,18 @@
+import { Accessor, StyleProps } from "../types.mjs";
+
+//#region src/style/computed.d.ts
+/**
+ * Create a reusable computed style
+ */
+declare function style<T extends StyleProps>(base: T | Accessor<T>): Accessor<T>;
+/**
+ * Merge multiple style objects
+ */
+declare function merge(...styles: (StyleProps | undefined | null)[]): StyleProps;
+/**
+ * Convert a style object to a CSS string
+ */
+declare function toCssString(style: StyleProps): string;
+//#endregion
+export { merge, style, toCssString };
+//# sourceMappingURL=computed.d.mts.map

package/dist/style/computed.mjs

@@ -0,0 +1,63 @@
+import { mergeStyles } from "../utils/index.mjs";
+import { memo } from "../signal/signal.mjs";
+//#region src/style/computed.ts
+/**
+* Computed style engine for @hedystia/view
+*
+* Provides reactive style computation and merging.
+*/
+/**
+* Create a reusable computed style
+*/
+function style(base) {
+	if (typeof base === "function") return memo(() => {
+		return normalizeStyle(base());
+	});
+	const normalized = normalizeStyle(base);
+	return () => normalized;
+}
+/**
+* Merge multiple style objects
+*/
+function merge(...styles) {
+	let result = {};
+	for (let i = 0; i < styles.length; i++) {
+		const style = styles[i];
+		if (style !== void 0 && style !== null) result = mergeStyles(result, style);
+	}
+	return result;
+}
+/** @internal */
+function normalizeStyle(style) {
+	const result = {};
+	for (const key in style) {
+		if (!Object.hasOwn(style, key)) continue;
+		const value = style[key];
+		if (typeof value === "function") result[key] = value();
+		else if (value !== void 0 && value !== null) result[key] = value;
+	}
+	return result;
+}
+/**
+* Convert a style object to a CSS string
+*/
+function toCssString(style) {
+	let result = "";
+	for (const key in style) {
+		if (!Object.hasOwn(style, key)) continue;
+		const value = style[key];
+		if (value !== void 0 && value !== null) {
+			const cssKey = camelToKebab(key);
+			result += `${cssKey}: ${value}; `;
+		}
+	}
+	return result.trim();
+}
+/** @internal */
+function camelToKebab(str) {
+	return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+//#endregion
+export { merge, style, toCssString };
+
+//# sourceMappingURL=computed.mjs.map

package/dist/style/computed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed.mjs","names":[],"sources":["../../src/style/computed.ts"],"sourcesContent":["/**\n * Computed style engine for @hedystia/view\n *\n * Provides reactive style computation and merging.\n */\n\nimport { memo } from \"../signal\";\nimport type { Accessor, StyleProps } from \"../types\";\nimport { mergeStyles } from \"../utils\";\n\n/**\n * Create a reusable computed style\n */\nexport function style<T extends StyleProps>(base: T | Accessor<T>): Accessor<T> {\n  if (typeof base === \"function\") {\n    return memo(() => {\n      const result = base();\n      return normalizeStyle(result) as T;\n    });\n  }\n  const normalized = normalizeStyle(base);\n  return () => normalized as T;\n}\n\n/**\n * Merge multiple style objects\n */\nexport function merge(...styles: (StyleProps | undefined | null)[]): StyleProps {\n  let result: StyleProps = {};\n  for (let i = 0; i < styles.length; i++) {\n    const style = styles[i];\n    if (style !== undefined && style !== null) {\n      result = mergeStyles(result, style);\n    }\n  }\n  return result;\n}\n\n/** @internal */\nfunction normalizeStyle(style: StyleProps): StyleProps {\n  const result: StyleProps = {};\n  for (const key in style) {\n    if (!Object.hasOwn(style, key)) {\n      continue;\n    }\n    const value = style[key];\n    if (typeof value === \"function\") {\n      result[key] = (value as () => string | number)();\n    } else if (value !== undefined && value !== null) {\n      result[key] = value as string | number;\n    }\n  }\n  return result;\n}\n\n/**\n * Convert a style object to a CSS string\n */\nexport function toCssString(style: StyleProps): string {\n  let result = \"\";\n  for (const key in style) {\n    if (!Object.hasOwn(style, key)) {\n      continue;\n    }\n    const value = style[key];\n    if (value !== undefined && value !== null) {\n      const cssKey = camelToKebab(key);\n      result += `${cssKey}: ${value}; `;\n    }\n  }\n  return result.trim();\n}\n\n/** @internal */\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,MAA4B,MAAoC;AAC9E,KAAI,OAAO,SAAS,WAClB,QAAO,WAAW;AAEhB,SAAO,eADQ,MAAM,CACQ;GAC7B;CAEJ,MAAM,aAAa,eAAe,KAAK;AACvC,cAAa;;;;;AAMf,SAAgB,MAAM,GAAG,QAAuD;CAC9E,IAAI,SAAqB,EAAE;AAC3B,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,QAAQ,OAAO;AACrB,MAAI,UAAU,KAAA,KAAa,UAAU,KACnC,UAAS,YAAY,QAAQ,MAAM;;AAGvC,QAAO;;;AAIT,SAAS,eAAe,OAA+B;CACrD,MAAM,SAAqB,EAAE;AAC7B,MAAK,MAAM,OAAO,OAAO;AACvB,MAAI,CAAC,OAAO,OAAO,OAAO,IAAI,CAC5B;EAEF,MAAM,QAAQ,MAAM;AACpB,MAAI,OAAO,UAAU,WACnB,QAAO,OAAQ,OAAiC;WACvC,UAAU,KAAA,KAAa,UAAU,KAC1C,QAAO,OAAO;;AAGlB,QAAO;;;;;AAMT,SAAgB,YAAY,OAA2B;CACrD,IAAI,SAAS;AACb,MAAK,MAAM,OAAO,OAAO;AACvB,MAAI,CAAC,OAAO,OAAO,OAAO,IAAI,CAC5B;EAEF,MAAM,QAAQ,MAAM;AACpB,MAAI,UAAU,KAAA,KAAa,UAAU,MAAM;GACzC,MAAM,SAAS,aAAa,IAAI;AAChC,aAAU,GAAG,OAAO,IAAI,MAAM;;;AAGlC,QAAO,OAAO,MAAM;;;AAItB,SAAS,aAAa,KAAqB;AACzC,QAAO,IAAI,QAAQ,mBAAmB,QAAQ,CAAC,aAAa"}

package/dist/text/text.cjs

@@ -0,0 +1,74 @@
+const require_signal = require("../signal/signal.cjs");
+//#region src/text/text.ts
+/**
+* Provides prepare/layout pipeline for reactive text measurement.
+*/
+/**
+* Prepare text for layout measurement
+*/
+function prepare(text, font) {
+	if (typeof window === "undefined") return {};
+	const ctx = document.createElement("canvas").getContext("2d");
+	if (!ctx) return {};
+	ctx.font = font;
+	const metrics = ctx.measureText(text);
+	return {
+		_text: text,
+		_font: font,
+		_width: metrics.width,
+		_height: metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,
+		[Symbol.for("prepared")]: true
+	};
+}
+/**
+* Layout prepared text at a given width
+*/
+function layout(prepared, maxWidth, lineHeight) {
+	const internal = prepared;
+	if (!internal._text) return {
+		lineCount: 0,
+		height: 0
+	};
+	const text = internal._text;
+	const font = internal._font;
+	if (typeof window === "undefined") return {
+		lineCount: 1,
+		height: lineHeight
+	};
+	const ctx = document.createElement("canvas").getContext("2d");
+	if (!ctx) return {
+		lineCount: 1,
+		height: lineHeight
+	};
+	ctx.font = font;
+	const words = text.split(" ");
+	let lines = 0;
+	let currentLineWidth = 0;
+	for (let i = 0; i < words.length; i++) {
+		const word = words[i];
+		const wordWidth = ctx.measureText(word).width;
+		if (currentLineWidth + wordWidth > maxWidth) {
+			lines++;
+			currentLineWidth = wordWidth;
+		} else currentLineWidth += wordWidth + ctx.measureText(" ").width;
+	}
+	if (currentLineWidth > 0) lines++;
+	return {
+		lineCount: Math.max(1, lines),
+		height: Math.max(1, lines) * lineHeight
+	};
+}
+/**
+* Create a reactive layout computation
+*/
+function reactiveLayout(source, getPrepared, maxWidth, lineHeight) {
+	return require_signal.memo(() => {
+		return layout(getPrepared(source()), maxWidth, lineHeight);
+	});
+}
+//#endregion
+exports.layout = layout;
+exports.prepare = prepare;
+exports.reactiveLayout = reactiveLayout;
+
+//# sourceMappingURL=text.cjs.map

package/dist/text/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","names":["memo"],"sources":["../../src/text/text.ts"],"sourcesContent":["/**\n * Provides prepare/layout pipeline for reactive text measurement.\n */\n\nimport { memo } from \"../signal\";\nimport type { Accessor } from \"../types\";\n\n/**\n * Prepared text handle\n */\nexport interface PreparedText {\n  readonly [key: symbol]: true;\n}\n\n/**\n * Layout result\n */\nexport interface LayoutResult {\n  lineCount: number;\n  height: number;\n}\n\n/**\n * Prepare text for layout measurement\n */\nexport function prepare(text: string, font: string): PreparedText {\n  if (typeof window === \"undefined\") {\n    return {} as PreparedText;\n  }\n\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) {\n    return {} as PreparedText;\n  }\n\n  ctx.font = font;\n  const metrics = ctx.measureText(text);\n  const width = metrics.width;\n  const height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;\n\n  return {\n    _text: text,\n    _font: font,\n    _width: width,\n    _height: height,\n    [Symbol.for(\"prepared\")]: true,\n  } as PreparedText;\n}\n\n/**\n * Layout prepared text at a given width\n */\nexport function layout(prepared: PreparedText, maxWidth: number, lineHeight: number): LayoutResult {\n  const internal = prepared as any;\n  if (!internal._text) {\n    return { lineCount: 0, height: 0 };\n  }\n\n  const text = internal._text as string;\n  const font = internal._font as string;\n\n  if (typeof window === \"undefined\") {\n    return { lineCount: 1, height: lineHeight };\n  }\n\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) {\n    return { lineCount: 1, height: lineHeight };\n  }\n\n  ctx.font = font;\n\n  const words = text.split(\" \");\n  let lines = 0;\n  let currentLineWidth = 0;\n\n  for (let i = 0; i < words.length; i++) {\n    const word = words[i]!;\n    const wordWidth = ctx.measureText(word).width;\n\n    if (currentLineWidth + wordWidth > maxWidth) {\n      lines++;\n      currentLineWidth = wordWidth;\n    } else {\n      currentLineWidth += wordWidth + ctx.measureText(\" \").width;\n    }\n  }\n\n  if (currentLineWidth > 0) {\n    lines++;\n  }\n\n  return {\n    lineCount: Math.max(1, lines),\n    height: Math.max(1, lines) * lineHeight,\n  };\n}\n\n/**\n * Create a reactive layout computation\n */\nexport function reactiveLayout<T extends object>(\n  source: Accessor<T>,\n  getPrepared: (item: T) => PreparedText,\n  maxWidth: number,\n  lineHeight: number,\n): Accessor<LayoutResult> {\n  const computed = memo(() => {\n    const item = source();\n    const prepared = getPrepared(item);\n    return layout(prepared, maxWidth, lineHeight);\n  });\n  return computed as unknown as Accessor<LayoutResult>;\n}\n"],"mappings":";;;;;;;;AAyBA,SAAgB,QAAQ,MAAc,MAA4B;AAChE,KAAI,OAAO,WAAW,YACpB,QAAO,EAAE;CAIX,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,KAAI,CAAC,IACH,QAAO,EAAE;AAGX,KAAI,OAAO;CACX,MAAM,UAAU,IAAI,YAAY,KAAK;AAIrC,QAAO;EACL,OAAO;EACP,OAAO;EACP,QANY,QAAQ;EAOpB,SANa,QAAQ,0BAA0B,QAAQ;GAOtD,OAAO,IAAI,WAAW,GAAG;EAC3B;;;;;AAMH,SAAgB,OAAO,UAAwB,UAAkB,YAAkC;CACjG,MAAM,WAAW;AACjB,KAAI,CAAC,SAAS,MACZ,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAG;CAGpC,MAAM,OAAO,SAAS;CACtB,MAAM,OAAO,SAAS;AAEtB,KAAI,OAAO,WAAW,YACpB,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAY;CAI7C,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,KAAI,CAAC,IACH,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAY;AAG7C,KAAI,OAAO;CAEX,MAAM,QAAQ,KAAK,MAAM,IAAI;CAC7B,IAAI,QAAQ;CACZ,IAAI,mBAAmB;AAEvB,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,OAAO,MAAM;EACnB,MAAM,YAAY,IAAI,YAAY,KAAK,CAAC;AAExC,MAAI,mBAAmB,YAAY,UAAU;AAC3C;AACA,sBAAmB;QAEnB,qBAAoB,YAAY,IAAI,YAAY,IAAI,CAAC;;AAIzD,KAAI,mBAAmB,EACrB;AAGF,QAAO;EACL,WAAW,KAAK,IAAI,GAAG,MAAM;EAC7B,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;EAC9B;;;;;AAMH,SAAgB,eACd,QACA,aACA,UACA,YACwB;AAMxB,QALiBA,eAAAA,WAAW;AAG1B,SAAO,OADU,YADJ,QAAQ,CACa,EACV,UAAU,WAAW;GAC7C"}

package/dist/text/text.d.cts

@@ -0,0 +1,31 @@
+import { Accessor } from "../types.cjs";
+
+//#region src/text/text.d.ts
+/**
+ * Prepared text handle
+ */
+interface PreparedText {
+  readonly [key: symbol]: true;
+}
+/**
+ * Layout result
+ */
+interface LayoutResult {
+  lineCount: number;
+  height: number;
+}
+/**
+ * Prepare text for layout measurement
+ */
+declare function prepare(text: string, font: string): PreparedText;
+/**
+ * Layout prepared text at a given width
+ */
+declare function layout(prepared: PreparedText, maxWidth: number, lineHeight: number): LayoutResult;
+/**
+ * Create a reactive layout computation
+ */
+declare function reactiveLayout<T extends object>(source: Accessor<T>, getPrepared: (item: T) => PreparedText, maxWidth: number, lineHeight: number): Accessor<LayoutResult>;
+//#endregion
+export { LayoutResult, PreparedText, layout, prepare, reactiveLayout };
+//# sourceMappingURL=text.d.cts.map

package/dist/text/text.d.mts

@@ -0,0 +1,31 @@
+import { Accessor } from "../types.mjs";
+
+//#region src/text/text.d.ts
+/**
+ * Prepared text handle
+ */
+interface PreparedText {
+  readonly [key: symbol]: true;
+}
+/**
+ * Layout result
+ */
+interface LayoutResult {
+  lineCount: number;
+  height: number;
+}
+/**
+ * Prepare text for layout measurement
+ */
+declare function prepare(text: string, font: string): PreparedText;
+/**
+ * Layout prepared text at a given width
+ */
+declare function layout(prepared: PreparedText, maxWidth: number, lineHeight: number): LayoutResult;
+/**
+ * Create a reactive layout computation
+ */
+declare function reactiveLayout<T extends object>(source: Accessor<T>, getPrepared: (item: T) => PreparedText, maxWidth: number, lineHeight: number): Accessor<LayoutResult>;
+//#endregion
+export { LayoutResult, PreparedText, layout, prepare, reactiveLayout };
+//# sourceMappingURL=text.d.mts.map

package/dist/text/text.mjs

@@ -0,0 +1,72 @@
+import { memo } from "../signal/signal.mjs";
+//#region src/text/text.ts
+/**
+* Provides prepare/layout pipeline for reactive text measurement.
+*/
+/**
+* Prepare text for layout measurement
+*/
+function prepare(text, font) {
+	if (typeof window === "undefined") return {};
+	const ctx = document.createElement("canvas").getContext("2d");
+	if (!ctx) return {};
+	ctx.font = font;
+	const metrics = ctx.measureText(text);
+	return {
+		_text: text,
+		_font: font,
+		_width: metrics.width,
+		_height: metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,
+		[Symbol.for("prepared")]: true
+	};
+}
+/**
+* Layout prepared text at a given width
+*/
+function layout(prepared, maxWidth, lineHeight) {
+	const internal = prepared;
+	if (!internal._text) return {
+		lineCount: 0,
+		height: 0
+	};
+	const text = internal._text;
+	const font = internal._font;
+	if (typeof window === "undefined") return {
+		lineCount: 1,
+		height: lineHeight
+	};
+	const ctx = document.createElement("canvas").getContext("2d");
+	if (!ctx) return {
+		lineCount: 1,
+		height: lineHeight
+	};
+	ctx.font = font;
+	const words = text.split(" ");
+	let lines = 0;
+	let currentLineWidth = 0;
+	for (let i = 0; i < words.length; i++) {
+		const word = words[i];
+		const wordWidth = ctx.measureText(word).width;
+		if (currentLineWidth + wordWidth > maxWidth) {
+			lines++;
+			currentLineWidth = wordWidth;
+		} else currentLineWidth += wordWidth + ctx.measureText(" ").width;
+	}
+	if (currentLineWidth > 0) lines++;
+	return {
+		lineCount: Math.max(1, lines),
+		height: Math.max(1, lines) * lineHeight
+	};
+}
+/**
+* Create a reactive layout computation
+*/
+function reactiveLayout(source, getPrepared, maxWidth, lineHeight) {
+	return memo(() => {
+		return layout(getPrepared(source()), maxWidth, lineHeight);
+	});
+}
+//#endregion
+export { layout, prepare, reactiveLayout };
+
+//# sourceMappingURL=text.mjs.map

package/dist/text/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":[],"sources":["../../src/text/text.ts"],"sourcesContent":["/**\n * Provides prepare/layout pipeline for reactive text measurement.\n */\n\nimport { memo } from \"../signal\";\nimport type { Accessor } from \"../types\";\n\n/**\n * Prepared text handle\n */\nexport interface PreparedText {\n  readonly [key: symbol]: true;\n}\n\n/**\n * Layout result\n */\nexport interface LayoutResult {\n  lineCount: number;\n  height: number;\n}\n\n/**\n * Prepare text for layout measurement\n */\nexport function prepare(text: string, font: string): PreparedText {\n  if (typeof window === \"undefined\") {\n    return {} as PreparedText;\n  }\n\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) {\n    return {} as PreparedText;\n  }\n\n  ctx.font = font;\n  const metrics = ctx.measureText(text);\n  const width = metrics.width;\n  const height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;\n\n  return {\n    _text: text,\n    _font: font,\n    _width: width,\n    _height: height,\n    [Symbol.for(\"prepared\")]: true,\n  } as PreparedText;\n}\n\n/**\n * Layout prepared text at a given width\n */\nexport function layout(prepared: PreparedText, maxWidth: number, lineHeight: number): LayoutResult {\n  const internal = prepared as any;\n  if (!internal._text) {\n    return { lineCount: 0, height: 0 };\n  }\n\n  const text = internal._text as string;\n  const font = internal._font as string;\n\n  if (typeof window === \"undefined\") {\n    return { lineCount: 1, height: lineHeight };\n  }\n\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) {\n    return { lineCount: 1, height: lineHeight };\n  }\n\n  ctx.font = font;\n\n  const words = text.split(\" \");\n  let lines = 0;\n  let currentLineWidth = 0;\n\n  for (let i = 0; i < words.length; i++) {\n    const word = words[i]!;\n    const wordWidth = ctx.measureText(word).width;\n\n    if (currentLineWidth + wordWidth > maxWidth) {\n      lines++;\n      currentLineWidth = wordWidth;\n    } else {\n      currentLineWidth += wordWidth + ctx.measureText(\" \").width;\n    }\n  }\n\n  if (currentLineWidth > 0) {\n    lines++;\n  }\n\n  return {\n    lineCount: Math.max(1, lines),\n    height: Math.max(1, lines) * lineHeight,\n  };\n}\n\n/**\n * Create a reactive layout computation\n */\nexport function reactiveLayout<T extends object>(\n  source: Accessor<T>,\n  getPrepared: (item: T) => PreparedText,\n  maxWidth: number,\n  lineHeight: number,\n): Accessor<LayoutResult> {\n  const computed = memo(() => {\n    const item = source();\n    const prepared = getPrepared(item);\n    return layout(prepared, maxWidth, lineHeight);\n  });\n  return computed as unknown as Accessor<LayoutResult>;\n}\n"],"mappings":";;;;;;;;AAyBA,SAAgB,QAAQ,MAAc,MAA4B;AAChE,KAAI,OAAO,WAAW,YACpB,QAAO,EAAE;CAIX,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,KAAI,CAAC,IACH,QAAO,EAAE;AAGX,KAAI,OAAO;CACX,MAAM,UAAU,IAAI,YAAY,KAAK;AAIrC,QAAO;EACL,OAAO;EACP,OAAO;EACP,QANY,QAAQ;EAOpB,SANa,QAAQ,0BAA0B,QAAQ;GAOtD,OAAO,IAAI,WAAW,GAAG;EAC3B;;;;;AAMH,SAAgB,OAAO,UAAwB,UAAkB,YAAkC;CACjG,MAAM,WAAW;AACjB,KAAI,CAAC,SAAS,MACZ,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAG;CAGpC,MAAM,OAAO,SAAS;CACtB,MAAM,OAAO,SAAS;AAEtB,KAAI,OAAO,WAAW,YACpB,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAY;CAI7C,MAAM,MADS,SAAS,cAAc,SAAS,CAC5B,WAAW,KAAK;AACnC,KAAI,CAAC,IACH,QAAO;EAAE,WAAW;EAAG,QAAQ;EAAY;AAG7C,KAAI,OAAO;CAEX,MAAM,QAAQ,KAAK,MAAM,IAAI;CAC7B,IAAI,QAAQ;CACZ,IAAI,mBAAmB;AAEvB,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,OAAO,MAAM;EACnB,MAAM,YAAY,IAAI,YAAY,KAAK,CAAC;AAExC,MAAI,mBAAmB,YAAY,UAAU;AAC3C;AACA,sBAAmB;QAEnB,qBAAoB,YAAY,IAAI,YAAY,IAAI,CAAC;;AAIzD,KAAI,mBAAmB,EACrB;AAGF,QAAO;EACL,WAAW,KAAK,IAAI,GAAG,MAAM;EAC7B,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;EAC9B;;;;;AAMH,SAAgB,eACd,QACA,aACA,UACA,YACwB;AAMxB,QALiB,WAAW;AAG1B,SAAO,OADU,YADJ,QAAQ,CACa,EACV,UAAU,WAAW;GAC7C"}

package/dist/types.d.cts

@@ -0,0 +1,185 @@
+import { JSX } from "./jsx.cjs";
+
+//#region src/types.d.ts
+/**
+ * Function that returns a value of type T - used for reactive accessors
+ */
+type Accessor<T> = () => T;
+/**
+ * Mutable reactive signal holding a value of type T
+ */
+interface Signal<T> {
+  /** @internal */
+  _value: T;
+  /** @internal */
+  _observers: Computation<any>[] | null;
+  /** @internal */
+  _observerSlots: number[] | null;
+  /** @internal */
+  _comparator?: (prev: T, next: T) => boolean;
+}
+/**
+ * Read-only derived reactive signal computed from other signals
+ */
+interface Computed<T> {
+  /** @internal */
+  _value: T;
+  /** @internal */
+  _fn: () => T;
+  /** @internal */
+  _observers: Computation<any>[] | null;
+  /** @internal */
+  _observerSlots: number[] | null;
+  /** @internal */
+  _sources: Signal<any>[] | null;
+  /** @internal */
+  _sourceSlots: number[] | null;
+  /** @internal */
+  _comparator?: (prev: T, next: T) => boolean;
+  /** @internal */
+  _state: 0 | 1 | 2;
+  /** Call to get the current value */
+  (): T;
+}
+/**
+ * Union type for reading signal values
+ */
+type ReadonlySignal<T> = Signal<T> | Computed<T>;
+/**
+ * Internal computation node in the reactive graph
+ */
+interface Computation<T> {
+  /** @internal */
+  _fn: EffectFunction<T>;
+  /** @internal */
+  _value: T | undefined;
+  /** @internal */
+  _sources: Signal<any>[] | null;
+  /** @internal */
+  _sourceSlots: number[] | null;
+  /** @internal */
+  _observers: Computation<any>[] | null;
+  /** @internal */
+  _observerSlots: number[] | null;
+  /** @internal */
+  _owner: Owner | null;
+  /** @internal */
+  _cleanups: (() => void)[] | null;
+  /** @internal */
+  _context: any | null;
+  /** @internal */
+  _suspense: SuspenseContextType | null;
+  /** @internal */
+  _user: boolean;
+  /** @internal */
+  _pure: boolean;
+  /** @internal */
+  _state: 0 | 1 | 2;
+  /** @internal */
+  _updatedAt: number | null;
+}
+/**
+ * Reactive owner/context node
+ */
+interface Owner {
+  /** @internal */
+  _owned: Computation<any>[] | null;
+  /** @internal */
+  _cleanups: (() => void)[] | null;
+  /** @internal */
+  _owner: Owner | null;
+  /** @internal */
+  _context: any | null;
+}
+/**
+ * Effect function type for computations
+ */
+type EffectFunction<T> = (prev?: T) => T;
+/**
+ * Options for creating a signal
+ */
+interface SignalOptions<T> {
+  equals?: false | ((prev: T, next: T) => boolean);
+  name?: string;
+}
+/**
+ * Component function type
+ */
+type Component<P extends Record<string, any> = {}> = (props: P) => JSX.Element;
+/**
+ * Component that accepts children
+ */
+type ParentComponent<P extends Record<string, any> = {}> = Component<P & {
+  children?: JSX.Children;
+}>;
+/**
+ * Component that requires children
+ */
+type FlowComponent<P extends Record<string, any> = {}, C = JSX.Children> = Component<P & {
+  children: C;
+}>;
+/**
+ * Context object for provider/consumer pattern
+ */
+interface Context<T> {
+  _id: symbol;
+  _defaultValue: T | undefined;
+  Provider: Component<{
+    value: T;
+    children: JSX.Element;
+  }>;
+}
+/**
+ * Suspense context type for error boundaries and suspense
+ */
+interface SuspenseContextType {
+  increment: () => void;
+  decrement: () => void;
+  resolved: boolean;
+}
+/**
+ * Resource object returned by load()
+ */
+interface Resource<T> {
+  (): T | undefined;
+  readonly state: Signal<"unresolved" | "pending" | "ready" | "refreshing" | "errored">;
+  readonly loading: Signal<boolean>;
+  readonly error: Signal<Error | undefined>;
+  readonly data: Signal<T | undefined>;
+  readonly ready: boolean;
+}
+/**
+ * Action object for mutations
+ */
+interface Action<T, A> {
+  (args: A): Promise<T>;
+  run: (args: A) => Promise<T>;
+  readonly loading: Signal<boolean>;
+  readonly error: Signal<Error | undefined>;
+  readonly data: Signal<T | undefined>;
+}
+/**
+ * Style properties type
+ */
+type StyleProps = Record<string, string | number | Accessor<string | number> | undefined>;
+/**
+ * Computed style object
+ */
+type ComputedStyle<T extends StyleProps> = () => T;
+/**
+ * Store value types
+ */
+type StoreValue = string | number | boolean | null | undefined | object | StoreValue[];
+/**
+ * Store node type for nested access
+ */
+type StoreNode<T> = T extends object ? Record<keyof T, StoreNode<T[keyof T]>> : Signal<T>;
+/**
+ * Store object
+ */
+interface Store<T extends Record<string, StoreValue>> {
+  [key: string]: StoreNode<T[string]>;
+}
+//#endregion
+export { Accessor, Action, Component, Computed, ComputedStyle, Context, FlowComponent, Owner, ParentComponent, ReadonlySignal, Resource, Signal, SignalOptions, Store, StoreNode, StoreValue, StyleProps };
+//# sourceMappingURL=types.d.cts.map