@joewinke/jatui 0.36.3 → 0.38.0

package/dist/components/basic/Checkbox.svelte

@@ -1,5 +1,20 @@
 <script lang="ts">
-	interface Props {
+	import type { HTMLInputAttributes } from 'svelte/elements';
+
+	/**
+	 * Any other native attribute (aria-label, aria-describedby, data-*, title,
+	 * required, form…) passes straight through to the <input>. Without a visible
+	 * `label`, pass `aria-label` so the checkbox has an accessible name.
+	 *
+	 * The click target is always at least 24×24px (WCAG 2.5.8), even at
+	 * size xs/sm: the input sits in a <label> box with a 24px minimum, and a
+	 * click anywhere in that box toggles it.
+	 */
+	interface Props
+		extends Omit<
+			HTMLInputAttributes,
+			'type' | 'checked' | 'size' | 'disabled' | 'name' | 'id' | 'onchange' | 'class' | 'children'
+		> {
 		checked?: boolean;
 		label?: string;
 		size?: 'xs' | 'sm' | 'md' | 'lg';
@@ -22,7 +37,8 @@
 		name,
 		id,
 		onchange,
-		class: className = ''
+		class: className = '',
+		...rest
 	}: Props = $props();
 
 	const sizeClass = $derived({ xs: 'checkbox-xs', sm: 'checkbox-sm', md: '', lg: 'checkbox-lg' }[size]);
@@ -57,8 +73,9 @@
 </script>
 
 {#if label}
-	<label class="flex cursor-pointer items-center gap-2" for={inputId}>
+	<label class="jatui-checkbox-target jatui-checkbox-row" for={inputId}>
 		<input
+			{...rest}
 			bind:this={inputEl}
 			type="checkbox"
 			{name}
@@ -71,15 +88,36 @@
 		<span class="label-text">{label}</span>
 	</label>
 {:else}
-	<input
-		bind:this={inputEl}
-		type="checkbox"
-		{name}
-		{id}
-		class={inputClass}
-		checked={checked}
-		{disabled}
-		onchange={handleChange}
-		aria-label={label}
-	/>
+	<label class="jatui-checkbox-target jatui-checkbox-bare">
+		<input
+			{...rest}
+			bind:this={inputEl}
+			type="checkbox"
+			{name}
+			{id}
+			class={inputClass}
+			checked={checked}
+			{disabled}
+			onchange={handleChange}
+		/>
+	</label>
 {/if}
+
+<style>
+	/* 24px minimum target (WCAG 2.5.8). The visual checkbox keeps its size. */
+	.jatui-checkbox-target {
+		min-height: 1.5rem;
+		align-items: center;
+		cursor: pointer;
+	}
+	.jatui-checkbox-row {
+		display: flex;
+		gap: 0.5rem;
+	}
+	.jatui-checkbox-bare {
+		display: inline-flex;
+		justify-content: center;
+		min-width: 1.5rem;
+		vertical-align: middle;
+	}
+</style>

package/dist/components/basic/Checkbox.svelte.d.ts

@@ -1,4 +1,14 @@
-interface Props {
+import type { HTMLInputAttributes } from 'svelte/elements';
+/**
+ * Any other native attribute (aria-label, aria-describedby, data-*, title,
+ * required, form…) passes straight through to the <input>. Without a visible
+ * `label`, pass `aria-label` so the checkbox has an accessible name.
+ *
+ * The click target is always at least 24×24px (WCAG 2.5.8), even at
+ * size xs/sm: the input sits in a <label> box with a 24px minimum, and a
+ * click anywhere in that box toggles it.
+ */
+interface Props extends Omit<HTMLInputAttributes, 'type' | 'checked' | 'size' | 'disabled' | 'name' | 'id' | 'onchange' | 'class' | 'children'> {
     checked?: boolean;
     label?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.36.3",
+  "version": "0.38.0",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",
@@ -73,6 +73,11 @@
       "types": "./dist/components/review/index.d.ts",
       "svelte": "./dist/components/review/index.js",
       "default": "./dist/components/review/index.js"
+    },
+    "./artifact-blocks": {
+      "types": "./dist/artifact-blocks/index.d.ts",
+      "svelte": "./dist/artifact-blocks/index.js",
+      "default": "./dist/artifact-blocks/index.js"
     }
   },
   "files": [
@@ -197,11 +202,15 @@
     "vitest": "^3.2.7"
   },
   "dependencies": {
+    "@dagrejs/dagre": "^2.0.4",
     "@floating-ui/dom": "^1.6.0",
     "diff": "^9.0.0",
+    "isomorphic-dompurify": "^3.14.0",
     "libphonenumber-js": "^1.12.41",
+    "marked": "^18.0.4",
     "pdfjs-dist": "^6.3.289",
-    "svelte-dnd-action": "^0.9.69"
+    "svelte-dnd-action": "^0.9.69",
+    "zod": "^4.4.3"
   },
   "license": "MIT"
 }