Add brewery discovery & detail pages with location-based search (#253)

web/frontend/app/components/ui/toast/Toast.stories.tsx

@@ -0,0 +1,69 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { expect, screen, userEvent, within } from 'storybook/test';
+import ToastProvider from './ToastProvider';
+import { dismissToasts, showErrorToast, showInfoToast, showSuccessToast } from './toast';
+
+const toastDescription = `Theme-aware toast feedback built on react-hot-toast. Use this page to trigger success, error, and info messages, check icon contrast and surface styling, and confirm notifications feel consistent across Biergarten themes.`;
+
+const ToastDemo = () => {
+    return (
+        <div className="space-y-4">
+            <ToastProvider />
+            <div className="card border border-base-300 bg-base-100 shadow-md">
+                <div className="card-body">
+                    <h2 className="card-title">Toast demo</h2>
+                    <p className="text-sm text-base-content/70">
+                        Use these actions to preview toast styles.
+                    </p>
+                    <div className="flex flex-wrap gap-2">
+                        <button
+                            className="btn btn-success btn-sm"
+                            onClick={() => showSuccessToast('Saved successfully')}
+                        >
+                            Success
+                        </button>
+                        <button
+                            className="btn btn-error btn-sm"
+                            onClick={() => showErrorToast('Something went wrong')}
+                        >
+                            Error
+                        </button>
+                        <button
+                            className="btn btn-info btn-sm"
+                            onClick={() => showInfoToast('Heads up: check your email')}
+                        >
+                            Info
+                        </button>
+                        <button className="btn btn-ghost btn-sm" onClick={dismissToasts}>
+                            Dismiss all
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+const meta = {
+    title: 'Feedback/Toast',
+    component: ToastDemo,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: toastDescription,
+            },
+        },
+    },
+} satisfies Meta<typeof ToastDemo>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: /success/i }));
+        await expect(screen.getByText(/saved successfully/i)).toBeInTheDocument();
+    },
+};