@human-synthesis/norns-ui 0.0.12 → 0.0.13

package/README.md

@@ -103,11 +103,13 @@ Form(action="?/save" form!="{form}")
 - **Atoms** (CSS-only `@layer components`): `.btn`, `.input`, `.field`, `.form`, `.checkbox`, `.radio`, `.switch`, `.card`, `.surface-elevated`, `.btn-icon`, `.banner`, `.badge`, `.chip`, `.avatar`, `.skeleton`, `.progress`, `.norns-header`, `.hero`, `.stepper`, `.breadcrumbs`, `.pagination`, `.accordion`, `.carousel`, plus variants/sizes.
 - **Forms**: `Btn`, `Form`, `Field`, `FieldGroup`, `Input`, `Textarea`, `Select`, `Checkbox`, `Radio`, `Switch`.
 - **Behavior** (custom on `@floating-ui/dom`): `Dialog`, `Sheet`, `Popover`, `Dropdown`, `Tooltip`, `Tabs`, `Accordion`, `ContextMenu`, `Collapsible`.
-- **Display**: `Card`, `Surface`, `Banner`, `Badge`, `Chip`, `Avatar`, `Skeleton`, `Progress`, `ProgressCircular`, `Icon`.
-- **Composite**: `Header`, `HeroBanner`, `Stepper`, `Breadcrumbs`, `Pagination`, `Carousel`.
+- **Display**: `Card`, `Window`, `Surface`, `Banner`, `Badge`, `Chip`, `Avatar`, `AvatarGroup`, `Skeleton`, `Progress`, `ProgressCircular`, `Icon`, `Image`, `Audio`, `Video`, `Timeline`, `GradientText`.
+- **Composite**: `Header`, `HeroBanner`, `Stepper`, `Breadcrumbs`, `Pagination`, `Carousel`, `Tree`, `Toolbar`, `Separator`, `ButtonGroup`, `ToggleButton`, `ToggleButtonGroup`, `HierarchicalMenu`, `MegaMenu`.
+- **Inputs**: `NumberInput`, `OtpField`, `TagsInput`, `Autocomplete`, `MultiSelect`, `ColorPicker`, `Uploader`, `DatePicker`, `DateRangePicker`, `TimePicker`, `Calendar`, `DataTable`, `ScrollArea`, `CopyButton`, `ThemeToggler`, `ShinyButton`, `RippleButton`.
 - **Toast**: `ToastProvider` + `toast()` / `notify()` / `dismiss()` from `@human-synthesis/norns-ui/toast`.
+- **Motion** (opt-in, `@human-synthesis/norns-ui/motion`): `AnimatedNumber`, `GradientBackground`, `LiquidButton`, `Reveal`, `Sparkles`.
 
-Hand-rolled `.d.ts` shims live under `src/types/`. Override any component by dropping `src/lib/components/<Name>.n` in your project — `nornsAutoImport`'s first-match-wins shadows the library silently.
+The full prop reference for every component is **[COMPONENTS.md](./COMPONENTS.md)**, generated from the `.d.ts` shims under `src/types/` (`bun run docs:components`). Live usage of every component: `norns-demo/src/routes/examples/ui/+page.n`. Override any component by dropping `src/lib/components/<Name>.n` in your project — `nornsAutoImport`'s first-match-wins shadows the library silently.
 
 ## Behaviors
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@human-synthesis/norns-ui",
-	"version": "0.0.12",
+	"version": "0.0.13",
 	"description": "UI library for the Norns ecosystem — Pug + Civet components on Tailwind v4.",
 	"license": "MIT",
 	"author": "Daniel Teodoroiu (https://humansynthesis.ai)",
@@ -11,12 +11,15 @@
 	},
 	"files": [
 		"src",
-		"README.md"
+		"README.md",
+		"COMPONENTS.md"
 	],
 	"scripts": {
 		"test": "bun test",
 		"check:shims": "bun scripts/check-shims.mjs",
-		"check:shims:strict": "bun scripts/check-shims.mjs --strict"
+		"check:shims:strict": "bun scripts/check-shims.mjs --strict",
+		"docs:components": "bun scripts/gen-components-doc.mjs",
+		"docs:components:check": "bun scripts/gen-components-doc.mjs --check"
 	},
 	"exports": {
 		".": "./src/index.js",
@@ -34,8 +37,8 @@
 		"./package.json": "./package.json"
 	},
 	"peerDependencies": {
-		"@human-synthesis/norns": "^0.0.17",
-		"@human-synthesis/norns-core": "^0.0.10",
+		"@human-synthesis/norns": "^0.0.18",
+		"@human-synthesis/norns-core": "^0.0.11",
 		"svelte": "^5.0.0",
 		"tailwindcss": "^4.0.0"
 	},

package/src/index.js

@@ -33,6 +33,7 @@ export { default as ToastProvider } from './components/ToastProvider.n';
 // 0.0.4 — display layer
 export { default as Icon } from './components/Icon.n';
 export { default as Card } from './components/Card.n';
+export { default as Window } from './components/Window.n';
 export { default as Surface } from './components/Surface.n';
 export { default as Banner } from './components/Banner.n';
 export { default as Badge } from './components/Badge.n';

package/src/types/Window.d.ts

@@ -0,0 +1,22 @@
+import type { Component, Snippet } from 'svelte';
+
+export type WindowProps = {
+	/** Header title (truncated). */
+	title?: string;
+	/** Remove the whole header bar; keeps the rounded shell. */
+	hideHeader?: boolean;
+	/** When set, renders a `lucide:x` close button (marked `.nodrag`). */
+	onClose?: () => void;
+	/** Fires on double-click over the header bar (e.g. maximise). */
+	onHeaderDoubleClick?: (event: MouseEvent) => void;
+	/** Extra header controls, rendered before the close button. */
+	actions?: Snippet;
+	children?: Snippet;
+	/** Classes for the outer shell — pass dimensions here (`w-[520px] h-[380px]`). */
+	class?: string;
+	/** Classes for the body section. */
+	bodyClass?: string;
+};
+
+declare const Window: Component<WindowProps>;
+export default Window;