@vibes.diy/prompts 14.3.203 → 14.3.204

package/llms/{pouf-chat.md → ui-chat.md}

@@ -1,8 +1,8 @@
-# Pouf Chat
+# Chat
 
 A group conversation split into rooms: a crew's chat with a room per trip, a band's thread per song, a household's rooms for groceries and plans, a class's channel per project. Reach for it whenever the app's core is people sending each other short messages that read top to bottom as they arrive. Rooms and messages persist and arrive live, so everyone in the app sees a new message as soon as it is sent, on every device.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ Two views, one job each. The room list opens with the `Heading` and a muted coun
 import React, { useEffect, useRef, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Skeleton, Stack, Text } from "@vibes.diy/pouf";
-import { ScrollArea } from "@vibes.diy/pouf/interactive";
+import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Skeleton, Stack, Text } from "@vibes.diy/ui";
+import { ScrollArea } from "@vibes.diy/ui/interactive";
 
 const when = (ms) => new Date(ms).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
 

package/llms/ui-contact.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiContactConfig: LlmConfig;

package/llms/ui-contact.js

@@ -0,0 +1,7 @@
+export const uiContactConfig = {
+    name: "ui-contact",
+    aliases: ["pouf-contact"],
+    label: "Contact block",
+    description: "Contact form with validation that saves each message for the team",
+};
+//# sourceMappingURL=ui-contact.js.map

package/llms/ui-contact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-contact.js","sourceRoot":"","sources":["../../jsr/llms/ui-contact.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,eAAe,GAAc;IACxC,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,CAAC,cAAc,CAAC;IACzB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,mEAAmE;CACjF,CAAC"}

package/llms/{pouf-contact.md → ui-contact.md}

@@ -1,20 +1,20 @@
-# Pouf Contact
+# Contact
 
 A get-in-touch section where someone leaves their name, email, a topic and a message for the people behind the app: a photography studio's enquiry form, a community garden's question box, a band's booking request. Reach for it whenever the app's job is to collect a note and say clearly that it arrived. Every message persists as its own document, so the team can read and answer them later (the inbox block is the reading side).
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One view with one job: send a note. A `Grid cols="sidebar"` puts the pitch beside the form: an `info` `Badge` with the reply time, an `Eyebrow`, the `Heading` and a muted line, then two tight `Card`s that tilt, each fronted by a small `Blob` (`info` mail, `idle` clock). The form sits on its own `Card`: name and email `Input`s, a topic `Select` and a message `Textarea`, each in a `Field`. It is checked in plain state on submit, with each error on its own `Field`, its control `invalid` and focus moved to the first one. `Send message` is the view's one lead and shows `loading` while the write lands. Each message is one document, stamped with the sender's handle when they are signed in. The form waits on its `can` verdict from `useVibe("contact")`: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to send a message` lead wired to `requestLogin()` when sending is closed to a signed-out visitor, and a sentence in the app's own words when it is closed to someone already signed in. Where `access.js` lets a signed-out visitor write, they can still send; their note is kept on this device until they sign in. So their confirmation says that honestly (`Your note is waiting`), and its lead is `Sign in to send it`, wired to `useViewer().requestLogin()`. A signed-in sender sees `Message sent` in an `Empty`, with a quiet `Send another message`.
+One view with one job: send a note. A `Grid cols="sidebar"` puts the pitch beside the form: an `info` `Badge` with the reply time, an `Eyebrow`, the `Heading` and a muted line, then two tight `Card`s that tilt, each fronted by a small `IconTile` (`info` mail, `idle` clock). The form sits on its own `Card`: name and email `Input`s, a topic `Select` and a message `Textarea`, each in a `Field`. It is checked in plain state on submit, with each error on its own `Field`, its control `invalid` and focus moved to the first one. `Send message` is the view's one lead and shows `loading` while the write lands. Each message is one document, stamped with the sender's handle when they are signed in. The form waits on its `can` verdict from `useVibe("contact")`: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to send a message` lead wired to `requestLogin()` when sending is closed to a signed-out visitor, and a sentence in the app's own words when it is closed to someone already signed in. Where `access.js` lets a signed-out visitor write, they can still send; their note is kept on this device until they sign in. So their confirmation says that honestly (`Your note is waiting`), and its lead is `Sign in to send it`, wired to `useViewer().requestLogin()`. A signed-in sender sees `Message sent` in an `Empty`, with a quiet `Send another message`.
 
 ### `App.jsx`
 ```jsx
 import React, { useRef, useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Badge, Blob, Button, Card, Empty, Eyebrow, Field, Grid, Heading, Input, Row, Skeleton, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Select } from "@vibes.diy/pouf/interactive";
+import { Badge, IconTile, Button, Card, Empty, Eyebrow, Field, Grid, Heading, Input, Row, Skeleton, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Select } from "@vibes.diy/ui/interactive";
 
 const TOPICS = [
   { value: "booking", label: "Book a shoot" },
@@ -194,7 +194,7 @@ export default function App() {
           </Stack>
           <Card variant="tight" motion="tilt-left">
             <Row gap={3} wrap={false} align="top">
-              <Blob icon="mail" tone="info" size="sm" />
+              <IconTile icon="mail" tone="info" size="sm" />
               <Stack gap={1}>
                 <Text>Prefer email?</Text>
                 <Text size="sm" muted>
@@ -205,7 +205,7 @@ export default function App() {
           </Card>
           <Card variant="tight" motion="tilt-right">
             <Row gap={3} wrap={false} align="top">
-              <Blob icon="clock" tone="idle" size="sm" />
+              <IconTile icon="clock" tone="idle" size="sm" />
               <Stack gap={1}>
                 <Text>Read by a person</Text>
                 <Text size="sm" muted>

package/llms/ui-course.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiCourseConfig: LlmConfig;

package/llms/ui-course.js

@@ -0,0 +1,7 @@
+export const uiCourseConfig = {
+    name: "ui-course",
+    aliases: ["pouf-course"],
+    label: "Course block",
+    description: "Course outline with lessons to complete and a progress bar",
+};
+//# sourceMappingURL=ui-course.js.map

package/llms/ui-course.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-course.js","sourceRoot":"","sources":["../../jsr/llms/ui-course.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,CAAC,aAAa,CAAC;IACxB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,4DAA4D;CAC1E,CAAC"}

package/llms/{pouf-course.md → ui-course.md}

@@ -1,12 +1,12 @@
-# Pouf Course
+# Course
 
 A course outline someone works through lesson by lesson: a beginner pottery class, new staff training at a café, a study plan for an exam, a coding bootcamp's first week. Reach for it whenever the app's core is an ordered set of lessons, each with a rough length, that a person marks complete while a bar shows how far along they are. The lessons and each person's completions persist, so progress is waiting on the next visit and on every device, and every learner keeps their own.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-Two views, one job each. The outline opens with the `Heading` and a muted count beside a quiet `Add lesson` button that opens a `Dialog` with the lesson form. A `Card` holds the person's progress: a `Progress` bar toned `up`, the percent and minutes left in `Text`, a `Blob` (`info` target while lessons remain, `up` trophy once they are all done) and a `Continue` button, the outline's one lead, that opens the next unfinished lesson. Each lesson is a clickable `RowCard` with a small `Blob`, a muted line for its kind and length, its title and a `Badge` (`up` done, `idle` to do); an `Empty` stands in before the first lesson. Opening a lesson swaps in the lesson view: a quiet `IconButton` to go back, the kind as an `info` `Badge`, the title as the `Heading`, `Metric`s for the time and the lesson's place in the course, and `Mark complete` as that view's lead (or, once done, a quiet `Mark not done` beside a `Next lesson` lead). A completion is its own document with a deterministic `_id` per lesson and person, so each learner's progress is theirs and marking twice lands on one document. Every write waits on its `can` verdict from `useVibe("course")`: the lesson form and the completion buttons show a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves and a sentence in the app's own words when that write is closed to this visitor. Progress belongs to a person, so a visitor who has not signed in sees a `Sign in to track progress` button wired to `useViewer().requestLogin()` instead of the completion buttons.
+Two views, one job each. The outline opens with the `Heading` and a muted count beside a quiet `Add lesson` button that opens a `Dialog` with the lesson form. A `Card` holds the person's progress: a `Progress` bar toned `up`, the percent and minutes left in `Text`, an `IconTile` (`info` target while lessons remain, `up` trophy once they are all done) and a `Continue` button, the outline's one lead, that opens the next unfinished lesson. Each lesson is a clickable `RowCard` with a small `IconTile`, a muted line for its kind and length, its title and a `Badge` (`up` done, `idle` to do); an `Empty` stands in before the first lesson. Opening a lesson swaps in the lesson view: a quiet `IconButton` to go back, the kind as an `info` `Badge`, the title as the `Heading`, `Metric`s for the time and the lesson's place in the course, and `Mark complete` as that view's lead (or, once done, a quiet `Mark not done` beside a `Next lesson` lead). A completion is its own document with a deterministic `_id` per lesson and person, so each learner's progress is theirs and marking twice lands on one document. Every write waits on its `can` verdict from `useVibe("course")`: the lesson form and the completion buttons show a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves and a sentence in the app's own words when that write is closed to this visitor. Progress belongs to a person, so a visitor who has not signed in sees a `Sign in to track progress` button wired to `useViewer().requestLogin()` instead of the completion buttons.
 
 ### `App.jsx`
 ```jsx
@@ -15,7 +15,7 @@ import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
 import {
   Badge,
-  Blob,
+  IconTile,
   Button,
   Card,
   Empty,
@@ -32,8 +32,8 @@ import {
   Spacer,
   Stack,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Progress, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Progress, Select, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const KINDS = [
   { value: "Lesson", label: "Lesson" },
@@ -247,7 +247,7 @@ export default function App() {
                     </Row>
                   )}
                 </Stack>
-                <Blob icon={finished ? "trophy" : "target"} tone={finished ? "up" : "info"} size="md" />
+                <IconTile icon={finished ? "trophy" : "target"} tone={finished ? "up" : "info"} size="md" />
               </Row>
             </Card>
           )}
@@ -263,7 +263,7 @@ export default function App() {
                 return (
                   <RowCard key={lesson._id} onClick={() => setOpenId(lesson._id)}>
                     <Row gap={3} wrap={false}>
-                      <Blob icon={done ? "ok" : lesson.kind === "Quiz" ? "wand" : "play"} tone={done ? "up" : "idle"} size="sm" />
+                      <IconTile icon={done ? "ok" : lesson.kind === "Quiz" ? "wand" : "play"} tone={done ? "up" : "idle"} size="sm" />
                       <Stack gap={1}>
                         <Text size="sm" muted>
                           {lesson.kind} · {MINUTES.format(lesson.minutes)}
@@ -280,7 +280,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-crm.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiCrmConfig: LlmConfig;

package/llms/ui-crm.js

@@ -0,0 +1,7 @@
+export const uiCrmConfig = {
+    name: "ui-crm",
+    aliases: ["pouf-crm"],
+    label: "Crm block",
+    description: "Customer list with stages, account details and notes per contact",
+};
+//# sourceMappingURL=ui-crm.js.map

package/llms/ui-crm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-crm.js","sourceRoot":"","sources":["../../jsr/llms/ui-crm.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,CAAC,UAAU,CAAC;IACrB,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,kEAAkE;CAChF,CAAC"}

package/llms/{pouf-crm.md → ui-crm.md}

@@ -1,8 +1,8 @@
-# Pouf CRM
+# CRM
 
 A customer list that remembers where every relationship stands: a design studio's clients, a bakery's wholesale accounts, a freelancer's leads, a nonprofit's donors. Reach for it whenever the app's core is people or companies the person keeps in touch with, each carrying a stage (a lead, active, at risk), a few account details and a running trail of notes. Customers, their stage and every note persist, so the list is where it was left on the next visit and for everyone working the accounts.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -33,8 +33,8 @@ import {
   Stack,
   Text,
   Textarea,
-} from "@vibes.diy/pouf";
-import { Dialog, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Select, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const STAGES = {
   lead: { label: "Lead", tone: "info" },
@@ -312,7 +312,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-dashboard.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiDashboardConfig: LlmConfig;

package/llms/ui-dashboard.js

@@ -0,0 +1,7 @@
+export const uiDashboardConfig = {
+    name: "ui-dashboard",
+    aliases: ["pouf-dashboard"],
+    label: "Dashboard block",
+    description: "Sales dashboard with figures, a range chart and a sortable table",
+};
+//# sourceMappingURL=ui-dashboard.js.map

package/llms/ui-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dashboard.js","sourceRoot":"","sources":["../../jsr/llms/ui-dashboard.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kEAAkE;CAChF,CAAC"}

package/llms/{pouf-dashboard.md → ui-dashboard.md}

@@ -1,12 +1,12 @@
-# Pouf Dashboard
+# Dashboard
 
 An overview page that turns the records an app keeps into a few headline figures, a chart and a table: a candle shop's sales, a bake sale's takings, a market stall's week, a club's ticket sales. Reach for it whenever the app's core is "how are we doing", answered from things people log. The figures are never typed in by hand: each sale is its own document, and every number, bar and row on the page is computed from those documents when it renders, so the dashboard is current on the next visit and on every device that opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One view with one job: read the business at a glance. The `Heading` and a muted line open the page, beside a `Segmented` range picker (`tone="info"`) that scopes the money taken, the sales count, the chart and the table. Three `Stat`s follow in a `Grid`, each toned by meaning (`up` for money taken, `info` for a plain count, `warn` for sales still waiting on payment); the unpaid count ignores the range on purpose, because a sale still owed does not stop being owed when it scrolls out of the week. Under them a `Card` holds the `AreaChart` from `@vibes.diy/pouf/charts`, one bucket per day, week or month, its one series toned `up` like the money-taken `Stat` it breaks down. The `Grid cols="sidebar"` below puts the range's latest sales in a `Table` on the main side (sortable columns, the status as a `Badge` read from the stored field: `up` paid, `warn` awaiting payment) and the `Record a sale` form on the side, whose button is the view's one lead and shows `loading` while the write lands. A sale still awaiting payment gets a quiet `Mark paid` in its row, showing `loading` until its write lands. Every write waits on its `can` verdict from `useVibe("sales")`, the database the sales live in: the form shows a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves, a `Sign in to record sales` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when recording is closed to a signed-in visitor; `Mark paid` renders only where `can.edit(sale).ok`.
+One view with one job: read the business at a glance. The `Heading` and a muted line open the page, beside a `Segmented` range picker (`tone="info"`) that scopes the money taken, the sales count, the chart and the table. Three `Stat`s follow in a `Grid`, each toned by meaning (`up` for money taken, `info` for a plain count, `warn` for sales still waiting on payment); the unpaid count ignores the range on purpose, because a sale still owed does not stop being owed when it scrolls out of the week. Under them a `Card` holds the `AreaChart` from `@vibes.diy/ui/charts`, one bucket per day, week or month, its one series toned `up` like the money-taken `Stat` it breaks down. The `Grid cols="sidebar"` below puts the range's latest sales in a `Table` on the main side (sortable columns, the status as a `Badge` read from the stored field: `up` paid, `warn` awaiting payment) and the `Record a sale` form on the side, whose button is the view's one lead and shows `loading` while the write lands. A sale still awaiting payment gets a quiet `Mark paid` in its row, showing `loading` until its write lands. Every write waits on its `can` verdict from `useVibe("sales")`, the database the sales live in: the form shows a `Skeleton` inside an `aria-busy` wrapper while the verdict resolves, a `Sign in to record sales` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when recording is closed to a signed-in visitor; `Mark paid` renders only where `can.edit(sale).ok`.
 
 ### `App.jsx`
 ```jsx
@@ -30,9 +30,9 @@ import {
   Stat,
   Table,
   Text,
-} from "@vibes.diy/pouf";
-import { Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
-import { AreaChart } from "@vibes.diy/pouf/charts";
+} from "@vibes.diy/ui";
+import { Select, Toaster, toast } from "@vibes.diy/ui/interactive";
+import { AreaChart } from "@vibes.diy/ui/charts";
 
 const MONEY = new Intl.NumberFormat(undefined, { style: "currency", currency: "USD" });
 const RANGES = [
@@ -255,7 +255,7 @@ export default function App() {
           {form}
         </Grid>
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-editorial.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiEditorialConfig: LlmConfig;

package/llms/ui-editorial.js

@@ -0,0 +1,7 @@
+export const uiEditorialConfig = {
+    name: "ui-editorial",
+    aliases: ["pouf-editorial"],
+    label: "Editorial block",
+    description: "Story pipeline moving drafts through scheduled to published",
+};
+//# sourceMappingURL=ui-editorial.js.map

package/llms/ui-editorial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-editorial.js","sourceRoot":"","sources":["../../jsr/llms/ui-editorial.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,6DAA6D;CAC3E,CAAC"}

package/llms/{pouf-editorial.md → ui-editorial.md}

@@ -1,8 +1,8 @@
-# Pouf Editorial
+# Editorial
 
 A story pipeline that walks each piece from idea to launch: a school newspaper's desk, a newsletter's post queue, a team blog's calendar, a zine's issue plan. Reach for it whenever the app's core is pieces of writing that each sit in one stage (draft, scheduled, published) and move forward one step at a time. Stories and their stage persist, so the desk is where the team left it on the next visit and for everyone working it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -32,8 +32,8 @@ import {
   Spacer,
   Stack,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const STAGES = {
   draft: { label: "Draft", plural: "Drafts", empty: "No drafts", tone: "idle" },
@@ -228,7 +228,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-event.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiEventConfig: LlmConfig;

package/llms/ui-event.js

@@ -0,0 +1,7 @@
+export const uiEventConfig = {
+    name: "ui-event",
+    aliases: ["pouf-event"],
+    label: "Event block",
+    description: "Guest check-in desk with arrivals count, search and attendance filter",
+};
+//# sourceMappingURL=ui-event.js.map

package/llms/ui-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-event.js","sourceRoot":"","sources":["../../jsr/llms/ui-event.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,uEAAuE;CACrF,CAAC"}

package/llms/{pouf-event.md → ui-event.md}

@@ -1,8 +1,8 @@
-# Pouf Event
+# Event
 
 A check-in desk for the door of an event: an astronomy night's arrivals, a wedding reception, a meetup's RSVPs, a workshop's sign-in sheet. Reach for it whenever the app's core is a list of people expected somewhere who get marked as arrived, with a running count of who is in and who is still on the way. Guests and their check-ins persist, so every volunteer at the door sees the same list on their own phone and it survives a reload.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -31,8 +31,8 @@ import {
   Stack,
   Stat,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Select, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Select, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const NUMBER = new Intl.NumberFormat();
 
@@ -218,7 +218,7 @@ export default function App() {
           </Stack>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-feed.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiFeedConfig: LlmConfig;

package/llms/ui-feed.js

@@ -0,0 +1,7 @@
+export const uiFeedConfig = {
+    name: "ui-feed",
+    aliases: ["pouf-feed"],
+    label: "Feed block",
+    description: "Social feed to post updates, like them and reply in comments",
+};
+//# sourceMappingURL=ui-feed.js.map

package/llms/ui-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-feed.js","sourceRoot":"","sources":["../../jsr/llms/ui-feed.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,CAAC,WAAW,CAAC;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8DAA8D;CAC5E,CAAC"}

package/llms/{pouf-feed.md → ui-feed.md}

@@ -1,8 +1,8 @@
-# Pouf Feed
+# Feed
 
 A stream of short posts that people write, like and talk under: a club's news board, a family update wall, a class's shout-outs, a team's wins channel. Reach for it whenever the app's core is people posting a few sentences for each other and reacting to what others posted. Posts, likes and comments persist, so the conversation is waiting on the next visit and on every device that opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ One view with one job: the feed. The `Heading` and a muted count open the page;
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Confirm, Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Button, Card, Empty, Field, Heading, Icon, IconButton, Input, Row, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Confirm, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const when = (ms) => new Date(ms).toLocaleString([], { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" });
 
@@ -231,7 +231,7 @@ export default function App() {
           </Stack>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-game.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiGameConfig: LlmConfig;

package/llms/ui-game.js

@@ -0,0 +1,7 @@
+export const uiGameConfig = {
+    name: "ui-game",
+    aliases: ["pouf-game"],
+    label: "Game block",
+    description: "Turn-based game screen with health bars, inventory and saved high scores",
+};
+//# sourceMappingURL=ui-game.js.map

package/llms/ui-game.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-game.js","sourceRoot":"","sources":["../../jsr/llms/ui-game.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,CAAC,WAAW,CAAC;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,0EAA0E;CACxF,CAAC"}

package/llms/{pouf-game.md → ui-game.md}

@@ -1,20 +1,20 @@
-# Pouf Game
+# Game
 
 A small turn-based game screen with a scoreboard that remembers: a boss fight for friends, a kids' dungeon run, a classroom quiz battle, a quick office break game. Reach for it whenever the app's core is a short run someone plays through, with bars that move, a few items to equip and a high-score table to beat. The run itself lives in the page while it is played; each finished run that someone saves is its own score document, so the leaderboard is there on the next visit and for everyone who opens the app.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
-One view with one job: play the run, then post the score. An `Eyebrow`, the `Heading` and two `Stat`s (this run's score `info`, the visitor's best `up`) open the page. The fight sits on a `Card`: the boss's health as a `Progress` toned `down`, the player's as `up` (turning `warn` when low), the spell charge as `info`, each with a muted numeric readout, and `Attack` as the view's one lead beside a quiet `Cast spell`. The boss hits back after every move it survives, a cast that only charges included, so attacking and casting both cost health and the scores spread out instead of piling up at one ceiling. The inventory is one clickable `RowCard` per item with a decorative `orange` `Blob`, its name and effect in `Text`, and a `Badge` for its state (`up` equipped, `idle` not). When the run ends the actions give way to the result: `Save score` becomes the lead, with `loading` while the write lands, and a quiet `Play again`. The leaderboard `Table` shows each player's best saved run, the player as a `ViewerTag`. Saving waits on its `can` verdict from `useVibe("arcade")`, the database the scores live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to save your score` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when saving is closed. Anyone can play without signing in. The finished run lives only in the page until it is saved, so if signing in reloads the app that run is gone; the copy says so rather than promising otherwise.
+One view with one job: play the run, then post the score. An `Eyebrow`, the `Heading` and two `Stat`s (this run's score `info`, the visitor's best `up`) open the page. The fight sits on a `Card`: the boss's health as a `Progress` toned `down`, the player's as `up` (turning `warn` when low), the spell charge as `info`, each with a muted numeric readout, and `Attack` as the view's one lead beside a quiet `Cast spell`. The boss hits back after every move it survives, a cast that only charges included, so attacking and casting both cost health and the scores spread out instead of piling up at one ceiling. The inventory is one clickable `RowCard` per item with a decorative `orange` `IconTile`, its name and effect in `Text`, and a `Badge` for its state (`up` equipped, `idle` not). When the run ends the actions give way to the result: `Save score` becomes the lead, with `loading` while the write lands, and a quiet `Play again`. The leaderboard `Table` shows each player's best saved run, the player as a `ViewerTag`. Saving waits on its `can` verdict from `useVibe("arcade")`, the database the scores live in: a `Skeleton` inside an `aria-busy` wrapper while it resolves, a `Sign in to save your score` lead wired to `useViewer().requestLogin()` for a visitor who has not signed in, and a sentence in the app's own words when saving is closed. Anyone can play without signing in. The finished run lives only in the page until it is saved, so if signing in reloads the app that run is gone; the copy says so rather than promising otherwise.
 
 ### `App.jsx`
 ```jsx
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Badge, Blob, Button, Card, Empty, Eyebrow, Grid, Heading, Row, RowCard, Skeleton, Stack, Stat, Table, Text } from "@vibes.diy/pouf";
-import { Progress } from "@vibes.diy/pouf/interactive";
+import { Badge, IconTile, Button, Card, Empty, Eyebrow, Grid, Heading, Row, RowCard, Skeleton, Stack, Stat, Table, Text } from "@vibes.diy/ui";
+import { Progress } from "@vibes.diy/ui/interactive";
 
 const BOSS_MAX = 120;
 // The boss's counter-hit: 10 to 16 each turn, less whatever armour blocks.
@@ -219,7 +219,7 @@ export default function App() {
                   <RowCard key={item.id} onClick={used || over ? undefined : () => toggleItem(item)}>
                     <Row justify="between" wrap={false}>
                       <Row gap={3} wrap={false}>
-                        <Blob icon={item.icon} tone="orange" size="sm" />
+                        <IconTile icon={item.icon} tone="orange" size="sm" />
                         <Stack gap={1}>
                           <Text>{item.name}</Text>
                           <Text size="sm" muted>

package/llms/ui-inbox.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiInboxConfig: LlmConfig;

package/llms/ui-inbox.js

@@ -0,0 +1,7 @@
+export const uiInboxConfig = {
+    name: "ui-inbox",
+    aliases: ["pouf-inbox"],
+    label: "Inbox block",
+    description: "Shared inbox to send notes, search, read, reply and archive",
+};
+//# sourceMappingURL=ui-inbox.js.map

package/llms/ui-inbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-inbox.js","sourceRoot":"","sources":["../../jsr/llms/ui-inbox.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,CAAC,YAAY,CAAC;IACvB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,6DAA6D;CAC3E,CAAC"}

package/llms/{pouf-inbox.md → ui-inbox.md}

@@ -1,8 +1,8 @@
-# Pouf Inbox
+# Inbox
 
 A shared mailbox of notes that people send in and a few people read, answer and file away: a residents' committee inbox, workshop feedback, a club's suggestion box, a family's requests for the weekend. Reach for it whenever the app's core is messages that arrive one at a time, each with a subject, and get opened, replied to and archived. Notes and replies persist, so the inbox, what has been read and what has been archived are the same on the next visit and for everyone who opens it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -13,8 +13,8 @@ Two views, one job each. The list opens with the `Heading` and a muted unread co
 import React, { useState } from "react";
 import { useFireproof } from "use-fireproof";
 import { useViewer, useVibe } from "use-vibes";
-import { Button, Card, Dot, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Segmented, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/pouf";
-import { Confirm, Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+import { Button, Card, Dot, Empty, Field, Heading, Icon, IconButton, Input, Row, RowCard, Segmented, Skeleton, Spacer, Stack, Text, Textarea } from "@vibes.diy/ui";
+import { Confirm, Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const BOXES = [
   { value: "inbox", label: "Inbox" },
@@ -313,7 +313,7 @@ export default function App() {
           )}
         </Stack>
       )}
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-inventory.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiInventoryConfig: LlmConfig;

package/llms/ui-inventory.js

@@ -0,0 +1,7 @@
+export const uiInventoryConfig = {
+    name: "ui-inventory",
+    aliases: ["pouf-inventory"],
+    label: "Inventory block",
+    description: "Stock list with low-stock alerts, receiving and per-item details",
+};
+//# sourceMappingURL=ui-inventory.js.map

package/llms/ui-inventory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-inventory.js","sourceRoot":"","sources":["../../jsr/llms/ui-inventory.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kEAAkE;CAChF,CAAC"}

package/llms/{pouf-inventory.md → ui-inventory.md}

@@ -1,8 +1,8 @@
-# Pouf Inventory
+# Inventory
 
 A stock list that says what is ready to sell and what needs reordering: a candle shop's shelves, a food pantry's cupboard, a makerspace's supplies, a café's dry goods. Reach for it whenever the app's core is items counted on hand, each with a level at which it should be restocked, and deliveries that bring the counts back up. Items and every delivery persist, so the stockroom reads the same on the next visit and for everyone keeping it.
 
-Built from @vibes.diy/pouf components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
+Built from @vibes.diy/ui components; persisted state lives in Fireproof. Every write surface is gated on `useVibe(dbName).can`.
 
 ## The block
 
@@ -31,8 +31,8 @@ import {
   Stat,
   Table,
   Text,
-} from "@vibes.diy/pouf";
-import { Dialog, Toaster, toast } from "@vibes.diy/pouf/interactive";
+} from "@vibes.diy/ui";
+import { Dialog, Toaster, toast } from "@vibes.diy/ui/interactive";
 
 const NUMBER = new Intl.NumberFormat();
 const MONEY = new Intl.NumberFormat(undefined, { style: "currency", currency: "USD" });
@@ -326,7 +326,7 @@ export default function App() {
           </Grid>
         )}
       </Stack>
-      <div className="pouf-toasts">
+      <div className="ui-toasts">
         <Toaster />
       </div>
     </main>

package/llms/ui-kanban.d.ts

@@ -0,0 +1,2 @@
+import type { LlmConfig } from "./types.js";
+export declare const uiKanbanConfig: LlmConfig;

package/llms/ui-kanban.js

@@ -0,0 +1,7 @@
+export const uiKanbanConfig = {
+    name: "ui-kanban",
+    aliases: ["pouf-kanban"],
+    label: "Kanban block",
+    description: "Kanban board with columns and cards you drag between them",
+};
+//# sourceMappingURL=ui-kanban.js.map

package/llms/ui-kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-kanban.js","sourceRoot":"","sources":["../../jsr/llms/ui-kanban.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,CAAC,aAAa,CAAC;IACxB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,2DAA2D;CACzE,CAAC"}