@flickfyi/flkr 0.0.182 → 0.0.185

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

@@ -1,15 +1,36 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { BudgetData } 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 BudgetExample from './budget'
 import exampleSource from './budget.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = BudgetData.strip().transform(data => ({ data }))
 const meta = {
-	component: BudgetExample,
+	argTypes: schemaArgTypes(BudgetData),
+	args: {
+		categories: [
+			{ id: 'groceries', label: 'Groceries', limit: 400 },
+			{ id: 'eating', label: 'Eating out', limit: 150 },
+			{ id: 'transport', label: 'Transport', limit: 120 },
+		],
+		currency: 'USD',
+		title: 'October',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <BudgetExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Budget',
-} satisfies Meta<typeof BudgetExample>
+} 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 Budget from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Budget',
+	},
 }

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

@@ -1,26 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Budget } from '@flickfyi/core/kowalski'
+import { Budget, type BudgetProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function BudgetExample() {
+export default function BudgetExample({
+	data,
+	style,
+}: Pick<BudgetProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Budget
-			categories={[
-				{ id: 'groceries', label: 'Groceries', limit: 400 },
-				{ id: 'eating', label: 'Eating out', limit: 150 },
-				{ id: 'transport', label: 'Transport', limit: 120 },
-			]}
-			title="October"
-		/>
-	)
+	return <Budget data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Budget from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Budget',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,28 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { CalculatorData } 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 CalculatorExample from './calculator'
 import exampleSource from './calculator.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = CalculatorData.strip().transform(data => ({ data }))
 const meta = {
-	component: CalculatorExample,
+	argTypes: schemaArgTypes(CalculatorData),
+	args: { left: 24, operator: '*', right: 7, title: 'Work it out' },
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <CalculatorExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Calculator',
-} satisfies Meta<typeof CalculatorExample>
+} 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 Calculator from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Calculator',
+	},
 }

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

@@ -1,24 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Calculator } from '@flickfyi/core/kowalski'
+import { Calculator, type CalculatorProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function CalculatorExample() {
+export default function CalculatorExample({
+	data,
+	style,
+}: Pick<CalculatorProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Calculator
-			left={24}
-			operator="*"
-			right={7}
-			title="Work it out"
-		/>
-	)
+	return <Calculator data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Calculator from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Calculator',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,35 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ChecklistData } 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 ChecklistExample from './checklist'
 import exampleSource from './checklist.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ChecklistData.strip().transform(data => ({ data }))
 const meta = {
-	component: ChecklistExample,
+	argTypes: schemaArgTypes(ChecklistData),
+	args: {
+		items: [
+			{ id: 'water', label: 'Fill water bottle' },
+			{ id: 'layers', label: 'Pack a warm layer' },
+			{ id: 'route', label: 'Save the route' },
+		],
+		title: 'Ready for the trail',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <ChecklistExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Checklist',
-} satisfies Meta<typeof ChecklistExample>
+} 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 Checklist from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Checklist',
+	},
 }

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

@@ -1,26 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Checklist } from '@flickfyi/core/kowalski'
+import { Checklist, type ChecklistProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ChecklistExample() {
+export default function ChecklistExample({
+	data,
+	style,
+}: Pick<ChecklistProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Checklist
-			items={[
-				{ id: 'water', label: 'Fill water bottle' },
-				{ id: 'layers', label: 'Pack a warm layer' },
-				{ id: 'route', label: 'Save the route' },
-			]}
-			title="Ready for the trail"
-		/>
-	)
+	return <Checklist data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Checklist from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Checklist',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/color-palette/color-palette.stories.tsx

@@ -1,15 +1,28 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ColorPaletteData } 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 ColorPaletteExample from './color-palette'
 import exampleSource from './color-palette.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ColorPaletteData.strip().transform(data => ({ data }))
 const meta = {
-	component: ColorPaletteExample,
+	argTypes: schemaArgTypes(ColorPaletteData),
+	args: { color: '#7c6ee6', title: 'Violet palette' },
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
-	title: 'Kowalski/ColorPalette',
-} satisfies Meta<typeof ColorPaletteExample>
+	render: args => <ColorPaletteExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Color palette',
+} 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 ColorPalette from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Color palette',
+	},
 }

package/node_modules/@flickfyi/core/examples/kowalski/color-palette/color-palette.tsx

@@ -1,22 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { ColorPalette } from '@flickfyi/core/kowalski'
+import { ColorPalette, type ColorPaletteProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ColorPaletteExample() {
+export default function ColorPaletteExample({
+	data,
+	style,
+}: Pick<ColorPaletteProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<ColorPalette
-			color="#7c6ee6"
-			title="Violet palette"
-		/>
-	)
+	return <ColorPalette data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable ColorPalette from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'ColorPalette',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,40 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ContactData } 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 ContactExample from './contact'
 import exampleSource from './contact.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ContactData.omit({ name: true })
+	.strip()
+	.extend({
+		'data.name': ContactData.shape.name,
+	})
+	.transform(({ 'data.name': name, ...data }) => ({ data: { ...data, name } }))
 const meta = {
-	component: ContactExample,
+	argTypes: {
+		...schemaArgTypes(ContactData.omit({ name: true })),
+		'data.name': { description: ContactData.shape.name.description, name: 'Name' },
+	},
+	args: {
+		'data.name': 'Alex Morgan',
+		email: 'alex@example.com',
+		phone: '+1 415 555 0128',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <ContactExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Contact',
-} satisfies Meta<typeof ContactExample>
+} 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 Contact from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Contact',
+	},
 }

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

@@ -1,23 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Contact } from '@flickfyi/core/kowalski'
+import { Contact, type ContactProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ContactExample() {
+export default function ContactExample({
+	data,
+	style,
+}: Pick<ContactProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Contact
-			email="alex@example.com"
-			name="Alex Morgan"
-			phone="+1 415 555 0128"
-		/>
-	)
+	return <Contact data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Contact from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Contact',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,32 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { CountdownData } 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 CountdownExample from './countdown'
 import exampleSource from './countdown.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = CountdownData.strip().transform(data => ({ data }))
 const meta = {
-	component: CountdownExample,
+	argTypes: schemaArgTypes(CountdownData),
+	args: {
+		target: '2027-01-01T00:00:00-08:00',
+		timeZone: 'America/Los_Angeles',
+		title: 'The next chapter',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <CountdownExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Countdown',
-} satisfies Meta<typeof CountdownExample>
+} 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 Countdown from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Countdown',
+	},
 }

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

@@ -1,23 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Countdown } from '@flickfyi/core/kowalski'
+import { Countdown, type CountdownProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function CountdownExample() {
+export default function CountdownExample({
+	data,
+	style,
+}: Pick<CountdownProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Countdown
-			target="2027-01-01T00:00:00-08:00"
-			timeZone="America/Los_Angeles"
-			title="The next chapter"
-		/>
-	)
+	return <Countdown data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Countdown from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Countdown',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,33 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { EventData } 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 EventExample from './event'
 import exampleSource from './event.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = EventData.strip().transform(data => ({ data }))
 const meta = {
-	component: EventExample,
+	argTypes: schemaArgTypes(EventData),
+	args: {
+		location: 'Studio, second floor',
+		startsAt: '2026-11-05T18:30:00-08:00',
+		timeZone: 'America/Los_Angeles',
+		title: 'Design night',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <EventExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Event',
-} satisfies Meta<typeof EventExample>
+} 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 Event from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Event',
+	},
 }

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

@@ -1,24 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Event } from '@flickfyi/core/kowalski'
+import { Event, type EventProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function EventExample() {
+export default function EventExample({
+	data,
+	style,
+}: Pick<EventProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Event
-			location="Studio, second floor"
-			startsAt="2026-11-05T18:30:00-08:00"
-			timeZone="America/Los_Angeles"
-			title="Design night"
-		/>
-	)
+	return <Event data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Event from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Event',
-} satisfies ExampleMetadata

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

@@ -1,15 +1,33 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { ExpenseData } 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 ExpenseExample from './expense'
 import exampleSource from './expense.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = ExpenseData.strip().transform(data => ({ data }))
 const meta = {
-	component: ExpenseExample,
+	argTypes: schemaArgTypes(ExpenseData),
+	args: {
+		amount: 18.5,
+		category: 'Food & drink',
+		currency: 'USD',
+		title: 'Coffee with the team',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <ExpenseExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Expense',
-} satisfies Meta<typeof ExpenseExample>
+} 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 Expense from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Expense',
+	},
 }

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

@@ -1,23 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Expense } from '@flickfyi/core/kowalski'
+import { Expense, type ExpenseProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function ExpenseExample() {
+export default function ExpenseExample({
+	data,
+	style,
+}: Pick<ExpenseProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Expense
-			amount={18.5}
-			category="Food &amp; drink"
-			title="Coffee with the team"
-		/>
-	)
+	return <Expense data={data} style={style} />
 }
-
-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/fortune/fortune.stories.tsx

@@ -0,0 +1,61 @@
+import { FortuneData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
+
+import FortuneExample from './fortune'
+import exampleSource from './fortune.tsx?raw'
+
+const storyProps = FortuneData.strip().transform(data => ({ data }))
+const meta = {
+	argTypes: schemaArgTypes(FortuneData),
+	args: {
+		action: 'Crack cookie',
+		answers: [
+			'The fortune you seek is in another cookie.',
+			'You will be hungry again in one hour.',
+			'A closed mouth gathers no foot.',
+			'Help! I am being held prisoner in a fortune cookie factory.',
+			'Hard work pays off in the future. Laziness pays off now.',
+			'Ignore previous cookie.',
+			'This cookie contains no fortune.',
+			'You will live long enough to open many fortune cookies.',
+		],
+		prompt: 'Your fortune awaits',
+		title: 'Fortune cookie',
+	},
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <FortuneExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Fortune',
+} satisfies Meta<FortuneData>
+
+export default meta
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'Reveal a random fortune or answer with one big button. For fortune cookies, magic eight balls, affirmations, and themed oracles. The model supplies the wording and a pool of answers; the component reveals one at a time and remembers the last answer. Does not interpret typed questions or generate new answers at runtime.',
+		enabled: true,
+		name: 'Fortune',
+	},
+}
+
+export const MagicEightBall: ExampleStory<typeof meta> = {
+	args: {
+		action: 'Ask the eight ball',
+		answers: [
+			'It is certain.',
+			'Without a doubt.',
+			'Yes, definitely.',
+			'Outlook good.',
+			'Ask again later.',
+			'Cannot predict now.',
+			'Don’t count on it.',
+			'My reply is no.',
+		],
+		description: 'Think of a yes-or-no question, then reveal a random answer.',
+		enabled: false,
+		name: 'Magic 8 Ball',
+		prompt: 'Think of a yes-or-no question',
+		title: 'Magic 8 Ball',
+	},
+}

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

@@ -0,0 +1,11 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Fortune, type FortuneProps } from '@flickfyi/core/kowalski'
+
+export default function FortuneExample({
+	data,
+	style,
+}: Pick<FortuneProps, 'data' | 'style'>) {
+	useTheme(theme)
+	return <Fortune data={data} style={style} />
+}