@flickfyi/flkr 0.0.182 → 0.0.185

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

@@ -1,15 +1,127 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { RecipeData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import RecipeExample from './recipe'
 import exampleSource from './recipe.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = RecipeData.strip().transform(data => ({ data }))
 const meta = {
-	component: RecipeExample,
+	argTypes: { ...schemaArgTypes(RecipeData), yield: { control: 'text' } },
+	args: {
+		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',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <RecipeExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Recipe',
-} satisfies Meta<typeof RecipeExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Recipe from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Recipe',
+	},
 }

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

@@ -1,120 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Recipe } from '@flickfyi/core/kowalski'
+import { Recipe, type RecipeProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function RecipeExample() {
+export default function RecipeExample({
+	data,
+	style,
+}: Pick<RecipeProps, 'data' | 'style'>) {
 	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"
-		/>
-	)
+	return <Recipe data={data} style={style} />
 }
-
-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

@@ -1,15 +1,32 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ReminderData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import ReminderExample from './reminder'
 import exampleSource from './reminder.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ReminderData.strip().transform(data => ({ data }))
 const meta = {
-	component: ReminderExample,
+	argTypes: { ...schemaArgTypes(ReminderData), timeZone: { control: 'text' } },
+	args: {
+		dueAt: '2026-11-06T17:00:00Z',
+		recurrence: 'weekly',
+		title: 'Water the plants',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <ReminderExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Reminder',
-} satisfies Meta<typeof ReminderExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Reminder from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Reminder',
+	},
 }

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

@@ -1,23 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Reminder } from '@flickfyi/core/kowalski'
+import { Reminder, type ReminderProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ReminderExample() {
+export default function ReminderExample({
+	data,
+	style,
+}: Pick<ReminderProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Reminder
-			dueAt="2026-11-06T17:00:00Z"
-			recurrence="weekly"
-			title="Water the plants"
-		/>
-	)
+	return <Reminder data={data} style={style} />
 }
-
-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

@@ -1,15 +1,36 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { RotationData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import RotationExample from './rotation'
 import exampleSource from './rotation.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = RotationData.strip().transform(data => ({ data }))
 const meta = {
-	component: RotationExample,
+	argTypes: schemaArgTypes(RotationData),
+	args: {
+		people: [
+			{ id: 'ava', label: 'Ava' },
+			{ id: 'ben', label: 'Ben' },
+			{ id: 'cleo', label: 'Cleo' },
+		],
+		task: 'Take out the recycling',
+		title: 'Whose turn',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <RotationExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Rotation',
-} satisfies Meta<typeof RotationExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Rotation from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Rotation',
+	},
 }

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

@@ -1,27 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Rotation } from '@flickfyi/core/kowalski'
+import { Rotation, type RotationProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function RotationExample() {
+export default function RotationExample({
+	data,
+	style,
+}: Pick<RotationProps, 'data' | 'style'>) {
 	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"
-		/>
-	)
+	return <Rotation data={data} style={style} />
 }
-
-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

@@ -1,15 +1,36 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ScoreboardData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import ScoreboardExample from './scoreboard'
 import exampleSource from './scoreboard.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ScoreboardData.strip().transform(data => ({ data }))
 const meta = {
-	component: ScoreboardExample,
+	argTypes: schemaArgTypes(ScoreboardData),
+	args: {
+		players: [
+			{ id: 'maya', label: 'Maya' },
+			{ id: 'theo', label: 'Theo' },
+			{ id: 'nina', label: 'Nina' },
+		],
+		step: 1,
+		title: 'Game night',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <ScoreboardExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Scoreboard',
-} satisfies Meta<typeof ScoreboardExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Scoreboard from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Scoreboard',
+	},
 }

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

@@ -1,26 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Scoreboard } from '@flickfyi/core/kowalski'
+import { Scoreboard, type ScoreboardProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ScoreboardExample() {
+export default function ScoreboardExample({
+	data,
+	style,
+}: Pick<ScoreboardProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Scoreboard
-			players={[
-				{ id: 'maya', label: 'Maya' },
-				{ id: 'theo', label: 'Theo' },
-				{ id: 'nina', label: 'Nina' },
-			]}
-			title="Game night"
-		/>
-	)
+	return <Scoreboard data={data} style={style} />
 }
-
-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

@@ -1,15 +1,37 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ShoppingListData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import ShoppingListExample from './shopping-list'
 import exampleSource from './shopping-list.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ShoppingListData.strip().transform(data => ({ data }))
 const meta = {
-	component: ShoppingListExample,
+	argTypes: schemaArgTypes(ShoppingListData),
+	args: {
+		currency: 'USD',
+		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',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
-	title: 'Kowalski/ShoppingList',
-} satisfies Meta<typeof ShoppingListExample>
+	render: args => <ShoppingListExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Shopping list',
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable ShoppingList from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Shopping list',
+	},
 }

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

@@ -1,27 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { ShoppingList } from '@flickfyi/core/kowalski'
+import { ShoppingList, type ShoppingListProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ShoppingListExample() {
+export default function ShoppingListExample({
+	data,
+	style,
+}: Pick<ShoppingListProps, 'data' | 'style'>) {
 	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"
-		/>
-	)
+	return <ShoppingList data={data} style={style} />
 }
-
-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

@@ -1,15 +1,36 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { TaskBoardData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import TaskBoardExample from './task-board'
 import exampleSource from './task-board.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = TaskBoardData.strip().transform(data => ({ data }))
 const meta = {
-	component: TaskBoardExample,
+	argTypes: schemaArgTypes(TaskBoardData),
+	args: {
+		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',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
-	title: 'Kowalski/TaskBoard',
-} satisfies Meta<typeof TaskBoardExample>
+	render: args => <TaskBoardExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Task board',
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable TaskBoard from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Task board',
+	},
 }

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

@@ -1,27 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { TaskBoard } from '@flickfyi/core/kowalski'
+import { TaskBoard, type TaskBoardProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function TaskBoardExample() {
+export default function TaskBoardExample({
+	data,
+	style,
+}: Pick<TaskBoardProps, 'data' | 'style'>) {
 	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"
-		/>
-	)
+	return <TaskBoard data={data} style={style} />
 }
-
-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