@archetypeai/ds-cli 0.10.0 → 0.11.0

package/files/ds-manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "archetypeai-design-system",
-	"version": "0.10.0",
+	"version": "0.11.0",
 	"components": [
 		{
 			"name": "alert",
@@ -188,8 +188,8 @@
 			"source": "https://design-system-console.archetypeai.workers.dev/r/codeblock.json",
 			"description": "Syntax-highlighted code display (CodeBlock, shiki) and editable code field with JSON-schema validation (CodeBlockEditor).",
 			"usage": [
-				"`<CodeBlock code language=\"yaml\" class=\"border-border border\" />` for configs; wrap in {#key darkMode.current} so it re-highlights on theme flips.",
-				"Config editors: `<CodeBlockEditor bind:value bind:valid bind:schemaUnavailable schema={jsonSchema} placeholder showDownload downloadBaseName />` + a Label sectionHeader row showing the derived valid/invalid state in status tokens."
+				"`<CodeBlock code language=\"yaml\" />` for read-only configs (border built in). Theme switches are CSS-only — no {#key} wrapper needed. Grows to content by default; to cap the height pass `maxHeight=\"20rem\"` (any CSS length) or the `scroll` shorthand (=600px) — this puts the scrollbar on the internal scroller, whereas a `max-h-*` class on the component clips without scrolling. `showLineNumbers={false}` hides the gutter; `wrap` wraps long lines instead of scrolling horizontally.",
+				"Config editors: `<CodeBlockEditor bind:value bind:valid bind:validating bind:schemaUnavailable schema={jsonSchema} placeholder showDownload downloadBaseName disabled />` + a status badge row driven by the bindables (validating → 'Checking…' spinner; !valid → 'Invalid'; valid+schemaUnavailable → 'YAML parses'; valid → 'Valid YAML'). Grows to content (floor via `minHeight`, default 10rem); cap+scroll via `maxHeight` (any length) or `scroll` (=600px). Visually identical to CodeBlock."
 			]
 		},
 		{
@@ -625,6 +625,29 @@
 			"source": "https://design-system-labs.archetypeai.workers.dev/r/labs-utils.json",
 			"description": "Labs domain helpers plus cn() re-exported from console."
 		},
+		{
+			"name": "loading-bar",
+			"import": "@archetypeai/ds-ui-svelte-console/primitives/loading-bar",
+			"source": "https://design-system-console.archetypeai.workers.dev/r/loading-bar.json",
+			"description": "Indeterminate loading bar for route/navigation transitions.",
+			"usage": [
+				"Mount once in the root layout and gate on navigation: `{#if navigating.to}<LoadingBar />{/if}` (SvelteKit `navigating` from `$app/state`). Presentational only — it does not read navigation state itself.",
+				"`position=\"bottom\"` pins it to the viewport bottom; always fixed + full-width. Indeterminate only — for a determinate value bar use `progress`."
+			],
+			"variants": {
+				"loadingBarVariants": {
+					"axes": {
+						"position": [
+							"top",
+							"bottom"
+						]
+					},
+					"defaults": {
+						"position": "top"
+					}
+				}
+			}
+		},
 		{
 			"name": "logo",
 			"import": "@archetypeai/ds-ui-svelte-labs/primitives/logo",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archetypeai/ds-cli",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Archetype AI Design System CLI Tool",
   "type": "module",
   "bin": {