@signal9/era-ui 3.9.0 → 3.11.0

package/dist/ui/button/variants.d.ts

@@ -1,76 +1,76 @@
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
 }, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", {
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        filled: string;
-        link: string;
+        filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
+        link: "inline-flex underline-offset-2 hover:underline";
     };
     tone: {
-        default: string;
-        accent: string;
-        destructive: string;
-        success: string;
-        warning: string;
+        default: "";
+        accent: "";
+        destructive: "";
+        success: "";
+        warning: "";
     };
     size: {
-        default: string;
-        sm: string;
-        xxs: string;
-        xs: string;
-        icon: string;
+        default: "";
+        sm: "";
+        xxs: "";
+        xs: "";
+        icon: "";
     };
     icon: {
-        true: string;
+        true: "";
     };
     active: {
-        true: string;
+        true: "";
     };
-}, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;

package/dist/ui/card/card.svelte.d.ts

@@ -1,43 +1,43 @@
 export declare const cardVariants: import("tailwind-variants").TVReturnType<{
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
 }, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", {
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     tone: {
-        elevated: string;
-        surface: string;
-        flat: string;
+        elevated: "bg-(--era-surface-bg-elevated) shadow-(--era-shadow)";
+        surface: "bg-(--era-surface-bg)";
+        flat: "";
     };
     sectioned: {
-        true: string;
-        false: string;
+        true: "p-0";
+        false: "px-(--era-pad-md) pt-(--era-gap) pb-(--era-pad-md)";
     };
     interactive: {
-        true: string;
+        true: "cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
     };
-}, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { Snippet } from 'svelte';
 import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
 type CardElement = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;

package/dist/ui/chip/chip.svelte.d.ts

@@ -1,31 +1,31 @@
 export declare const chipVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
 }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", {
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        sm: string;
-        xxs: string;
+        sm: "h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)";
+        xxs: "h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs) pl-(--era-pill-xxs)";
     };
     dismissible: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
-}, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {

package/dist/ui/pane/pane-root.svelte.d.ts

@@ -29,6 +29,6 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     onDragEnd?: (data: DragEventData) => void;
     children?: Snippet;
 };
-declare const PaneRoot: import("svelte").Component<$$ComponentProps, {}, "size" | "position" | "ref">;
+declare const PaneRoot: import("svelte").Component<$$ComponentProps, {}, "position" | "size" | "ref">;
 type PaneRoot = ReturnType<typeof PaneRoot>;
 export default PaneRoot;

package/dist/ui/pane/pane.svelte.d.ts

@@ -35,6 +35,6 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     header?: Snippet;
     children?: Snippet;
 };
-declare const Pane: Component<$$ComponentProps, {}, "size" | "position" | "ref">;
+declare const Pane: Component<$$ComponentProps, {}, "position" | "size" | "ref">;
 type Pane = ReturnType<typeof Pane>;
 export default Pane;

package/dist/ui/sheet/sheet-content.svelte.d.ts

@@ -1,26 +1,26 @@
 import { type PartProps } from '../../utils/index.js';
 export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
 }, undefined, "fixed z-50 flex flex-col gap-(--era-gap) overflow-y-auto bg-(--era-surface-bg) p-(--era-pad-md) shadow-(--era-shadow-lg) glass-blur", {
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     side: {
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        top: "inset-x-0 top-0 max-h-[85dvh] rounded-b-(--era-rd-lg)";
+        bottom: "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-(--era-rd-lg)";
+        left: "inset-y-0 left-0 w-[min(20rem,85vw)] rounded-r-(--era-rd-lg)";
+        right: "inset-y-0 right-0 w-[min(20rem,85vw)] rounded-l-(--era-rd-lg)";
     };
-}, undefined, "fixed z-50 flex flex-col gap-(--era-gap) overflow-y-auto bg-(--era-surface-bg) p-(--era-pad-md) shadow-(--era-shadow-lg) glass-blur", unknown, unknown, undefined>>;
+}, undefined>>;
 import { Dialog } from 'bits-ui';
 type $$ComponentProps = PartProps<Dialog.ContentProps> & {
     /** Screen edge the sheet is anchored to. */

package/dist/ui/skeleton/skeleton.svelte.d.ts

@@ -1,22 +1,22 @@
 export declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
 }, undefined, "animate-[skeleton-pulse_2s_ease-in-out_infinite] bg-(--era-surface-bg-elevated)", {
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        line: string;
-        circle: string;
-        block: string;
+        line: "h-(--era-text) w-full rounded-(--era-rd-md)";
+        circle: "size-(--era-h-lg) rounded-full";
+        block: "h-24 w-full rounded-(--era-rd-md)";
     };
-}, undefined, "animate-[skeleton-pulse_2s_ease-in-out_infinite] bg-(--era-surface-bg-elevated)", unknown, unknown, undefined>>;
+}, undefined>>;
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     ref?: HTMLDivElement | null;

package/dist/utils/index.js

@@ -13,6 +13,17 @@ import { createTV } from 'tailwind-variants';
 // names tailwind-merge knows; only era's additions to those scales are listed.
 const TIERS = ['xs', 'xxs', 'sm', 'md', 'lg'];
 const INSETS = ['inset-xxs', 'inset-sm', 'inset-md'];
+// DELIBERATELY UNANNOTATED — do not restore `: ConfigExtension<string, string>`.
+// This object has to satisfy two libraries at once, and since tailwind-variants
+// 3.3.0 they disagree: tw-variants stopped reusing tailwind-merge's
+// ConfigExtension and declares its own, whose `extend`/`override` are
+// Partial<AnyConfig> where tailwind-merge's are PartialConfigGroupsPart. The two
+// differ in how deeply `theme` is optional, so annotating with either one makes
+// it unassignable to the other and `createTV` stops type-checking.
+//
+// Nothing is lost by inferring: both call sites below still validate the shape,
+// so a typo'd class group is still a compile error — it just gets reported
+// against TWMergeConfig instead of here.
 const twMergeConfig = {
     extend: {
         classGroups: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "3.9.0",
+	"version": "3.11.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",
@@ -63,6 +63,16 @@
 			"svelte": "./dist/os/index.js",
 			"default": "./dist/os/index.js"
 		},
+		"./apps": {
+			"types": "./dist/apps/index.d.ts",
+			"svelte": "./dist/apps/index.js",
+			"default": "./dist/apps/index.js"
+		},
+		"./apps/notes": {
+			"types": "./dist/apps/notes/index.d.ts",
+			"svelte": "./dist/apps/notes/index.js",
+			"default": "./dist/apps/notes/index.js"
+		},
 		"./css": "./dist/era-ui.css",
 		"./styles/raw": "./dist/styles/index.css",
 		"./styles/themes": "./dist/styles/themes.css",
@@ -75,7 +85,7 @@
 	"devDependencies": {
 		"@eslint/compat": "^2.1.0",
 		"@eslint/js": "^9.39.2",
-		"@playwright/test": "^1.61.1",
+		"@playwright/test": "^1.62.0",
 		"@semantic-release/changelog": "^6.0.3",
 		"@semantic-release/exec": "^7.1.0",
 		"@semantic-release/git": "^10.0.1",
@@ -87,6 +97,20 @@
 		"@tailwindcss/vite": "^4.3.3",
 		"@threlte/core": "^8.5.16",
 		"@threlte/extras": "^9.21.0",
+		"@tiptap/core": "^3.29.0",
+		"@tiptap/extension-code-block-lowlight": "^3.29.0",
+		"@tiptap/extension-details": "^3.29.0",
+		"@tiptap/extension-highlight": "^3.29.0",
+		"@tiptap/extension-image": "^3.29.0",
+		"@tiptap/extension-placeholder": "^3.29.0",
+		"@tiptap/extension-table": "^3.29.0",
+		"@tiptap/extension-task-item": "^3.29.0",
+		"@tiptap/extension-task-list": "^3.29.0",
+		"@tiptap/extension-typography": "^3.29.0",
+		"@tiptap/extension-unique-id": "^3.29.0",
+		"@tiptap/pm": "^3.29.0",
+		"@tiptap/starter-kit": "^3.29.0",
+		"@tiptap/suggestion": "^3.29.0",
 		"@types/node": "^24.13.3",
 		"@types/three": "^0.184.1",
 		"@xyflow/svelte": "^1.6.2",
@@ -94,17 +118,19 @@
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-better-tailwindcss": "^4.7.0",
 		"eslint-plugin-svelte": "^3.22.0",
-		"globals": "^17.7.0",
+		"globals": "^17.8.0",
+		"lowlight": "^3.3.0",
 		"prettier": "^3.9.6",
 		"prettier-plugin-svelte": "^3.5.2",
 		"prettier-plugin-tailwindcss": "^0.7.4",
 		"publint": "^0.3.22",
 		"semantic-release": "^25.0.8",
 		"shiki": "^4.3.1",
-		"svelte": "^5.56.7",
+		"svelte": "^5.56.8",
 		"svelte-check": "^4.7.3",
 		"tailwindcss": "^4.1.18",
 		"three": "^0.184.0",
+		"tiptap-markdown": "^0.9.0",
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.65.0",
 		"vite": "^7.3.6",
@@ -130,7 +156,7 @@
 		"dompurify": "^3.4.12",
 		"marked": "^15.0.12",
 		"tailwind-merge": "^3.6.0",
-		"tailwind-variants": "^3.2.2",
+		"tailwind-variants": "^3.3.0",
 		"vidstack": "^0.6.15"
 	},
 	"allowScripts": {