@flickfyi/flkr 0.0.141 → 0.0.146

package/node_modules/@flickfyi/core/dist/molecules/index.js

@@ -132,22 +132,43 @@ var C = { tasks: {
 		kzqmXN: "xh8yej3",
 		$$css: !0
 	}
-}, T = Object.assign(E, { Item: D });
-function E({ children: e, style: t }) {
+};
+//#endregion
+//#region src/molecules/field/field.tsx
+function T({ children: t, error: n, label: r, style: i }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(E.root, i), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.label, E.label), r), t, n && /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.muted, E.error), n));
+}
+var E = {
+	error: {
+		kMwMTN: "x1gaiw33",
+		$$css: !0
+	},
+	label: {
+		kMwMTN: "x1hvuwc0",
+		$$css: !0
+	},
+	root: {
+		kGNEyG: "x1qjc9v5",
+		kOIVth: "x138sq3e",
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	}
+}, D = Object.assign(O, { Item: k });
+function O({ children: e, style: t }) {
 	let n = u.toArray(e);
-	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(O.list, t), u.map(n, (e, t) => /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(A.list, t), u.map(n, (e, t) => /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, {
 		0: { className: "xib9ri7 x1n0l8mo x1y0btm7 xc342km xeuugli x1717udv" },
 		1: { className: "x1n0l8mo x1y0btm7 xc342km xeuugli x1717udv x1qhh985" }
 	}[(t === n.length - 1) << 0], e)));
 }
-function D({ description: t, label: n, leading: r, onClick: i, style: s, trailing: u }) {
+function k({ description: t, label: n, leading: r, onClick: i, style: s, trailing: u }) {
 	let d = /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(_CRAYONCORE_$REACT.Fragment, null, (!!r || r === 0) && /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 x78zum5 x2lah0s" }, r), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x1t1x2f9 x1iyjqo2 xs83m0k xeuugli x3ba9qd" }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, null, n), (!!t || t === 0) && /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.muted), t)), u != null && /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 x78zum5 x2lah0s" }, typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, null, u) : u));
 	return i ? /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(a, {
 		onClick: i,
-		...l.props(O.item, s)
-	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 xtjojy7 x1q0g3np xh8yej3" }, d)) : /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(O.item, O.rowContent, s), d);
+		...l.props(A.item, s)
+	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 xtjojy7 x1q0g3np xh8yej3" }, d)) : /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(A.item, A.rowContent, s), d);
 }
-var O = {
+var A = {
 	item: {
 		kWkggS: "xjbqb8w",
 		kMzoRj: "xc342km",
@@ -172,12 +193,12 @@ var O = {
 };
 //#endregion
 //#region src/molecules/progress/progress.tsx
-function k({ fillStyle: e, max: t, style: n, value: r }) {
+function j({ fillStyle: e, max: t, style: n, value: r }) {
 	let i = t > 0 ? Math.max(0, Math.min(r / t, 1)) : 0, a = p({
 		config: f.stiff,
 		width: i * 100
-	}), s = l.props(A.progressFill, e);
-	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(A.progressTrack, n), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, {
+	}), s = l.props(M.progressFill, e);
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(M.progressTrack, n), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, {
 		...s,
 		style: {
 			...s.style,
@@ -185,7 +206,7 @@ function k({ fillStyle: e, max: t, style: n, value: r }) {
 		}
 	}));
 }
-var A = {
+var M = {
 	progressFill: {
 		kWkggS: "x1ckma9v",
 		kaIpWk: "x7duk5r",
@@ -202,15 +223,15 @@ var A = {
 };
 //#endregion
 //#region src/molecules/quantity-group/quantity-group.tsx
-function j({ decrementStyle: n, disabledStyle: r, incrementStyle: a, items: u, onValueChange: f, style: p }) {
-	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(M.quantityContainer, p), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 x1d5xbla xrvj5dj x1986ba8 x1jux8zf" }, u.map(({ label: p, step: m, unit: h, value: g }, _) => /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(d, { key: p }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x1pha0wt x1d5xbla x1q0g3np x1a02dak xeuugli x3ba9qd" }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, { className: "x193iq5w xeuugli" }, p), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.muted, M.quantityValue), g, " ", h)), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(i, {
+function N({ decrementStyle: n, disabledStyle: r, incrementStyle: a, items: u, onValueChange: f, style: p }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(P.quantityContainer, p), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 x1d5xbla xrvj5dj x1986ba8 x1jux8zf" }, u.map(({ label: p, step: m, unit: h, value: g }, _) => /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(d, { key: p }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x1pha0wt x1d5xbla x1q0g3np x1a02dak xeuugli x3ba9qd" }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, { className: "x193iq5w xeuugli" }, p), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.muted, P.quantityValue), g, " ", h)), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(i, {
 		accessibilityLabel: `Decrease ${p}`,
 		disabled: g === 0,
 		onClick: () => f(_, Math.max(0, g - m)),
 		style: [
 			t.secondary,
 			t.sm,
-			M.quantityControl,
+			P.quantityControl,
 			g === 0 && t.disabled,
 			n,
 			g === 0 && r
@@ -224,7 +245,7 @@ function j({ decrementStyle: n, disabledStyle: r, incrementStyle: a, items: u, o
 		style: [
 			t.primary,
 			t.sm,
-			M.quantityControl,
+			P.quantityControl,
 			a
 		]
 	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(s, {
@@ -232,7 +253,7 @@ function j({ decrementStyle: n, disabledStyle: r, incrementStyle: a, items: u, o
 		className: "xrbuwz4"
 	})), _ < u.length - 1 && /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "xa4x7ug xx1abn8 xcrlgei x7e7z7i xpe194 x8ad1qq" })))));
 }
-var M = {
+var P = {
 	quantityContainer: {
 		kmVPX3: "x1eh0wgb",
 		$$css: !0
@@ -252,23 +273,42 @@ var M = {
 		kmuXW: "x2lah0s",
 		$$css: !0
 	}
-}, N = Object.assign(P, {
-	Caption: I,
-	Value: F
+};
+//#endregion
+//#region src/molecules/segmented/segmented.tsx
+function F({ disabled: e = !1, onChange: n, options: r, value: a }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x1q0g3np x1a02dak x138sq3e xeuugli" }, r.map((r) => /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(i, {
+		disabled: e,
+		key: String(r.value),
+		onClick: () => n(r.value),
+		selected: r.value === a,
+		style: [t.secondary, I.segment]
+	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, null, r.label))));
+}
+var I = { segment: {
+	kCS8Yb: "xdl72j9",
+	kzQI83: "x1iyjqo2",
+	kmuXW: "x2lah0s",
+	kE3dHu: "xf3mudm",
+	kpe85a: "x1t92ggr",
+	$$css: !0
+} }, L = Object.assign(R, {
+	Caption: B,
+	Value: z
 });
-function P({ children: e, style: t }) {
-	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(L.root, t), e);
+function R({ children: e, style: t }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, l.props(V.root, t), e);
 }
-function F({ children: t, style: n }) {
+function z({ children: t, style: n }) {
 	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, {
 		animated: "numeric",
-		...l.props(e.display, L.value, n)
+		...l.props(e.display, V.value, n)
 	}, t);
 }
-function I({ children: t, style: n }) {
-	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.label, L.caption, n), t);
+function B({ children: t, style: n }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(c, l.props(e.label, V.caption, n), t);
 }
-var L = {
+var V = {
 	caption: {
 		kMwMTN: "x1hvuwc0",
 		k9WMMc: "x2b8uid",
@@ -289,4 +329,25 @@ var L = {
 	}
 };
 //#endregion
-export { m as Card, S as Choice, T as List, k as Progress, j as QuantityGroup, N as Stat, C as completedTaskStyle };
+//#region src/molecules/stepper/stepper.tsx
+function H({ children: e, decrementDisabled: n = !1, decrementLabel: r, incrementDisabled: a = !1, incrementLabel: c, onDecrement: l, onIncrement: u }) {
+	return /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x6s0dn4 x1d5xbla x1q0g3np xeuugli" }, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(i, {
+		accessibilityLabel: r,
+		disabled: n,
+		onClick: l,
+		style: [t.secondary, U.control]
+	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(s, { name: "minus" })), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(o, { className: "x1r8uery x1iyjqo2 xeuugli" }, e), /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(i, {
+		accessibilityLabel: c,
+		disabled: a,
+		onClick: u,
+		style: [t.secondary, U.control]
+	}, /* @__PURE__ */ _CRAYONCORE_$REACT.createElement(s, { name: "plus" })));
+}
+var U = { control: {
+	kmuXW: "x2lah0s",
+	kE3dHu: "x1uhho1l",
+	kpe85a: "x1xpa7k",
+	$$css: !0
+} };
+//#endregion
+export { m as Card, S as Choice, T as Field, D as List, j as Progress, N as QuantityGroup, F as Segmented, L as Stat, H as Stepper, C as completedTaskStyle };

package/node_modules/@flickfyi/core/dist/molecules/segmented/segmented.d.ts

@@ -0,0 +1,10 @@
+/** Pick one of a few options; the chosen one wears the theme's selected paint. */
+export declare function Segmented<Value extends number | string>({ disabled, onChange, options, value, }: {
+    disabled?: boolean;
+    onChange: (value: Value) => void;
+    options: ReadonlyArray<{
+        label: string;
+        value: Value;
+    }>;
+    value: Value | undefined;
+}): import("@flickfyi/photon/jsx-runtime").JSX.Element;

package/node_modules/@flickfyi/core/dist/molecules/stepper/stepper.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+/** A value between square − and + controls; the value is any text or input. */
+export declare function Stepper({ children, decrementDisabled, decrementLabel, incrementDisabled, incrementLabel, onDecrement, onIncrement, }: PropsWithChildren<{
+    decrementDisabled?: boolean;
+    decrementLabel: string;
+    incrementDisabled?: boolean;
+    incrementLabel: string;
+    onDecrement: () => void;
+    onIncrement: () => void;
+}>): import("@flickfyi/photon/jsx-runtime").JSX.Element;

package/node_modules/@flickfyi/core/dist/quantum/use-store.d.ts

@@ -1,6 +1,8 @@
 import { AnyLens, InferLens } from '@flickfyi/lens';
 type QuantumStore = {
+    canWrite?: boolean;
     set: (value: unknown) => void;
+    setAsync?: (value: unknown) => Promise<QuantumStorePayload>;
     subscribe: (callback: (raw: {
         rawValue: unknown;
         version: number;
@@ -22,9 +24,13 @@ type UseStoreResult<T extends QuantumStoreState> = [T | undefined, StoreSetter<T
  * The adapter provides stable subscribe/getSnapshot for useSyncExternalStore
  * while handling async initialization internally.
  */
-export declare function createQuantumStoreAdapter<T>(openStore: () => Promise<QuantumStore>, initialState: T, parseSnapshot: (raw: QuantumStorePayload) => Promise<T>): {
+export declare function createQuantumStoreAdapter<T>(openStore: () => Promise<QuantumStore>, initialState: T, parseSnapshot: (raw: QuantumStorePayload) => Promise<T>, onLoadError?: () => void): {
+    acceptSnapshot: (raw: QuantumStorePayload) => Promise<void>;
     getSnapshot: () => T;
     getStore: () => QuantumStore | undefined;
+    /** Notify listeners after a local optimistic change or write-state update. */
+    replaceSnapshot(next: T): void;
+    retry(): void;
     subscribe(onStoreChange: () => void): () => void;
 };
 type InitializedUsePublicStoreOptions<TLens extends AnyLens> = {

package/node_modules/@flickfyi/core/dist/themes.css

@@ -377,6 +377,7 @@
 .x1koujpl:not(#\#):not(#\#):not(#\#){box-shadow:var(--xj0oami)}
 .x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
 .xy4y6by:not(#\#):not(#\#):not(#\#){color:var(--x1bctnvr)}
+.x1gaiw33:not(#\#):not(#\#):not(#\#){color:var(--x1d1hsve)}
 .xy2o0r3:not(#\#):not(#\#):not(#\#){color:var(--x1f7fr1i)}
 .x1suklrh:not(#\#):not(#\#):not(#\#){color:var(--x1k33wfp)}
 .x1hqp5vk:not(#\#):not(#\#):not(#\#){color:var(--x1k9w341)}
@@ -395,6 +396,7 @@
 .xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
 .x1r8uery:not(#\#):not(#\#):not(#\#){flex-basis:0}
 .x1t1x2f9:not(#\#):not(#\#):not(#\#){flex-basis:0%}
+.xdl72j9:not(#\#):not(#\#):not(#\#){flex-basis:auto}
 .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
 .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
 .x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}

package/node_modules/@flickfyi/core/examples/kowalski/bill-split/bill-split.stories.tsx

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

package/node_modules/@flickfyi/core/examples/kowalski/bill-split/bill-split.tsx

@@ -0,0 +1,17 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { BillSplit } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function BillSplitExample() {
+	useTheme(theme)
+
+	return <BillSplit people={3} tipPercent={20} total={86.5} />
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable BillSplit from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'BillSplit',
+} satisfies ExampleMetadata

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

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

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

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Bookmark } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function BookmarkExample() {
+	useTheme(theme)
+
+	return (
+		<Bookmark
+			note="Small details make an interface feel considered."
+			title="The Shape of Software"
+			url="https://emilkowal.ski/"
+		/>
+	)
+}
+
+export const exampleMetadata = {
+	description:
+		'An instantiatable Bookmark from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+	name: 'Bookmark',
+} satisfies ExampleMetadata

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

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

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

@@ -0,0 +1,26 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Budget } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function BudgetExample() {
+	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"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,24 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Calculator } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function CalculatorExample() {
+	useTheme(theme)
+
+	return (
+		<Calculator
+			left={24}
+			operator="*"
+			right={7}
+			title="Work it out"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,26 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Checklist } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ChecklistExample() {
+	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"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,22 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { ColorPalette } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ColorPaletteExample() {
+	useTheme(theme)
+
+	return (
+		<ColorPalette
+			color="#7c6ee6"
+			title="Violet palette"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Contact } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function ContactExample() {
+	useTheme(theme)
+
+	return (
+		<Contact
+			email="alex@example.com"
+			name="Alex Morgan"
+			phone="+1 415 555 0128"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,23 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Countdown } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function CountdownExample() {
+	useTheme(theme)
+
+	return (
+		<Countdown
+			target="2027-01-01T00:00:00-08:00"
+			timeZone="America/Los_Angeles"
+			title="The next chapter"
+		/>
+	)
+}
+
+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

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

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

@@ -0,0 +1,24 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { Event } from '@flickfyi/core/kowalski'
+
+import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
+
+export default function EventExample() {
+	useTheme(theme)
+
+	return (
+		<Event
+			location="Studio, second floor"
+			startsAt="2026-11-05T18:30:00-08:00"
+			timeZone="America/Los_Angeles"
+			title="Design night"
+		/>
+	)
+}
+
+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

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