@vibes.diy/prompts 14.3.59 → 14.3.64

package/llms/access.md

@@ -455,6 +455,8 @@ Every item a visitor creates lands on their own `user:<handle>` channel, private
 
 **When a user's work is private by default, show it — and offer a way to publish.** If everything a user does routes to a channel only they can read (a per-user `user:<handle>`, a private journal/notes/tracker with no `grant.public`), the UI must say so: a small, persistent "Only you can see this" / "Private to you" cue near their content, so no one wonders who's watching their unfinished work. Then, where sharing fits the app, give them a publish control — but publish at the granularity of a **channel**, not a doc: channels are the unit of read isolation, so adding `grant.public` to the shared `user:<handle>` channel would expose _every_ private item on it, not just the one they meant to share. To publish a single item, route it to its **own** channel and flip only that channel's read-grant from a `visibility` field the access fn reads — exactly the per-item-channel shape the worked example below uses (`const ch = \`entry:${doc._id}\`; const grant = { users: { [user.userHandle]: [ch] } }; if (doc.visibility === "public") grant.public = [ch];`) — for anonymous visitors, or grant a shared app channel for all granted members. Gate the control on `useVibe(dbName).can`, and reflect the result back in the affordance ("Published — anyone can see this", with an unpublish to flip it back). Making the user's _whole_ space public is fine when that's the intent; silently leaking their other private items by publishing one is the trap to avoid. **If the person asked, in their own words, to keep it to themselves — "only I", "just me", "nobody else" — do not add publish/share controls.** A privacy-sensitive domain on its own (a journal, a health tracker) is not that ask: it gets the two controls from _Two controls_ above, off until the person says so. Keep publish opt-in: for only-me apps, omit the publish UI entirely; for share-capable apps, make publish one tap for user-selected items. **Every app that is neither privacy-sensitive nor an only-me ask ships with a sharing path already in it: either an always-on shared channel its records land on, or a publish control.** **An open-nature app — an image or meme wall, a bingo card, a party game — puts its records on an always-on `grant.public` channel from the first rules it ships, builds no publish step, and admits anonymous readers**, so everyone with the link sees what people make the moment they make it. The always-on channel is the least-surprise shape for anything playful and low-stakes (an image or meme wall, a group list, a guestbook): a `grant.public` channel, a members' channel, or an `audience` arm, so a thing someone makes is seen the moment they make it. The publish control is the shape for work people draft first: the per-item channel whose read-grant flips from a `visibility` field, behind one tap. A publish control that names its destination — "Publish to the wall", "Share to the group" — is the best shape of the second, not a requirement. An ordinary app with neither is a bug: every record lands on a channel only its writer can read, and nobody asked for that.
 
+**A share control is a link only where the record's channel admits anonymous readers; everywhere else it is the person picker, which takes a handle or an email and shows the invite as pending until they arrive.** A link — Copy link, the browser's share sheet, a QR code — is a share only when the person who opens it can read the thing: a record on a `grant.public` channel, always on or flipped by its `visibility` field. A record whose channel is reached only by grants is unreadable through a link, so sharing it means letting a person in: the `HandleInput` picker writes the share doc that grants their handle, exactly as the buddy picker above does, and the same picker takes an email address for someone who is not on the platform yet — it mails them an invite and hands the app an opaque `invite:<id>` subject to store as the invitee, which binds to their handle when they arrive, so the app never holds the address and `ViewerTag` shows them as invited until then and by their handle after. The one link that works on a grant-only thing is the one that lands on a `request` doc: it invites a knock, not a read. An app with a publish control changes the share control's shape with the record's state — the picker before the flip, the link after it.
+
 **Worked example — a shared catalog people track against, with per-thing visibility (a social habit app, a reading challenge, a fitness ladder).** The catalog items are public objects anyone proposes; each person's progress is their own; and each person chooses — _once per item, never per entry_ — whether their streak is public (on the leaderboard) or buddy-only. The visibility choice lives on a per-`(person, item)` **tracking** record that sets the read-grant the entries routed to it inherit.
 
 ### `access.js`
@@ -977,6 +979,8 @@ const addCard = async (text, boardId = `default-${me.userHandle}`) => {
 {canInvite(board._id) && <HandleInput onChange={(h) => addMember(board._id, h)} placeholder="Add a friend…" />}
 ```
 
+An email typed into that `HandleInput` reaches `addMember` as an opaque `invite:<id>` subject, stored as `userHandle` like any handle, and `ViewerTag` shows it as invited until they arrive.
+
 App.jsx — the same board list serves the creator and the invited recipient. `BoardContents` uses `board._id` for its content queries, calls `addCard(text, board._id)` and `addMember(board._id, handle)`, and gates its write controls with `can`. Pass the `ensureDefaultBoard` helper above into `BoardWorkspace`; its creation action stays reachable with an empty readable list and selects the person's new board after saving it.
 
 ### `App.jsx`

package/llms/use-viewer.md

@@ -312,6 +312,8 @@ Give the tag its profile action and the clickable shape needs no wrapper. The ta
 
 **The one in-app reason to render a no-prop `<ViewerTag />` is inline avatar self-edit.** A no-prop tag shows the signed-in viewer a dashed edit ring that lets them change their _own_ avatar in place, and that works for **every** signed-in viewer — the Switch's avatar editing is owner-only. So if your app wants any member (not just the owner) to update their photo without leaving the app, render a guarded `{viewer && <ViewerTag />}` for that — otherwise leave the current-viewer pill to the Switch.
 
+**Invited people.** An `invite:<id>` subject from `HandleInput` renders as an "Invited · not here yet" pill until that person arrives, and from then on as the handle they joined as — avatar and profile tap included — with no change to the stored subject.
+
 **Undefined safety.** If `userHandle` is present in props but falsy (e.g. a missing field from a loop lookup), `ViewerTag` renders a dim italic placeholder instead of the edit ring. This prevents a broken data source from accidentally granting photo-edit access to an arbitrary pill.
 
 **Anonymous & always-safe.** `ViewerTag` never throws regardless of login state. A no-prop `<ViewerTag />` renders a "Sign in" button for anonymous viewers — a fine fallback, but it is an identity chip in whatever spot you put it, not a CTA you can word or time. When the goal is conversion, write the prompt yourself and wire it to `requestLogin()`.
@@ -338,6 +340,7 @@ How it behaves:
 - **Picking one collapses the input into a ViewerTag** for that handle (avatar + name, resolved automatically), with an × to clear and pick again.
 - **Raw entry always works.** Pressing Enter commits the sanitized typed text even when nothing matched, so users can reference someone brand-new.
 - `onChange` fires with the picked handle string (or `null` on clear). **Persist only the handle** on your docs — render it later with `<ViewerTag userHandle={...} />`, exactly like `authorHandle`.
+- **It also takes an email address** for someone not on Vibes yet: after the viewer approves the invite, `onChange` receives an opaque `invite:<id>` subject — store it as the invitee exactly like a handle; the app never holds the address.
 - Works uncontrolled too (omit `value`) when you only need the `onChange` events.
 - Theming matches `ViewerTag` — it reads the same canonical CSS variables (`--surface`, `--text-primary`, `--text-secondary`, `--border`, `--accent`).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/prompts",
-  "version": "14.3.59",
+  "version": "14.3.64",
   "type": "module",
   "main": "./index.js",
   "exports": {
@@ -13,6 +13,7 @@
     "./themes/looks/index.js": "./themes/looks/index.js",
     "./themes/ornament-pad.js": "./themes/ornament-pad.js",
     "./themes/palette-gen.js": "./themes/palette-gen.js",
+    "./themes/pouf-rooms.js": "./themes/pouf-rooms.js",
     "./themes/style-presets.js": "./themes/style-presets.js",
     "./themes/theme-slugs.js": "./themes/theme-slugs.js"
   },
@@ -37,9 +38,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@adviser/cement": "~0.5.34",
-    "@vibes.diy/call-ai-v2": "14.3.59",
-    "@vibes.diy/identity": "14.3.59",
-    "@vibes.diy/use-vibes-types": "14.3.59",
+    "@vibes.diy/call-ai-v2": "14.3.64",
+    "@vibes.diy/identity": "14.3.64",
+    "@vibes.diy/use-vibes-types": "14.3.64",
     "arktype": "~2.2.6",
     "json-schema-faker": "~0.6.3"
   },

package/style-prompts.d.ts

@@ -2,7 +2,7 @@ export interface StylePrompt {
     name: string;
     prompt: string;
 }
-export declare const BRUTALIST_ROOT_CSS = ":root {\n  --background: #f5f0e0;\n  --surface: #ffffff;\n  --primary: #DA291C;\n  --secondary: #fedd00;\n  --accent: #3b82f6;\n  --text-primary: #1a1a2e;\n  --text-secondary: #6b6b80;\n  --border: #1a1a2e;\n  --success: #22c55e;\n  --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));\n  --warning: #f59e0b;\n  --error: #ef4444;\n  --neutral: #6b7280;\n  --font-family: 'Space Grotesk', sans-serif;\n  --font-family-mono: ui-monospace, 'JetBrains Mono', Menlo, monospace;\n  --radius: 4px;\n  --radius-sm: 4px;\n  --radius-lg: 4px;\n  --vibes-spacing: 1rem;\n  --vibes-shadow: 4px 4px 0 var(--border);\n  --vibes-shadow-sm: 3px 3px 0 var(--border);\n  --vibes-shadow-lg: 6px 6px 0 var(--border);\n  --letter-spacing: -0.02em;\n  --letter-spacing-wide: 0.15em;\n  --font-weight: 700;\n  --text-transform: uppercase;\n  --font-size-base: 1rem;\n  --border-width: 1px;\n}\n@media (prefers-color-scheme: dark) {\n  :root {\n    --background: oklch(0.18 0.02 280);\n    --surface: oklch(0.22 0.02 280);\n    --primary: #DA291C;\n    --secondary: #fedd00;\n    --accent: #3b82f6;\n    --text-primary: oklch(0.96 0.01 80);\n    --text-secondary: oklch(0.66 0.03 280);\n    --border: oklch(0.96 0.01 80);\n    --success: #22c55e;\n    --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));\n    --warning: #f59e0b;\n    --error: #ef4444;\n    --neutral: #6b7280;\n  }\n}";
+export declare const BRUTALIST_ROOT_CSS = ":root {\n  --background: #f5f0e0;\n  --surface: #ffffff;\n  --primary: #DA291C;\n  --secondary: #fedd00;\n  --accent: #3b82f6;\n  --text-primary: #1a1a2e;\n  --text-secondary: #6b6b80;\n  --border: #1a1a2e;\n  --success: #22c55e;\n  --info: #3b82f6;\n  --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));\n  --warning: #f59e0b;\n  --error: #ef4444;\n  --neutral: #6b7280;\n  --font-family: 'Space Grotesk', sans-serif;\n  --font-family-mono: ui-monospace, 'JetBrains Mono', Menlo, monospace;\n  --radius: 4px;\n  --radius-sm: 4px;\n  --radius-lg: 4px;\n  --vibes-spacing: 1rem;\n  --vibes-shadow: 4px 4px 0 var(--border);\n  --vibes-shadow-sm: 3px 3px 0 var(--border);\n  --vibes-shadow-lg: 6px 6px 0 var(--border);\n  --letter-spacing: -0.02em;\n  --letter-spacing-wide: 0.15em;\n  --font-weight: 700;\n  --text-transform: uppercase;\n  --font-size-base: 1rem;\n  --border-width: 1px;\n}\n@media (prefers-color-scheme: dark) {\n  :root {\n    --background: oklch(0.18 0.02 280);\n    --surface: oklch(0.22 0.02 280);\n    --primary: #DA291C;\n    --secondary: #fedd00;\n    --accent: #3b82f6;\n    --text-primary: oklch(0.96 0.01 80);\n    --text-secondary: oklch(0.66 0.03 280);\n    --border: oklch(0.96 0.01 80);\n    --success: #22c55e;\n    --info: #3b82f6;\n    --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));\n    --warning: #f59e0b;\n    --error: #ef4444;\n    --neutral: #6b7280;\n  }\n}";
 export declare const stylePrompts: StylePrompt[];
 export declare const DEFAULT_STYLE_NAME: "brutalist web";
 export declare const defaultStylePrompt: string;

package/style-prompts.js

@@ -8,6 +8,7 @@ export const BRUTALIST_ROOT_CSS = `:root {
   --text-secondary: #6b6b80;
   --border: #1a1a2e;
   --success: #22c55e;
+  --info: #3b82f6;
   --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));
   --warning: #f59e0b;
   --error: #ef4444;
@@ -39,6 +40,7 @@ export const BRUTALIST_ROOT_CSS = `:root {
     --text-secondary: oklch(0.66 0.03 280);
     --border: oklch(0.96 0.01 80);
     --success: #22c55e;
+    --info: #3b82f6;
     --text-disabled: color-mix(in srgb, var(--text-primary) 38%, var(--background));
     --warning: #f59e0b;
     --error: #ef4444;

package/style-prompts.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-prompts.js","sourceRoot":"","sources":["../jsr/style-prompts.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ChC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAkB;IAIzC;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE;YACN,yXAAyX;YACzX,04BAA04B;YAC14B,o1BAAo1B;YACp1B,qjCAAqjC;YACrjC,ixBAAixB;YACjxB,0JAA0J;YAC1J,i0BAAi0B;YACj0B,ihEAAihE;YACjhE,mcAAmc;YACnc,yaAAya;YACza,2IAA2I;YAC3I,waAAwa;YACxa,ylCAAylC;YAKzlC;;;EAGJ,kBAAkB;SACX;YACH,oDAAoD;SACrD,CAAC,IAAI,CAAC,MAAM,CAAC;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EACJ,+8BAA+8B;KACl9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,uBAAuB;KAChC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;KAC/B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,qBAAqB;KAC9B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,0BAA0B;KACnC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,MAAM,EACJ,orCAAorC;KACvrC;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAwB,CAAC;AAG3D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAuB,CAAC;AACnD,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;IAC7B,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,IAAI,gCAAgC,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7B,CAAC;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,IAAI,KAAK,CACb,uBAAuB,kBAAkB,iDAAiD,SAAS,gDAAgD,CACpJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC,EAAE,CAAC"}
+{"version":3,"file":"style-prompts.js","sourceRoot":"","sources":["../jsr/style-prompts.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDhC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAkB;IAIzC;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE;YACN,yXAAyX;YACzX,04BAA04B;YAC14B,o1BAAo1B;YACp1B,qjCAAqjC;YACrjC,ixBAAixB;YACjxB,0JAA0J;YAC1J,i0BAAi0B;YACj0B,ihEAAihE;YACjhE,mcAAmc;YACnc,yaAAya;YACza,2IAA2I;YAC3I,waAAwa;YACxa,ylCAAylC;YAKzlC;;;EAGJ,kBAAkB;SACX;YACH,oDAAoD;SACrD,CAAC,IAAI,CAAC,MAAM,CAAC;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EACJ,+8BAA+8B;KACl9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,uBAAuB;KAChC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,sBAAsB;KAC/B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,mBAAmB;KAC5B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,qBAAqB;KAC9B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,0BAA0B;KACnC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,MAAM,EACJ,orCAAorC;KACvrC;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAwB,CAAC;AAG3D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAuB,CAAC;AACnD,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;IAC7B,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,IAAI,gCAAgC,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7B,CAAC;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IACtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,MAAM,IAAI,KAAK,CACb,uBAAuB,kBAAkB,iDAAiD,SAAS,gDAAgD,CACpJ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC,EAAE,CAAC"}

package/themes/colors/aqua.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Aqua
+colors:
+  background: "#ebfafb"
+  surface: "#ffffff"
+  primary: "#8ee6e9"
+  secondary: "#d9a8f7"
+  accent: "#d9a8f7"
+  text-primary: "#092728"
+  text-secondary: "#426566"
+  text-disabled: "#91a2a3"
+  border: "#8ee6e9"
+  success: "#a9f4c6"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#e0f3f3"
+  info: "#82d9fa"
+colorsDark:
+  background: "#081112"
+  surface: "#121e1f"
+  primary: "#8ee6e9"
+  secondary: "#d9a8f7"
+  accent: "#d9a8f7"
+  text-primary: "#e7f3f3"
+  text-secondary: "#9cb7b8"
+  text-disabled: "#657576"
+  border: "#8ee6e9"
+  success: "#a9f4c6"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#182727"
+  info: "#82d9fa"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"

package/themes/colors/brutalist.yaml

@@ -9,6 +9,7 @@ colors:
   text-secondary: "#6b6b80"
   border: "#1a1a2e"
   success: "#22c55e"
+  info: "#3b82f6"
 colorsDark:
   background: "oklch(0.18 0.02 280)"
   surface: "oklch(0.22 0.02 280)"
@@ -19,19 +20,18 @@ colorsDark:
   text-secondary: "oklch(0.66 0.03 280)"
   border: "oklch(0.96 0.01 80)"
   success: "#22c55e"
+  info: "#3b82f6"
 extras:
   on-primary: "#ffffff"
   on-secondary: "#1a1a2e"
   on-success: "#1a1a2e"
-  info: "#3b82f6"
-  on-info: "#ffffff"
+  on-info: "#1a1a2e"
   primary-light: "rgba(218, 41, 28, 0.1)"
 extrasDark:
   on-primary: "#ffffff"
   on-secondary: "#1a1a2e"
   on-success: "#1a1a2e"
-  info: "#3b82f6"
-  on-info: "#ffffff"
+  on-info: "#1a1a2e"
   primary-light: "rgba(218, 41, 28, 0.18)"
 structural:
   font-family: "'Space Grotesk', sans-serif"

package/themes/colors/celery.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Celery
+colors:
+  background: "#f5f9ed"
+  surface: "#ffffff"
+  primary: "#d8ef92"
+  secondary: "#d6a8f8"
+  accent: "#d6a8f8"
+  text-primary: "#1f2410"
+  text-secondary: "#5a6148"
+  text-disabled: "#9da093"
+  border: "#d8ef92"
+  success: "#bcf1b4"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#ecf1e2"
+  info: "#80daf8"
+colorsDark:
+  background: "#0f1009"
+  surface: "#1b1d14"
+  primary: "#d8ef92"
+  secondary: "#d6a8f8"
+  accent: "#d6a8f8"
+  text-primary: "#eff1e9"
+  text-secondary: "#aeb49f"
+  text-disabled: "#707367"
+  border: "#d8ef92"
+  success: "#bcf1b4"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#23261b"
+  info: "#80daf8"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"

package/themes/colors/home.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Home
+colors:
+  background: "#fffff0"
+  surface: "#ffffff"
+  primary: "#b6b6ff"
+  secondary: "#ffa4e7"
+  accent: "#ffa4e7"
+  text-primary: "#111111"
+  text-secondary: "#555555"
+  text-disabled: "#9fa092"
+  border: "#b6b6ff"
+  success: "#b5f2ba"
+  warning: "#ffe669"
+  error: "#ffb3a7"
+  neutral: "#eff0e1"
+  info: "#88d7ff"
+colorsDark:
+  background: "#111111"
+  surface: "#1a1a1a"
+  primary: "#b6b6ff"
+  secondary: "#ffa4e7"
+  accent: "#ffa4e7"
+  text-primary: "#e0e0e0"
+  text-secondary: "#a3a3a3"
+  text-disabled: "#727366"
+  border: "#b6b6ff"
+  success: "#b5f2ba"
+  warning: "#ffe669"
+  error: "#ffb3a7"
+  neutral: "#24251a"
+  info: "#88d7ff"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"

package/themes/colors/house.yaml

@@ -13,6 +13,7 @@ colors:
   warning: "#ffe58a"
   error: "#ffb38a"
   neutral: "#e9e0ff"
+  info: "#9ec8ff"
 colorsDark:
   background: "oklch(0.22 0.03 290)"
   surface: "oklch(0.27 0.035 290)"
@@ -27,18 +28,17 @@ colorsDark:
   warning: "#ffe58a"
   error: "#ffb38a"
   neutral: "oklch(0.31 0.035 290)"
+  info: "#9ec8ff"
 extras:
   on-primary: "#3a2e5c"
   on-secondary: "#3a2e5c"
   on-success: "#3a2e5c"
-  info: "#9ec8ff"
   on-info: "#3a2e5c"
   primary-light: "rgba(201, 168, 255, 0.22)"
 extrasDark:
   on-primary: "#3a2e5c"
   on-secondary: "#3a2e5c"
   on-success: "#3a2e5c"
-  info: "#9ec8ff"
   on-info: "#3a2e5c"
   primary-light: "rgba(201, 168, 255, 0.24)"
 structural:

package/themes/colors/lilac.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Lilac
+colors:
+  background: "#faf4ff"
+  surface: "#ffffff"
+  primary: "#d9a8f7"
+  secondary: "#8ee6e9"
+  accent: "#8ee6e9"
+  text-primary: "#271d2e"
+  text-secondary: "#65576e"
+  text-disabled: "#a39ba8"
+  border: "#d9a8f7"
+  success: "#a9f4c6"
+  warning: "#ffe485"
+  error: "#ffb2b2"
+  neutral: "#f3ebf9"
+  info: "#99d3ff"
+colorsDark:
+  background: "#110e14"
+  surface: "#1f1922"
+  primary: "#d9a8f7"
+  secondary: "#8ee6e9"
+  accent: "#8ee6e9"
+  text-primary: "#f3eef6"
+  text-secondary: "#b8acbf"
+  text-disabled: "#756e7a"
+  border: "#d9a8f7"
+  success: "#a9f4c6"
+  warning: "#ffe485"
+  error: "#ffb2b2"
+  neutral: "#27212b"
+  info: "#99d3ff"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"

package/themes/colors/mint.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Mint
+colors:
+  background: "#edfbf5"
+  surface: "#ffffff"
+  primary: "#a0efd5"
+  secondary: "#d6a8f8"
+  accent: "#d6a8f8"
+  text-primary: "#0d2720"
+  text-secondary: "#46655b"
+  text-disabled: "#93a39d"
+  border: "#a0efd5"
+  success: "#aff3c0"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#e2f3ed"
+  info: "#80daf8"
+colorsDark:
+  background: "#09110f"
+  surface: "#131f1b"
+  primary: "#a0efd5"
+  secondary: "#d6a8f8"
+  accent: "#d6a8f8"
+  text-primary: "#e9f3ef"
+  text-secondary: "#9fb8af"
+  text-disabled: "#667670"
+  border: "#a0efd5"
+  success: "#aff3c0"
+  warning: "#ffe669"
+  error: "#fdb59d"
+  neutral: "#1a2723"
+  info: "#80daf8"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"

package/themes/colors/peach.yaml

@@ -0,0 +1,79 @@
+# GENERATED by scripts/generate-pouf-colorsets.ts from the pouf room generator — do not edit by hand.
+name: Peach
+colors:
+  background: "#fff5ec"
+  surface: "#ffffff"
+  primary: "#ffc28c"
+  secondary: "#d4a8f9"
+  accent: "#d4a8f9"
+  text-primary: "#2e1e0f"
+  text-secondary: "#6e5946"
+  text-disabled: "#a89c92"
+  border: "#ffc28c"
+  success: "#c2efaf"
+  warning: "#ffe485"
+  error: "#feb4a0"
+  neutral: "#f9ece1"
+  info: "#80daf8"
+colorsDark:
+  background: "#140e09"
+  surface: "#221a13"
+  primary: "#ffc28c"
+  secondary: "#d4a8f9"
+  accent: "#d4a8f9"
+  text-primary: "#f6efe8"
+  text-secondary: "#c0ad9e"
+  text-disabled: "#7a6f66"
+  border: "#ffc28c"
+  success: "#c2efaf"
+  warning: "#ffe485"
+  error: "#feb4a0"
+  neutral: "#2b221a"
+  info: "#80daf8"
+extras:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "var(--on-primary)"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+  bg: "var(--background)"
+  ink: "var(--text-primary)"
+  purple: "var(--primary)"
+  mint: "var(--success)"
+  pink: "var(--error)"
+  yellow: "var(--warning)"
+  blue: "var(--info)"
+  orange: "var(--secondary)"
+  up: "var(--mint)"
+  down: "var(--pink)"
+  warn: "var(--yellow)"
+  idle: "var(--purple)"
+extrasDark:
+  on-primary: "#1a1a1a"
+  on-secondary: "#1a1a1a"
+  on-accent: "#1a1a1a"
+  on-success: "#1a1a1a"
+  on-warning: "#1a1a1a"
+  on-error: "#1a1a1a"
+  on-info: "#1a1a1a"
+structural:
+  font-family: "'Nunito Variable', 'Nunito', 'SF Pro Rounded', 'Helvetica Neue', system-ui, sans-serif"
+  font-family-mono: "ui-monospace, 'JetBrains Mono', Menlo, monospace"
+  radius: "20px"
+  radius-sm: "12px"
+  radius-lg: "32px"
+  spacing: "1rem"
+  shadow: "inset 0 -6px 0 rgba(0,0,0,0.15), inset 0 4px 0 rgba(255,255,255,0.35), 0 8px 16px rgba(58,46,92,0.2)"
+  shadow-sm: "inset 0 -3px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.3), 0 4px 10px rgba(58,46,92,0.16)"
+  shadow-lg: "inset 0 -8px 0 rgba(0,0,0,0.16), inset 0 6px 0 rgba(255,255,255,0.4), 0 16px 32px rgba(58,46,92,0.24)"
+  letter-spacing: "0"
+  letter-spacing-wide: "0.02em"
+  font-weight: "700"
+  text-transform: "none"
+  r-card: "32px"
+  r-control: "20px"
+  r-blob: "24px"
+  lip: "10px"
+  lip-row: "6px"