@flickfyi/flkr 0.0.140 → 0.0.146

package/node_modules/@flickfyi/core/examples/kowalski/expense/expense.tsx

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Expense } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ExpenseExample() {
+	useTheme(theme)
+
+	return (
+		<Expense
+			amount={18.5}
+			category="Food &amp; drink"
+			title="Coffee with the team"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Expense from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Expense',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/goal/goal.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import GoalExample from './goal'
+import exampleSource from './goal.tsx?raw'
+
+const meta = {
+	component: GoalExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Goal',
+} satisfies Meta<typeof GoalExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/goal/goal.tsx

@@ -0,0 +1,24 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Goal } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function GoalExample() {
+	useTheme(theme)
+
+	return (
+		<Goal
+			progress={3}
+			target={12}
+			title="Make room to read"
+			unit="books"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Goal from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Goal',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/habit/habit.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import HabitExample from './habit'
+import exampleSource from './habit.tsx?raw'
+
+const meta = {
+	component: HabitExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Habit',
+} satisfies Meta<typeof HabitExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/habit/habit.tsx

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Habit } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function HabitExample() {
+	useTheme(theme)
+
+	return (
+		<Habit
+			timeZone="America/Los_Angeles"
+			title="Read a few pages"
+			weekdays={['monday', 'tuesday', 'wednesday', 'thursday', 'friday']}
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Habit from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Habit',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/ledger/ledger.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import LedgerExample from './ledger'
+import exampleSource from './ledger.tsx?raw'
+
+const meta = {
+	component: LedgerExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Ledger',
+} satisfies Meta<typeof LedgerExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/ledger/ledger.tsx

@@ -0,0 +1,25 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Ledger } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function LedgerExample() {
+	useTheme(theme)
+
+	return (
+		<Ledger
+			people={[
+				{ id: 'sam', label: 'Sam' },
+				{ id: 'riley', label: 'Riley' },
+			]}
+			title="Apartment tab"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Ledger from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Ledger',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/note/note.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import NoteExample from './note'
+import exampleSource from './note.tsx?raw'
+
+const meta = {
+	component: NoteExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Note',
+} satisfies Meta<typeof NoteExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/note/note.tsx

@@ -0,0 +1,22 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Note } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function NoteExample() {
+	useTheme(theme)
+
+	return (
+		<Note
+			body={'Make the next step obvious.\n\nLeave enough room for the thing that matters.'}
+			title="A thought worth keeping"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Note from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Note',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/poll/poll.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import PollExample from './poll'
+import exampleSource from './poll.tsx?raw'
+
+const meta = {
+	component: PollExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Poll',
+} satisfies Meta<typeof PollExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/poll/poll.tsx

@@ -0,0 +1,26 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Poll } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function PollExample() {
+	useTheme(theme)
+
+	return (
+		<Poll
+			options={[
+				{ id: 'ramen', label: 'Ramen' },
+				{ id: 'tacos', label: 'Tacos' },
+				{ id: 'pizza', label: 'Pizza' },
+			]}
+			question="Where should we eat?"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Poll from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Poll',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/random-picker/random-picker.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import RandomPickerExample from './random-picker'
+import exampleSource from './random-picker.tsx?raw'
+
+const meta = {
+	component: RandomPickerExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/RandomPicker',
+} satisfies Meta<typeof RandomPickerExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/random-picker/random-picker.tsx

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { RandomPicker } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function RandomPickerExample() {
+	useTheme(theme)
+
+	return (
+		<RandomPicker
+			mode="list"
+			options={['Take a walk', 'Make some tea', 'Read a chapter']}
+			title="What should we do?"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable RandomPicker from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'RandomPicker',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/rating/rating.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import RatingExample from './rating'
+import exampleSource from './rating.tsx?raw'
+
+const meta = {
+	component: RatingExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Rating',
+} satisfies Meta<typeof RatingExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/rating/rating.tsx

@@ -0,0 +1,19 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Rating } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function RatingExample() {
+	useTheme(theme)
+
+	return (
+		<Rating subject="Luigi's on 5th" title="Rate dinner" />
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Rating from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Rating',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/recipe/recipe.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import RecipeExample from './recipe'
+import exampleSource from './recipe.tsx?raw'
+
+const meta = {
+	component: RecipeExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Recipe',
+} satisfies Meta<typeof RecipeExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/recipe/recipe.tsx

@@ -0,0 +1,120 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Recipe } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function RecipeExample() {
+	useTheme(theme)
+
+	return (
+		<Recipe
+			ingredients={[
+				{ id: 'water', label: 'Well-salted water' },
+				{ amount: 200, id: 'pasta', label: 'Spaghetti', unit: 'g' },
+				{ amount: 4, id: 'oil', label: 'Olive oil', unit: 'tbsp' },
+				{ amount: 3, id: 'garlic', label: 'Garlic cloves' },
+				{ id: 'chili', label: 'Chili flakes', notes: ['optional'], unit: 'a pinch' },
+				{ id: 'parsley', label: 'Parsley', unit: 'a handful' },
+				{ id: 'cheese', label: 'Grated Parmesan', unit: 'to taste' },
+			]}
+			servings={2}
+			steps={[
+				{
+					attention: 'passive',
+					id: 'heat-water',
+					instruction: 'Bring a large pot of salted water to a boil.',
+					kind: 'setup',
+					label: 'water',
+					outputs: [{ id: 'boiling-water', name: 'Boiling water' }],
+					uses: [
+						{ id: 'u-water', source: { ingredientId: 'water', kind: 'ingredient' } },
+					],
+				},
+				{
+					id: 'slice',
+					instruction: 'Thinly slice the garlic and chop the parsley.',
+					label: 'slicing',
+					outputs: [
+						{ id: 'sliced-garlic', name: 'Sliced garlic' },
+						{ id: 'chopped-parsley', name: 'Chopped parsley' },
+					],
+					uses: [
+						{ id: 'u-garlic', source: { ingredientId: 'garlic', kind: 'ingredient' } },
+						{ id: 'u-parsley', source: { ingredientId: 'parsley', kind: 'ingredient' } },
+					],
+				},
+				{
+					attention: 'passive',
+					doneness: 'al dente',
+					duration: { maxMinutes: 10, minMinutes: 8, raw: '8–10 min' },
+					id: 'boil',
+					instruction: 'Cook the spaghetti until al dente.',
+					label: 'pasta',
+					outputs: [{ id: 'pasta-pot', name: 'Pasta in its water' }],
+					uses: [
+						{ id: 'u-pot', source: { kind: 'output', outputId: 'boiling-water' } },
+						{ id: 'u-pasta', source: { ingredientId: 'pasta', kind: 'ingredient' } },
+					],
+				},
+				{
+					attention: 'active',
+					doneness: 'pale gold',
+					duration: { maxMinutes: 4, minMinutes: 4, raw: '4 min' },
+					id: 'sizzle',
+					instruction: 'Cook the garlic and chili in the oil over low heat.',
+					label: 'garlic oil',
+					outputs: [{ id: 'garlic-oil', name: 'Garlic oil' }],
+					uses: [
+						{ id: 'u-oil', source: { ingredientId: 'oil', kind: 'ingredient' } },
+						{ id: 'u-sliced', source: { kind: 'output', outputId: 'sliced-garlic' } },
+						{ id: 'u-chili', source: { ingredientId: 'chili', kind: 'ingredient' } },
+					],
+				},
+				{
+					id: 'drain',
+					instruction: 'Drain the pasta, saving a cup of the cooking water.',
+					label: 'draining',
+					outputs: [
+						{ id: 'drained', name: 'Drained pasta' },
+						{ id: 'pasta-water', name: 'Pasta water' },
+					],
+					uses: [{ id: 'u-drain', source: { kind: 'output', outputId: 'pasta-pot' } }],
+				},
+				{
+					id: 'toss',
+					instruction: 'Toss the pasta in the garlic oil with a splash of pasta water.',
+					label: 'tossing',
+					outputs: [{ id: 'tossed', name: 'Tossed pasta' }],
+					uses: [
+						{ id: 'u-drained', source: { kind: 'output', outputId: 'drained' } },
+						{ id: 'u-garlic-oil', source: { kind: 'output', outputId: 'garlic-oil' } },
+						{
+							id: 'u-pasta-water',
+							portion: 'a splash',
+							source: { kind: 'output', outputId: 'pasta-water' },
+						},
+					],
+				},
+				{
+					id: 'serve',
+					instruction: 'Finish with the parsley and Parmesan, and serve.',
+					kind: 'serve',
+					label: 'serving',
+					uses: [
+						{ id: 'u-tossed', source: { kind: 'output', outputId: 'tossed' } },
+						{ id: 'u-chopped', source: { kind: 'output', outputId: 'chopped-parsley' } },
+						{ id: 'u-cheese', source: { ingredientId: 'cheese', kind: 'ingredient' } },
+					],
+				},
+			]}
+			title="Aglio e olio"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Recipe from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Recipe',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/reminder/reminder.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import ReminderExample from './reminder'
+import exampleSource from './reminder.tsx?raw'
+
+const meta = {
+	component: ReminderExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Reminder',
+} satisfies Meta<typeof ReminderExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/reminder/reminder.tsx

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Reminder } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ReminderExample() {
+	useTheme(theme)
+
+	return (
+		<Reminder
+			dueAt="2026-11-06T17:00:00Z"
+			recurrence="weekly"
+			title="Water the plants"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Reminder from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Reminder',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/rotation/rotation.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import RotationExample from './rotation'
+import exampleSource from './rotation.tsx?raw'
+
+const meta = {
+	component: RotationExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Rotation',
+} satisfies Meta<typeof RotationExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/rotation/rotation.tsx

@@ -0,0 +1,27 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Rotation } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function RotationExample() {
+	useTheme(theme)
+
+	return (
+		<Rotation
+			people={[
+				{ id: 'ava', label: 'Ava' },
+				{ id: 'ben', label: 'Ben' },
+				{ id: 'cleo', label: 'Cleo' },
+			]}
+			task="Take out the recycling"
+			title="Whose turn"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Rotation from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Rotation',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/scoreboard/scoreboard.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import ScoreboardExample from './scoreboard'
+import exampleSource from './scoreboard.tsx?raw'
+
+const meta = {
+	component: ScoreboardExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/Scoreboard',
+} satisfies Meta<typeof ScoreboardExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/scoreboard/scoreboard.tsx

@@ -0,0 +1,26 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Scoreboard } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ScoreboardExample() {
+	useTheme(theme)
+
+	return (
+		<Scoreboard
+			players={[
+				{ id: 'maya', label: 'Maya' },
+				{ id: 'theo', label: 'Theo' },
+				{ id: 'nina', label: 'Nina' },
+			]}
+			title="Game night"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Scoreboard from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Scoreboard',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/shopping-list/shopping-list.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import ShoppingListExample from './shopping-list'
+import exampleSource from './shopping-list.tsx?raw'
+
+const meta = {
+	component: ShoppingListExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/ShoppingList',
+} satisfies Meta<typeof ShoppingListExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/shopping-list/shopping-list.tsx

@@ -0,0 +1,27 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { ShoppingList } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ShoppingListExample() {
+	useTheme(theme)
+
+	return (
+		<ShoppingList
+			items={[
+				{ id: 'eggs', label: 'Eggs', price: 4.5 },
+				{ id: 'bread', label: 'Sourdough', price: 6 },
+				{ id: 'apples', label: 'Apples', price: 0.8, quantity: 6 },
+				{ id: 'basil', label: 'Basil' },
+			]}
+			title="Saturday market"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable ShoppingList from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'ShoppingList',
+} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/task-board/task-board.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite'
+
+import TaskBoardExample from './task-board'
+import exampleSource from './task-board.tsx?raw'
+
+const meta = {
+	component: TaskBoardExample,
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	title: 'Kowalski/TaskBoard',
+} satisfies Meta<typeof TaskBoardExample>
+
+export default meta
+export const Example: StoryObj<typeof meta> = {
+	args: { enabledForAgents: false },
+}

package/node_modules/@flickfyi/core/examples/kowalski/task-board/task-board.tsx

@@ -0,0 +1,27 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { TaskBoard } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function TaskBoardExample() {
+	useTheme(theme)
+
+	return (
+		<TaskBoard
+			tasks={[
+				{ id: 'invite', label: 'Send the invitations' },
+				{ id: 'venue', label: 'Confirm the venue' },
+				{ id: 'cake', label: 'Order the cake' },
+				{ id: 'playlist', label: 'Make a playlist' },
+			]}
+			title="Birthday party"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable TaskBoard from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'TaskBoard',
+} satisfies ExampleMetadata