@vadimcomanescu/nadicode-design-system 5.0.0 → 5.0.2

package/.agents/skills/seed/SKILL.md

@@ -34,14 +34,27 @@ Each entry provides: `props` (Zod schema), `description`, `slots`, `events`, `ex
 import { seedComponents } from "@vadimcomanescu/nadicode-design-system/catalog/components"
 ```
 
-Usage:
+Usage — spec pattern (preferred):
 ```tsx
-const { LoginBlock, HeroBlock } = seedComponents
-// All catalog components use BaseComponentProps — pass props object and emit callback
-<LoginBlock
-  props={{ type: "login", showSocial: true }}
-  emit={(event) => { if (event === 'submit') handleLogin() }}
-/>
+import { PageRenderer } from '@json-render/next'
+import { registry } from '@/lib/registry'
+
+// Pages are JSON specs rendered via PageRenderer
+const spec: NextAppSpec = {
+  routes: {
+    '/login': {
+      page: {
+        root: 'shell',
+        elements: {
+          shell: { type: 'PageShell', props: { className: null }, children: ['login'] },
+          login: { type: 'LoginBlock', props: { type: 'login', error: null, email: null, password: null, fullName: null, showSocial: null, forgotPasswordHref: null, signUpHref: null, signInHref: null } },
+        },
+      },
+    },
+  },
+}
+
+<PageRenderer spec={spec} registry={registry} />
 ```
 
 **Catalog blocks** are imported exclusively from `seedComponents`. Do not import them via individual subpath exports (ADR 0009). The ESLint rule `nadicode/require-catalog-import` enforces this at lint time.
@@ -105,6 +118,47 @@ The catalog is machine-readable, tested, accessible, and themed. Hand-built bloc
 | Hardcoded hex in components | Map to semantic tokens | Brand colors via tokens only |
 | Building a block from 3+ primitives without checking catalog | Query `seedComponentDefinitions` first, use catalog block | Catalog-First Rule |
 | Reimplementing a catalog block locally | `const { BlockName } = seedComponents` | Prevents drift and wasted work |
+| `emit('submit')` without `$bindState` | Wire form fields with `$bindState` + action params | Events are signals; data flows through state |
+
+---
+
+## Form Data Flow
+
+`emit()` is a signal — it carries no data payload. Form field values travel through state bindings, not events.
+
+### The pattern
+
+Wire each field to a state path with `$bindState`. Reference those paths in the action `params` when the submit event fires.
+
+```json
+{
+  "type": "LoginBlock",
+  "props": {
+    "type": "login",
+    "email": { "$bindState": "/auth/email" },
+    "password": { "$bindState": "/auth/password" }
+  },
+  "on": {
+    "submit": {
+      "action": "login",
+      "params": {
+        "email": { "$state": "/auth/email" },
+        "password": { "$state": "/auth/password" }
+      }
+    }
+  }
+}
+```
+
+When the user submits, `emit('submit')` fires. The runtime resolves `$state` references against the current state store and passes `{ email, password }` to the `login` action handler.
+
+### Dual-mode guarantee
+
+Blocks work both with and without bindings. Without `$bindState`, the block manages its own internal state and `emit('submit')` still fires — bindings just add the two-way state-sync layer that lets the spec read back the values.
+
+### Binding path convention
+
+Use `/form/fieldName` for generic forms and `/auth/fieldName` for authentication fields. The leading slash is required. Paths are scoped to the `StateProvider` wrapping the page.
 
 ---
 
@@ -146,17 +200,39 @@ Token source of truth: `src/lib/tokens.config.js` (authored), `src/index.css` (g
 
 Use `Heading` for semantic headings. Use `Typography` for non-heading copy only.
 
-```tsx
-import { seedComponents } from "@vadimcomanescu/nadicode-design-system/catalog/components"
-const { Heading, Typography } = seedComponents
-
-<Heading level={1}>Page title</Heading>
-<Heading level={2} size="section">Section title</Heading>
-<Heading level={3} size="label">Card title</Heading>
-
-<Typography>Body copy</Typography>
-<Typography variant="small">Meta text</Typography>
-<Typography variant="muted">Muted text</Typography>
+```json
+{
+  "page-title": {
+    "type": "Heading",
+    "props": { "level": 1, "size": null, "className": null },
+    "children": ["Page title"]
+  },
+  "section-title": {
+    "type": "Heading",
+    "props": { "level": 2, "size": "section", "className": null },
+    "children": ["Section title"]
+  },
+  "card-title": {
+    "type": "Heading",
+    "props": { "level": 3, "size": "label", "className": null },
+    "children": ["Card title"]
+  },
+  "body-text": {
+    "type": "Typography",
+    "props": { "variant": null, "className": null },
+    "children": ["Body copy"]
+  },
+  "meta-text": {
+    "type": "Typography",
+    "props": { "variant": "small", "className": null },
+    "children": ["Meta text"]
+  },
+  "muted-text": {
+    "type": "Typography",
+    "props": { "variant": "muted", "className": null },
+    "children": ["Muted text"]
+  }
+}
 ```
 
 **Heading props**
@@ -299,12 +375,12 @@ Do not copy DS catalog files into the app.
 **Test helpers**
 Consumer apps can import `SeedTestProvider` from `@vadimcomanescu/nadicode-design-system/test` when they need the package-owned test wrapper. The showcase app keeps its local `@/test/SeedTestProvider` wrapper for in-repo tests.
 
-**LanguageSwitcher** (`@vadimcomanescu/nadicode-design-system/language-switcher`)
-Props: `locales` (string[], default `['en','it']`), `value` (current locale), `onLocaleChange` (callback), `className`. Uses `useTranslations('components.languageSwitcher')` for labels. Without `onLocaleChange`, sets a `NEXT_LOCALE` cookie and calls `router.refresh()`.
+**LanguageSwitcher** (catalog: `seedComponents.LanguageSwitcher`)
+Consumed via the catalog. Schema props: `locales` (string[], default `['en','it']`), `value` (current locale), `className`. Fires `emit('localeChange')` for locale changes. Uses `useTranslations('components.languageSwitcher')` for labels. Without a `localeChange` handler, sets a `NEXT_LOCALE` cookie and calls `router.refresh()`.
 
-**SettingsModal** (`@vadimcomanescu/nadicode-design-system/settings-modal`)
-Exports: `defaultSettingsTabs`, `SettingsTabDef` (interface), `SettingsModal` (component).
-Props: `open`, `onOpenChange`, `defaultTab`, `tabs` (SettingsTabDef[]), `renderContent` (preferred: `(tab: string) => ReactNode`), `ContentComponent` (deprecated). Uses `useTranslations('pages.settings')` for tab labels and headings. The default language tab renders `LanguageSwitcher` automatically.
+**SettingsModal** (catalog: `seedComponents.SettingsModal`)
+Consumed via the catalog. Exports: `defaultSettingsTabs`, `SettingsTabDef` (interface).
+Schema props: `open`, `defaultTab`, `tabs` (SettingsTabDef[]). Fires `emit('openChange')` and `emit('renderContent')` for modal state and tab content. Uses `useTranslations('pages.settings')` for tab labels and headings. The default language tab renders `LanguageSwitcher` automatically.
 
 ---
 
@@ -322,7 +398,7 @@ Every page = **Shell > Sections > Components**.
 
 | Intent | Shell | Components |
 |--------|-------|------------|
-| App (dashboard, settings, CRUD, analytics, agents) | `app-shell` | `Sidebar` + top bar + `SearchCommand` |
+| App (dashboard, settings, CRUD, analytics, agents) | `app-shell` | `Sidebar` + top bar + `CommandPaletteBlock` |
 | Marketing (landing, pricing, blog) | `marketing-shell` | `HeaderBlock` + `FooterBlock` |
 | Auth | `auth-shell` | `AuthLayout` (split/centered) |
 | Onboarding | `onboarding-shell` | Minimal header + progress bar |

package/.agents/skills/seed/references/composition.md

@@ -26,7 +26,7 @@ Shell           -- persistent frame (sidebar, header, footer)
 
 | Intent | Shell | Components |
 |--------|-------|------------|
-| App pages (dashboard, settings, CRUD, analytics, agents) | `app-shell` | `Sidebar` + top bar + `SearchCommand` |
+| App pages (dashboard, settings, CRUD, analytics, agents) | `app-shell` | `Sidebar` + top bar + `CommandPaletteBlock` |
 | Marketing (landing, pricing, blog) | `marketing-shell` | `HeaderBlock` + `FooterBlock` |
 | Auth (login, signup, reset) | `auth-shell` | `AuthLayout` (split-screen or centered) |
 | Onboarding | `onboarding-shell` | Minimal header + progress bar, no nav |
@@ -110,26 +110,42 @@ Is it marketing / public?
 
 ### Section Template
 
-```tsx
-{/* App section */}
-<section className="py-6 md:py-8">
-  <div className="flex items-center justify-between mb-4">
-    <Heading level={3} size="subsection" >Section Title</Heading>
-    <Button variant="outline" size="sm">Action</Button>
-  </div>
-  {/* Section content */}
-</section>
-
-{/* Marketing section */}
-<section className="py-16 md:py-24">
-  <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-    <Heading level={2} size="section"  className="mb-4">Section Title</Heading>
-    <Typography variant="lead" className="mb-12 text-text-secondary">
-      Section description
-    </Typography>
-    {/* Section content */}
-  </div>
-</section>
+App section — heading + action bar above content:
+
+```json
+{
+  "component": "section",
+  "props": { "className": "py-6 md:py-8" },
+  "children": [
+    {
+      "component": "div",
+      "props": { "className": "flex items-center justify-between mb-4" },
+      "children": [
+        { "component": "Heading", "props": { "level": 3, "size": "subsection", "children": "Section Title" } },
+        { "component": "Button", "props": { "variant": "outline", "size": "sm", "children": "Action" } }
+      ]
+    }
+  ]
+}
+```
+
+Marketing section — centered heading + lead text above content:
+
+```json
+{
+  "component": "section",
+  "props": { "className": "py-16 md:py-24" },
+  "children": [
+    {
+      "component": "div",
+      "props": { "className": "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center" },
+      "children": [
+        { "component": "Heading", "props": { "level": 2, "size": "section", "className": "mb-4", "children": "Section Title" } },
+        { "component": "Typography", "props": { "variant": "lead", "className": "mb-12 text-text-secondary", "children": "Section description" } }
+      ]
+    }
+  ]
+}
 ```
 
 ---

package/.agents/skills/seed/references/glass-and-effects.md

@@ -95,13 +95,15 @@
 
 ### AmbientGrid
 
-Subtle CSS grid overlay for structural rhythm.
+Subtle CSS grid overlay for structural rhythm. Cataloged — use via `seedComponents`.
 
 ```tsx
-import { AmbientGrid } from "@vadimcomanescu/nadicode-design-system/ambient-grid"
-<AmbientGrid />            // 24px cells, 0.06 opacity
-<AmbientGrid debug />      // 0.15 opacity for alignment checking
-<AmbientGrid size={32} />  // Custom cell size
+import { seedComponents } from "@vadimcomanescu/nadicode-design-system/catalog/components"
+<seedComponents.AmbientGrid props={{}} emit={() => {}} on={{}} />
+// With custom cell size:
+<seedComponents.AmbientGrid props={{ size: 32 }} emit={() => {}} on={{}} />
+// Debug mode (0.15 opacity for alignment checking):
+<seedComponents.AmbientGrid props={{ debug: true }} emit={() => {}} on={{}} />
 ```
 
 ### MeteorShower

package/.agents/skills/seed/references/responsive.md

@@ -99,78 +99,37 @@ Breakpoint contracts, mobile-first patterns, touch targets, and responsive rules
 
 ### Navigation Collapse
 
-```tsx
-// Desktop: full sidebar visible
-// Mobile: sheet-based sidebar triggered by hamburger
-<SidebarProvider>
-  <Sidebar className="hidden lg:flex">
-    {/* Full sidebar */}
-  </Sidebar>
-  <main className="flex-1">
-    <header className="lg:hidden flex items-center p-4">
-      <SidebarTrigger />
-      <span className="ml-3 font-medium">Page Title</span>
-    </header>
-    {children}
-  </main>
-</SidebarProvider>
-```
+Desktop shows the full sidebar; mobile hides it behind a sheet triggered by a hamburger button.
+
+- Sidebar element: `className="hidden lg:flex"` (visible only at `lg:` and up).
+- Mobile header: `className="lg:hidden"` — contains `SidebarTrigger` and the page title.
+- The `SidebarProvider` wraps the layout; the sheet/drawer behavior is built into the `Sidebar` block.
+
+CSS classes that drive this pattern: `hidden lg:flex` on the sidebar, `lg:hidden` on the mobile header bar.
 
 ### Table to Card List
 
-```tsx
-// Desktop: DataTable. Mobile: Card list.
-<div className="hidden sm:block">
-  <DataTable columns={columns} data={data} />
-</div>
-<div className="sm:hidden space-y-3">
-  {data.map((item) => (
-    <Card key={item.id} className="p-4">
-      {/* Card representation of row */}
-    </Card>
-  ))}
-</div>
-```
+At `sm:` and up, render `DataTable`. Below `sm:`, render a card list with one `Card` per row.
+
+- Table wrapper: `className="hidden sm:block"`
+- Card list wrapper: `className="sm:hidden space-y-3"`
+- Each card uses `className="p-4"` and mirrors the key fields of the table row.
 
 ### Tab Navigation Scroll
 
-```tsx
-// Horizontal scrollable tabs on mobile
-<div className="overflow-x-auto -mx-4 px-4">
-  <TabsList className="inline-flex w-auto min-w-full sm:w-full">
-    <TabsTrigger value="general">General</TabsTrigger>
-    <TabsTrigger value="security">Security</TabsTrigger>
-    <TabsTrigger value="billing">Billing</TabsTrigger>
-  </TabsList>
-</div>
-```
+Settings and similar pages use horizontally scrollable tab lists on mobile so all tabs are reachable without wrapping.
+
+- Outer wrapper: `className="overflow-x-auto -mx-4 px-4"` (negative margin bleeds to viewport edge, then re-pads).
+- `TabsList`: `className="inline-flex w-auto min-w-full sm:w-full"` — `inline-flex w-auto` allows scroll; `min-w-full` ensures full width when content is narrow; `sm:w-full` snaps to full width on larger screens.
 
 ### Multi-Panel to Drawers
 
-```tsx
-// Desktop: visible panels. Mobile: main content + drawer-triggered panels.
-<div className="flex h-dvh">
-  <aside className="hidden xl:block w-[280px] border-r border-border">
-    <TeamPanel />
-  </aside>
-  <main className="flex-1 flex flex-col">
-    <header className="xl:hidden flex items-center gap-2 p-3 border-b border-border">
-      <Sheet>
-        <SheetTrigger asChild>
-          <Button variant="ghost" size="icon"><UsersIcon size={16} /></Button>
-        </SheetTrigger>
-        <SheetContent side="left"><TeamPanel /></SheetContent>
-      </Sheet>
-      <span className="flex-1 text-center font-medium">Agent Chat</span>
-    </header>
-    <ConversationArea />
-    <Composer />
-  </main>
-  <aside className="hidden xl:block w-[320px] border-l border-border">
-    <WorkPanel />
-  </aside>
-</div>
-```
+3-panel agent workbench: both side panels are visible at `xl:`, the left panel is visible at `lg:`, and on mobile both panels move into sheet drawers.
+
+- Left panel (`aside`): `className="hidden xl:block w-[280px] border-r border-border"`.
+- Right panel (`aside`): `className="hidden xl:block w-[320px] border-l border-border"`.
+- Mobile header: `className="xl:hidden"` — contains `Sheet`/`SheetTrigger` buttons to open each panel as a drawer.
+- Main area: `className="flex-1 flex flex-col"` with `h-dvh` on the outer container (never `h-screen`).
 
 ---
 

package/.agents/skills/seed/references/state-machines.md

@@ -79,39 +79,33 @@ Expected wait time?
 
 ### Form Implementation Pattern
 
-```tsx
-import { useForm } from "react-hook-form"
-import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from "@vadimcomanescu/nadicode-design-system/form"
-
-function MyForm() {
-  const form = useForm<FormValues>({ defaultValues: { name: "" } })
-  const { formState: { isDirty, isSubmitting } } = form
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)}>
-        <FormField
-          control={form.control}
-          name="name"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Name</FormLabel>  {/* Always stacked, above */}
-              <FormControl>
-                <Input {...field} />
-              </FormControl>
-              <FormMessage />  {/* Validation error */}
-            </FormItem>
-          )}
-        />
-        <Button type="submit" disabled={!isDirty || isSubmitting}>
-          {isSubmitting ? <Spinner /> : "Save"}
-        </Button>
-      </form>
-    </Form>
-  )
+Forms are specified as JSON element trees. Use `$bindState` to wire form fields to block state, and emit `"submit"` when the form is submitted. The block handles `isDirty` / `isSubmitting` state internally via `useBoundProp`.
+
+```json
+{
+  "component": "FormBlock",
+  "props": {
+    "fields": [
+      {
+        "name": "name",
+        "label": "Name",
+        "type": "text",
+        "required": true
+      }
+    ],
+    "submitLabel": "Save"
+  },
+  "on": {
+    "submit": "handleSave"
+  }
 }
 ```
 
+Key rules:
+- Labels always stacked above their field (never inline).
+- `FormMessage` (field-level validation error) renders below the field automatically.
+- Submit button shows `Spinner` while `isSubmitting`; disabled when form is `pristine`.
+
 ---
 
 ## CRUD List States
@@ -213,22 +207,36 @@ function MyForm() {
 
 ### Streaming Implementation
 
-```tsx
-<ChatMessage role="assistant">
-  <ChatMessageContent isStreaming={isStreaming}>
-    {streamingContent}  {/* Updates as tokens arrive; shows cursor when isStreaming */}
-  </ChatMessageContent>
-</ChatMessage>
-
-<ChatToolCall state="input-available">  {/* input-available | output-available | output-error */}
-  <ChatToolCallHeader name="search_files" />
-  <ChatToolCallContent>
-    <ChatToolCallInput>{JSON.stringify({ query: "utils.ts" }, null, 2)}</ChatToolCallInput>
-    {toolResult && <ChatToolCallOutput>{toolResult}</ChatToolCallOutput>}
-  </ChatToolCallContent>
-</ChatToolCall>
-
-<ChatThinkingMessage variant="pill" />  {/* Animated dots; variant="dots" for inline */}
+Streaming chat UI is composed in JSON spec element trees. The block controls `isStreaming` state internally and exposes it through `$bindState`. Each message, tool call, and thinking indicator maps to a catalog component:
+
+- `ChatMessage` — wraps a single turn; `props.role` is `"assistant"` or `"user"`.
+- `ChatMessageContent` — renders streaming text; `props.isStreaming` shows the cursor while tokens arrive.
+- `ChatToolCall` — shows a tool invocation; `props.state` is one of `"input-available"`, `"output-available"`, or `"output-error"`.
+- `ChatThinkingMessage` — animated dots; `props.variant` is `"pill"` (block) or `"dots"` (inline).
+
+Example spec fragment for a streaming assistant turn with a tool call:
+
+```json
+[
+  {
+    "component": "ChatMessage",
+    "props": { "role": "assistant" },
+    "children": [
+      {
+        "component": "ChatMessageContent",
+        "props": { "$bindState": "isStreaming", "text": "$bindState:streamingContent" }
+      }
+    ]
+  },
+  {
+    "component": "ChatToolCall",
+    "props": { "state": "input-available", "name": "search_files", "input": { "query": "utils.ts" } }
+  },
+  {
+    "component": "ChatThinkingMessage",
+    "props": { "variant": "pill" }
+  }
+]
 ```
 
 ---

package/contracts/release-governance-baseline.json

@@ -15,7 +15,6 @@
     "./brand-icons",
     "./catalog",
     "./catalog/components",
-    "./catalog/types",
     "./consumer-intent-map",
     "./ds-check",
     "./ds-update",

package/dist/{TeamPage-BX3RMSZU.js → TeamPage-UO3V2JDK.js}

@@ -1,5 +1,5 @@
-import { seedComponents } from './chunk-LZ66ADSL.js';
-import './chunk-MT76BPYV.js';
+import { seedComponents } from './chunk-WGQHM56J.js';
+import './chunk-PQOL3E2V.js';
 import './chunk-YGDO5KDY.js';
 import './chunk-EJQ73FJ5.js';
 import './chunk-4GLBFZVI.js';
@@ -11,24 +11,24 @@ import './chunk-5B3GLRX3.js';
 import './chunk-GXUQFXT7.js';
 import './chunk-65CUE2WL.js';
 import './chunk-L55GVKLY.js';
-import './chunk-56TNQ2P4.js';
+import './chunk-YMAEXGD2.js';
 import './chunk-2NMP3J5R.js';
-import './chunk-JPNNAU26.js';
+import './chunk-XLN4NVKU.js';
 import './chunk-A4TQNK7R.js';
 import './chunk-PD6WW7E5.js';
 import './chunk-XMGWLDNG.js';
 import './chunk-PYRHNONA.js';
 import './chunk-HF2HNDE7.js';
 import './chunk-PTJPPKDR.js';
-import './chunk-ZNF6S3DQ.js';
+import './chunk-QCFDSOTV.js';
 import './chunk-HZTWLK7C.js';
-import './chunk-5MLOZVOQ.js';
-import './chunk-C7LO3JEF.js';
-import './chunk-ID3N3MHQ.js';
+import './chunk-B4373MDA.js';
+import './chunk-33UWVOQ6.js';
+import './chunk-R4SBK6Y5.js';
 import './chunk-PQBVNNEG.js';
 import './chunk-B4YCI5NM.js';
 import './chunk-L77KWJJB.js';
-import './chunk-YNBDA24W.js';
+import './chunk-ZKA5X3E4.js';
 import './chunk-PJ7DVYWA.js';
 import './chunk-HX3VXWNJ.js';
 import './chunk-IYK2ABFE.js';
@@ -39,28 +39,28 @@ import './chunk-BZYMCJHW.js';
 import './chunk-H466RJCI.js';
 import './chunk-DT6DGTVW.js';
 import './chunk-J5DRK4RF.js';
-import './chunk-IHGZJS7N.js';
+import './chunk-3FJG5MAT.js';
 import './chunk-STNVWBJH.js';
 import { createAvatarDataUri } from './chunk-OWWQP3YW.js';
-import './chunk-3TYPQWKD.js';
+import './chunk-FSU7ZM5V.js';
 import './chunk-DARC2ACH.js';
 import './chunk-4EHXVFQY.js';
-import './chunk-7SRNVMBY.js';
-import './chunk-NVBF4OWT.js';
+import './chunk-7LYRUSWM.js';
+import './chunk-BY6LWOHB.js';
 import './chunk-DSNPOAE6.js';
 import './chunk-JPA45CDE.js';
 import './chunk-Q4CRHV5T.js';
 import './chunk-KANK5FAG.js';
 import './chunk-6NL36QN3.js';
 import './chunk-CQ75K2DH.js';
-import './chunk-NA6ZPKIK.js';
-import './chunk-A44E44UV.js';
+import './chunk-UCFR7GLW.js';
+import './chunk-UPMSE6PQ.js';
 import './chunk-JVIRZNQ6.js';
 import './chunk-GE4WUAAE.js';
-import './chunk-OMI2LLXM.js';
-import './chunk-TNDMBLYP.js';
-import './chunk-P7CTBRHO.js';
-import './chunk-CPHVCY3M.js';
+import './chunk-H3KTAHJP.js';
+import './chunk-NDQO7AO6.js';
+import './chunk-AP5SGSN7.js';
+import './chunk-XUWKGDUY.js';
 import './chunk-D6MFOI3N.js';
 import './chunk-7AUNUDHM.js';
 import './chunk-4ZST7OY5.js';
@@ -73,10 +73,10 @@ import './chunk-IZ7A62GI.js';
 import './chunk-BVXSAVKY.js';
 import './chunk-GVOWGEGX.js';
 import './chunk-KMTLCN6S.js';
-import './chunk-BAB6AHOM.js';
-import './chunk-UIYX2EMT.js';
-import './chunk-R4DPHCHJ.js';
-import './chunk-QLPU2IEO.js';
+import './chunk-U43JTK45.js';
+import './chunk-5RBO2IMZ.js';
+import './chunk-UMEBNHKR.js';
+import './chunk-FX3GYS5O.js';
 import './chunk-OMGVZWRM.js';
 import './chunk-JVQQQS2M.js';
 import './chunk-DGSNEGJP.js';
@@ -86,7 +86,7 @@ import './chunk-ANBJ2OLC.js';
 import './chunk-LV4LBWCS.js';
 import './chunk-7OOO22KB.js';
 import './chunk-KWIIKHIB.js';
-import './chunk-GNKNT52O.js';
+import './chunk-TTDKPZ75.js';
 import './chunk-STKNMEJA.js';
 import './chunk-SIXPY62Q.js';
 import './chunk-XZ3A33GP.js';
@@ -156,7 +156,7 @@ import './chunk-C4SNHMYC.js';
 import './chunk-B5QL76GA.js';
 import './chunk-KPO4PD6C.js';
 import './chunk-LO3MDQSJ.js';
-import './chunk-KV726HMK.js';
+import './chunk-BOWKE7OE.js';
 import './chunk-B3BYBSF2.js';
 import './chunk-FOFGPWFS.js';
 import './chunk-VTAOHSPW.js';
@@ -179,7 +179,7 @@ import './chunk-RX5EUODB.js';
 import './chunk-4GQ5EMWR.js';
 import './chunk-TXRGQO5M.js';
 import './chunk-UN2SJ42K.js';
-import './chunk-WHYKEOUV.js';
+import './chunk-U5QLJHYN.js';
 import './chunk-S2WSXZ7Y.js';
 import './chunk-KXZP6XI2.js';
 import './chunk-VJ5VD4UT.js';
@@ -208,7 +208,7 @@ import './chunk-MDAYDDTC.js';
 import './chunk-TV6CJ5NI.js';
 import './chunk-756Q7AC5.js';
 import './chunk-MB75U2OV.js';
-import './chunk-4ACR6NGQ.js';
+import './chunk-UAN2YEI5.js';
 import './chunk-SEJXMNMK.js';
 import './chunk-VJIL7W55.js';
 import './chunk-JDLCIPSC.js';
@@ -367,6 +367,9 @@ import './chunk-QYZT24TS.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var { InviteUserModal } = seedComponents;
+var noop = () => {
+};
+var noopOn = () => ({ emit: noop, shouldPreventDefault: false, bound: false });
 var initialMembers = [
   {
     id: "1",
@@ -411,11 +414,9 @@ function TeamPage() {
       /* @__PURE__ */ jsx(
         InviteUserModal,
         {
-          props: {},
-          emit: () => {
-          },
-          on: () => ({ emit: () => {
-          }, shouldPreventDefault: false, bound: false })
+          props: { email: null, role: null },
+          emit: noop,
+          on: noopOn
         }
       )
     ] }),