@marianmeres/stuic 3.175.0 → 3.176.0

package/dist/components/DataTable/DataTable.svelte

@@ -237,7 +237,7 @@
 	import Button from "../Button/Button.svelte";
 	import EmptyState from "../EmptyState/EmptyState.svelte";
 	import Pagination from "../Pagination/Pagination.svelte";
-	import Thc, { isTHCNotEmpty, getTHCStringContent } from "../Thc/Thc.svelte";
+	import Thc, { isTHCNotEmpty } from "../Thc/Thc.svelte";
 
 	let {
 		columns,
@@ -746,7 +746,7 @@
 							<div class={!unstyled ? "stuic-data-table-card-row" : undefined}>
 								<span class={!unstyled ? "stuic-data-table-card-label" : undefined}>
 									{#if isTHCNotEmpty(col.label)}
-										{getTHCStringContent(col.label) || col.key}
+										<Thc thc={col.label!} />
 									{:else}
 										{col.key}
 									{/if}

package/dist/components/DescriptionList/DescriptionList.svelte

@@ -159,14 +159,6 @@
 		...rest
 	}: Props = $props();
 
-	// `isTHCNotEmpty` only knows string/text/html/component — a snippet (bare or
-	// `{ snippet }`) is renderable content it reports as empty, which would silently
-	// drop a snippet description. Widen the test here.
-	const _hasContent = (thc: THC | undefined | null): boolean =>
-		typeof thc === "function" ||
-		!!(thc && typeof thc === "object" && "snippet" in thc) ||
-		isTHCNotEmpty(thc);
-
 	/** Emptiness of a VALUE is deliberately not `isTHCNotEmpty`: `0` is a value, not empty. */
 	const _isEmptyValue = (v: THC | number | undefined | null): boolean =>
 		v === undefined || v === null || v === "";
@@ -257,7 +249,7 @@
 								<Thc thc={_value(item)} />
 							{/if}
 						</dd>
-						{#if _hasContent(item.description)}
+						{#if isTHCNotEmpty(item.description)}
 							<dd class={_classDescription(item)}>
 								<Thc thc={item.description!} />
 							</dd>

package/dist/components/Input/FieldAssets.svelte

@@ -387,7 +387,7 @@
 	// aria-live announcement text for reorder actions
 	let liveAnnouncement = $state("");
 	let parentHiddenInputEl: HTMLInputElement | undefined = $state();
-	let hasLabel = $derived(isTHCNotEmpty(label) || typeof label === "function");
+	let hasLabel = $derived(isTHCNotEmpty(label));
 	let inputEl = $state<HTMLInputElement>()!;
 	// Outer wrapper for scrollIntoView and focus targeting.
 	let wrapEl: HTMLDivElement | undefined = $state();

package/dist/components/Input/FieldCheckbox.svelte

@@ -151,10 +151,11 @@
 					classLabel
 				)}
 			>
-				{#if isTHCNotEmpty(label)}
-					<Thc thc={label as THC} forceAsHtml />
-				{:else}
+				<!-- a snippet label first: it takes `{ id }`, which `Thc` cannot pass -->
+				{#if typeof label === "function"}
 					{@render (label as SnippetWithId)({ id })}
+				{:else if isTHCNotEmpty(label)}
+					<Thc thc={label as THC} forceAsHtml />
 				{/if}
 			</div>
 		{/if}

package/dist/components/Input/_internal/FieldRadioInternal.svelte

@@ -147,10 +147,11 @@
 					classLabel
 				)}
 			>
-				{#if isTHCNotEmpty(label)}
-					<Thc thc={label as THC} forceAsHtml />
-				{:else}
+				<!-- a snippet label first: it takes `{ id }`, which `Thc` cannot pass -->
+				{#if typeof label === "function"}
 					{@render (label as SnippetWithId)({ id })}
+				{:else if isTHCNotEmpty(label)}
+					<Thc thc={label as THC} forceAsHtml />
 				{/if}
 			</div>
 		{/if}

package/dist/components/Input/_internal/InputWrap.svelte

@@ -82,7 +82,7 @@
 		}
 	});
 
-	let hasLabel = $derived(isTHCNotEmpty(label) || typeof label === "function");
+	let hasLabel = $derived(isTHCNotEmpty(label));
 </script>
 
 {#snippet snippetOrThc({ id, value }: { id: string; value?: SnippetWithId | THC })}

package/dist/components/Thc/README.md

@@ -26,15 +26,21 @@ type THC =
 
 ### `isTHCNotEmpty(value)`
 
-Checks if a THC value has renderable content.
+Checks if a THC value has renderable content — every form `Thc` itself can render.
 
 ```ts
 isTHCNotEmpty("Hello"); // true
 isTHCNotEmpty({ text: "Hi" }); // true
+isTHCNotEmpty(mySnippet); // true
+isTHCNotEmpty({ snippet }); // true
 isTHCNotEmpty(""); // false
 isTHCNotEmpty(null); // false
 ```
 
+> **Note:** a snippet label that needs an argument (e.g. the `{ id }` the `Field*`
+> components pass) must be rendered directly, not through `Thc` — `Thc` renders a bare
+> snippet with no arguments. Test `typeof value === "function"` first in that case.
+
 ### `getTHCStringContent(value)`
 
 Extracts string content from a THC value.

package/dist/components/Thc/Thc.svelte

@@ -70,13 +70,18 @@
 	/**
 	 * Checks if a THC value has renderable content.
 	 *
+	 * Covers every form `Thc` itself can render: non-empty text/html, a component,
+	 * a `{ snippet }`, and a bare snippet function.
+	 *
 	 * @param m - The THC value to check
-	 * @returns `true` if the value contains non-empty text, html, or a component
+	 * @returns `true` if the value contains renderable content
 	 *
 	 * @example
 	 * ```ts
 	 * isTHCNotEmpty("Hello");           // true
 	 * isTHCNotEmpty({ text: "Hi" });    // true
+	 * isTHCNotEmpty(mySnippet);         // true
+	 * isTHCNotEmpty({ snippet });       // true
 	 * isTHCNotEmpty("");                // false
 	 * isTHCNotEmpty(null);              // false
 	 * ```
@@ -87,7 +92,10 @@
 			_is(m) ||
 			_is((m as WithText)?.text) ||
 			_is((m as WithHtml)?.html) ||
-			!!(m as WithComponent)?.component
+			!!(m as WithComponent)?.component ||
+			// a bare snippet is a function; `{ snippet }` is the object form
+			typeof m === "function" ||
+			!!(m as WithSnippet)?.snippet
 		);
 	}
 

package/dist/components/Thc/Thc.svelte.d.ts

@@ -58,13 +58,18 @@ export interface Props extends Record<string, any> {
 /**
  * Checks if a THC value has renderable content.
  *
+ * Covers every form `Thc` itself can render: non-empty text/html, a component,
+ * a `{ snippet }`, and a bare snippet function.
+ *
  * @param m - The THC value to check
- * @returns `true` if the value contains non-empty text, html, or a component
+ * @returns `true` if the value contains renderable content
  *
  * @example
  * ```ts
  * isTHCNotEmpty("Hello");           // true
  * isTHCNotEmpty({ text: "Hi" });    // true
+ * isTHCNotEmpty(mySnippet);         // true
+ * isTHCNotEmpty({ snippet });       // true
  * isTHCNotEmpty("");                // false
  * isTHCNotEmpty(null);              // false
  * ```

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "3.175.0",
+	"version": "3.176.0",
 	"packageManager": "pnpm@11.5.0",
 	"scripts": {
 		"dev": "vite dev",