@vadimcomanescu/nadicode-design-system 5.0.1 → 6.0.0

package/dist/catalog/primitives/index.js

@@ -1,16 +1,16 @@
-export { primitiveComponents } from '../../chunk-PQOL3E2V.js';
+export { primitiveComponents } from '../../chunk-3KEBY2I3.js';
+import '../../chunk-5B3GLRX3.js';
 import '../../chunk-YGDO5KDY.js';
+import '../../chunk-YMAEXGD2.js';
 import '../../chunk-EJQ73FJ5.js';
 import '../../chunk-4GLBFZVI.js';
 import '../../chunk-P5I63ETD.js';
 import '../../chunk-OUXJUUCB.js';
 import '../../chunk-XYMFKNKG.js';
 import '../../chunk-3QMHVXSQ.js';
-import '../../chunk-5B3GLRX3.js';
 import '../../chunk-GXUQFXT7.js';
 import '../../chunk-65CUE2WL.js';
 import '../../chunk-L55GVKLY.js';
-import '../../chunk-YMAEXGD2.js';
 import '../../chunk-2NMP3J5R.js';
 import '../../chunk-ANBJ2OLC.js';
 import '../../chunk-LV4LBWCS.js';

package/dist/{chunk-4ZST7OY5.js → chunk-5DLTCQN4.js}

@@ -3,19 +3,24 @@ import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { Badge } from './chunk-S4JAHKOP.js';
 import { cn } from './chunk-QYZT24TS.js';
+import { useBoundProp } from '@json-render/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var EMPTY_CATEGORIES = [];
 var EMPTY_ARTICLES = [];
 function BlogIndexBlock({
   props,
-  emit
+  emit,
+  bindings
 }) {
   const categories = props.categories ?? EMPTY_CATEGORIES;
   const articles = props.articles ?? EMPTY_ARTICLES;
-  const activeCategoryId = props.activeCategoryId ?? null;
   const pagination = props.pagination;
   const state = props.state ?? "has-data";
+  const [, setBoundActiveCategoryId] = useBoundProp(props.activeCategoryId, bindings?.activeCategoryId);
+  const [, setBoundSelectedArticleId] = useBoundProp(props.selectedArticleId, bindings?.selectedArticleId);
+  const [, setBoundCurrentPage] = useBoundProp(props.currentPage, bindings?.currentPage);
+  const activeCategoryId = props.activeCategoryId ?? null;
   const emptyTitle = props.emptyTitle ?? "No content available";
   const emptyDescription = props.emptyDescription ?? "Check back later for new articles.";
   const className = props.className;
@@ -42,7 +47,10 @@ function BlogIndexBlock({
               type: "button",
               variant: activeCategoryId === null ? "primary" : "outline",
               size: "sm",
-              onClick: () => emit("categoryChange"),
+              onClick: () => {
+                setBoundActiveCategoryId(null);
+                emit("categoryChange");
+              },
               children: "All"
             }
           ),
@@ -52,7 +60,10 @@ function BlogIndexBlock({
               type: "button",
               variant: activeCategoryId === category.id ? "primary" : "outline",
               size: "sm",
-              onClick: () => emit("categoryChange"),
+              onClick: () => {
+                setBoundActiveCategoryId(category.id);
+                emit("categoryChange");
+              },
               children: [
                 category.label,
                 typeof category.count === "number" ? ` (${category.count})` : ""
@@ -109,7 +120,10 @@ function BlogIndexBlock({
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: () => emit("articleOpen"),
+            onClick: () => {
+              setBoundSelectedArticleId(article.id);
+              emit("articleOpen");
+            },
             children: "Open"
           }
         )
@@ -130,7 +144,11 @@ function BlogIndexBlock({
             variant: "outline",
             size: "sm",
             disabled: pagination.page <= 1,
-            onClick: () => emit("pageChange"),
+            onClick: () => {
+              const target = pagination.page - 1;
+              setBoundCurrentPage(target);
+              emit("pageChange");
+            },
             children: "Previous page"
           }
         ),
@@ -141,7 +159,11 @@ function BlogIndexBlock({
             variant: "outline",
             size: "sm",
             disabled: pagination.page >= pagination.totalPages,
-            onClick: () => emit("pageChange"),
+            onClick: () => {
+              const target = pagination.page + 1;
+              setBoundCurrentPage(target);
+              emit("pageChange");
+            },
             children: "Next page"
           }
         )

package/dist/{chunk-CTVV6JS6.js → chunk-6PEJEOX4.js}

@@ -1,4 +1,4 @@
-import { allDefinitions } from './chunk-VQVWFCHF.js';
+import { allDefinitions } from './chunk-HXKCPTY3.js';
 
 // src/catalog/catalog.ts
 var seedComponentDefinitions = allDefinitions;

package/dist/chunk-ACIJEUAH.js

@@ -0,0 +1,213 @@
+import { Typography } from './chunk-Q7PCHHVJ.js';
+import { RoleBadge } from './chunk-OHCQPI3W.js';
+import { Heading } from './chunk-UXX6HHPS.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem } from './chunk-ETS5O4ZQ.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
+import { Skeleton } from './chunk-RASEB2XI.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { UsersIcon } from './chunk-WUO7OONN.js';
+import { PlusIcon } from './chunk-E7RBK6ML.js';
+import { SearchIcon } from './chunk-T6BRD7TS.js';
+import { EllipsisIcon } from './chunk-5ESF6N36.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useBoundProp } from '@json-render/react';
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ROLES = ["owner", "admin", "member", "guest"];
+var DEFAULT_MEMBERS = [
+  { id: "dm-1", name: "Sofia Reyes", email: "sofia@acme.com", role: "owner", avatar: null, joinedAt: "2025-06-01T00:00:00Z", status: "active" },
+  { id: "dm-2", name: "Marcus Chen", email: "marcus@acme.com", role: "admin", avatar: null, joinedAt: "2025-08-15T00:00:00Z", status: "active" },
+  { id: "dm-3", name: "Aisha Patel", email: "aisha@acme.com", role: "member", avatar: null, joinedAt: "2025-11-20T00:00:00Z", status: "active" },
+  { id: "dm-4", name: "Jordan Lee", email: "jordan@acme.com", role: "guest", avatar: null, joinedAt: null, status: "pending" }
+];
+function deriveState(state, members) {
+  if (state) return state;
+  if (members.length === 0) return "empty";
+  return "has-data";
+}
+function getInitials(name) {
+  return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
+var STATUS_LABELS = {
+  active: "Active",
+  pending: "Pending",
+  deactivated: "Deactivated"
+};
+function StatusBadge({ status }) {
+  if (!status || status === "active") return null;
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      variant: "outline",
+      className: cn(
+        status === "pending" && "border-warning/40 text-warning",
+        status === "deactivated" && "border-destructive/40 text-destructive/80"
+      ),
+      children: STATUS_LABELS[status] ?? status
+    }
+  );
+}
+function TeamManagementBlock({
+  props,
+  emit,
+  bindings
+}) {
+  const members = props.members ?? DEFAULT_MEMBERS;
+  const title = props.title ?? "Team Members";
+  const description = props.description;
+  const errorMessage = props.errorMessage;
+  const className = props.className;
+  const [, setBoundSearchQuery] = useBoundProp(
+    props.searchQuery,
+    bindings?.searchQuery
+  );
+  const [localSearchQuery, setLocalSearchQuery] = useState("");
+  const isBoundSearch = !!bindings?.searchQuery;
+  const searchQuery = isBoundSearch ? props.searchQuery ?? "" : localSearchQuery;
+  const setSearchQuery = isBoundSearch ? setBoundSearchQuery : setLocalSearchQuery;
+  const [, setBoundSelectedMemberId] = useBoundProp(
+    props.selectedMemberId,
+    bindings?.selectedMemberId
+  );
+  const [, setBoundSelectedRole] = useBoundProp(
+    props.selectedRole,
+    bindings?.selectedRole
+  );
+  const resolvedState = deriveState(props.state, members);
+  const filteredMembers = useMemo(() => {
+    if (!searchQuery.trim()) return members;
+    const q = searchQuery.toLowerCase();
+    return members.filter(
+      (m) => m.name.toLowerCase().includes(q) || m.email.toLowerCase().includes(q) || m.role.toLowerCase().includes(q)
+    );
+  }, [members, searchQuery]);
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
+        description ? /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => emit("invite"),
+          "aria-label": "Invite member",
+          children: [
+            /* @__PURE__ */ jsx(PlusIcon, { size: 16, className: "mr-2" }),
+            "Invite"
+          ]
+        }
+      )
+    ] }),
+    resolvedState !== "loading" && resolvedState !== "error" && members.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(SearchIcon, { size: 16, className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          "aria-label": "Search members",
+          placeholder: "Search by name, email, or role...",
+          value: searchQuery,
+          className: "pl-9",
+          onChange: (e) => {
+            setSearchQuery(e.target.value);
+            emit("searchChange");
+          }
+        }
+      )
+    ] }) : null,
+    resolvedState === "loading" ? /* @__PURE__ */ jsx("div", { className: "space-y-3", "aria-label": "Loading team members", children: Array.from({ length: 3 }, (_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-lg border border-border p-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-48" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" })
+    ] }, i)) }) : null,
+    resolvedState === "error" ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+        children: errorMessage ?? "Unable to load team members. Please try again."
+      }
+    ) : null,
+    resolvedState === "empty" || resolvedState === "has-data" && filteredMembers.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
+      /* @__PURE__ */ jsx(UsersIcon, { size: 40, className: "text-text-tertiary" }),
+      /* @__PURE__ */ jsx(EmptyTitle, { children: searchQuery.trim() ? "No members found" : "No team members" }),
+      /* @__PURE__ */ jsx(EmptyDescription, { children: searchQuery.trim() ? "Try a different search term." : "Invite your first team member to get started." })
+    ] }) : null,
+    resolvedState === "has-data" && filteredMembers.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-lg border border-border", role: "list", children: filteredMembers.map((member) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center gap-4 px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10", children: [
+            member.avatar ? /* @__PURE__ */ jsx(AvatarImage, { src: member.avatar, alt: member.name }) : null,
+            /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(member.name) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium truncate", children: member.name }),
+            /* @__PURE__ */ jsx(Typography, { variant: "muted", className: "truncate text-xs", children: member.email })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-2 sm:flex", children: [
+            /* @__PURE__ */ jsx(StatusBadge, { status: member.status }),
+            /* @__PURE__ */ jsx(RoleBadge, { role: member.role })
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                "aria-label": `Actions for ${member.name}`,
+                children: /* @__PURE__ */ jsx(EllipsisIcon, { size: 16 })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+              /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Actions" }),
+              /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "Change role" }),
+                /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: ROLES.map((role) => /* @__PURE__ */ jsxs(
+                  DropdownMenuItem,
+                  {
+                    disabled: role === member.role,
+                    onClick: () => {
+                      setBoundSelectedMemberId(member.id);
+                      setBoundSelectedRole(role);
+                      emit("roleChange");
+                    },
+                    children: [
+                      role.charAt(0).toUpperCase() + role.slice(1),
+                      role === member.role ? " (current)" : ""
+                    ]
+                  },
+                  role
+                )) })
+              ] }),
+              /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx(
+                DropdownMenuItem,
+                {
+                  className: "text-destructive focus:text-destructive",
+                  onClick: () => {
+                    setBoundSelectedMemberId(member.id);
+                    emit("removeMember");
+                  },
+                  children: "Remove member"
+                }
+              )
+            ] })
+          ] })
+        ]
+      },
+      member.id
+    )) }) : null
+  ] });
+}
+
+export { TeamManagementBlock };

package/dist/{chunk-PQBVNNEG.js → chunk-DEILZQEX.js}

@@ -9,6 +9,7 @@ import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { Badge } from './chunk-S4JAHKOP.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { useTranslations } from 'next-intl';
+import { useBoundProp } from '@json-render/react';
 import { useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -47,13 +48,18 @@ var defaultPlans = [
     badge: null
   }
 ];
-function PricingBlock({ props, emit }) {
+function PricingBlock({ props, emit, bindings }) {
   const title = props.title ?? "Simple, transparent pricing";
   const description = props.description ?? "Choose the plan that's right for you. Change or cancel anytime.";
   const plans = props.plans ?? defaultPlans;
   const showBillingToggle = props.showBillingToggle ?? true;
   const t = useTranslations("blocks.pricingBlock");
-  const [isYearly, setIsYearly] = useState(false);
+  const [, setBoundSelectedPlanName] = useBoundProp(props.selectedPlanName, bindings?.selectedPlanName);
+  const [, setBoundIsYearly] = useBoundProp(props.isYearly, bindings?.isYearly);
+  const [localIsYearly, setLocalIsYearly] = useState(false);
+  const isYearlyBound = !!bindings?.isYearly;
+  const isYearly = isYearlyBound ? props.isYearly ?? false : localIsYearly;
+  const setIsYearly = isYearlyBound ? setBoundIsYearly : setLocalIsYearly;
   return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
       /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-4 sm:text-4xl", children: title }),
@@ -97,7 +103,10 @@ function PricingBlock({ props, emit }) {
                 feature
               ] }, feature)) })
             ] }),
-            /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { className: "w-full", variant: plan.variant, onClick: () => emit("selectPlan"), children: plan.action }) })
+            /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { className: "w-full", variant: plan.variant, onClick: () => {
+              setBoundSelectedPlanName(plan.name);
+              emit("selectPlan");
+            }, children: plan.action }) })
           ]
         },
         plan.name

package/dist/{chunk-VQVWFCHF.js → chunk-HXKCPTY3.js}

@@ -1,22 +1,22 @@
+import { navigationDefinitions } from './chunk-QCL76CM6.js';
 import { overlayDefinitions } from './chunk-LYI5YMC6.js';
 import { textEffectsDefinitions } from './chunk-UXYLA2IV.js';
 import { textDefinitions } from './chunk-YXRIXTXW.js';
+import { blocksMiscDefinitions } from './chunk-WAIZR4CR.js';
 import { chartDefinitions } from './chunk-UQB54LIA.js';
 import { chatDefinitions } from './chunk-E4KUPYHE.js';
 import { displayDefinitions } from './chunk-W4KI424V.js';
 import { effectsDefinitions } from './chunk-7SOMHO2L.js';
 import { formDefinitions } from './chunk-XI775QZZ.js';
 import { layoutDefinitions } from './chunk-P7JS4B7U.js';
-import { navigationDefinitions } from './chunk-QCL76CM6.js';
+import { actionDefinitions } from './chunk-XLIFWBE7.js';
 import { agentDefinitions } from './chunk-5XDYCBR6.js';
 import { blocksAgentDefinitions } from './chunk-ZU7MDRCI.js';
 import { blocksAuthDefinitions } from './chunk-ZL6BPQNN.js';
-import { blocksContentDefinitions } from './chunk-3LROWCZE.js';
-import { blocksCrudDefinitions } from './chunk-IW36SVOH.js';
-import { blocksDataDefinitions } from './chunk-A4QNTJUR.js';
+import { blocksContentDefinitions } from './chunk-XNTU2I2Y.js';
+import { blocksCrudDefinitions } from './chunk-PPVSKK77.js';
+import { blocksDataDefinitions } from './chunk-J3CSDFH7.js';
 import { blocksMarketingDefinitions } from './chunk-YEAJLVGB.js';
-import { blocksMiscDefinitions } from './chunk-WAIZR4CR.js';
-import { actionDefinitions } from './chunk-XLIFWBE7.js';
 
 // src/catalog/definitions/index.ts
 var allDefinitions = {

package/dist/{chunk-A4QNTJUR.js → chunk-J3CSDFH7.js}

@@ -131,7 +131,9 @@ var blocksDataDefinitions = {
         })
       ).nullable(),
       title: z.string().nullable(),
-      description: z.string().nullable()
+      description: z.string().nullable(),
+      selectedRowId: z.string().nullable(),
+      selectedAction: z.string().nullable()
     }),
     events: ["rowAction"],
     description: "Data table with sortable columns, row selection, filtering, and pagination.",
@@ -141,7 +143,9 @@ var blocksDataDefinitions = {
         { id: "inv_002", amount: 150, status: "pending", email: "abe@contoso.com" }
       ],
       title: "Recent Payments",
-      description: null
+      description: null,
+      selectedRowId: null,
+      selectedAction: null
     }
   },
   HeatmapChartBlock: {

package/dist/{chunk-XX4XJJSH.js → chunk-JZERLGVV.js}

@@ -25,7 +25,7 @@ import dynamic from 'next/dynamic';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var ProfilePage = dynamic(() => import('./ProfilePage-KJVA3ZQ5.js').then((m) => ({ default: m.ProfilePage })), { ssr: false, loading: () => null });
-var TeamPage = dynamic(() => import('./TeamPage-IYWL6N4I.js').then((m) => ({ default: m.TeamPage })), { ssr: false, loading: () => null });
+var TeamPage = dynamic(() => import('./TeamPage-OXOXATQO.js').then((m) => ({ default: m.TeamPage })), { ssr: false, loading: () => null });
 function SettingsContent({ tab }) {
   switch (tab) {
     case "profile":

package/dist/{chunk-NBDUZA66.js → chunk-KOJ3X2F3.js}

@@ -62,7 +62,7 @@ var ROUTE_TREES = {
       logoCloud: { type: "LogoCloud", props: { title: null, logos: null, className: null } },
       features: { type: "FeatureBlock", props: { variant: null, badge: null, title: null, description: null, features: null } },
       stats: { type: "StatsMarketingBlock", props: { title: null, description: null, stats: null } },
-      pricing: { type: "PricingBlock", props: { title: null, description: null, showBillingToggle: null, plans: null }, on: { selectPlan: { action: "noop" } } },
+      pricing: { type: "PricingBlock", props: { title: null, description: null, showBillingToggle: null, selectedPlanName: null, isYearly: null, plans: null }, on: { selectPlan: { action: "noop" } } },
       testimonials: { type: "TestimonialsBlock", props: { title: null, description: null, testimonials: null } },
       cta: { type: "CallToActionBlock", props: { title: null, description: null, primaryAction: null, secondaryAction: null } },
       faq: { type: "FAQBlock", props: { title: null, description: null, items: null }, on: { expand: { action: "noop" } } },
@@ -81,6 +81,8 @@ var ROUTE_TREES = {
           title: null,
           description: null,
           showBillingToggle: null,
+          selectedPlanName: null,
+          isYearly: null,
           plans: null
         },
         on: { selectPlan: { action: "noop" } }

package/dist/{chunk-XMGWLDNG.js → chunk-KSJUX6EA.js}

@@ -31,7 +31,7 @@ var defaultSections = [
   { heading: "Engineering", members: defaultMembers },
   { heading: "Marketing", members: defaultMembers }
 ];
-function TeamBlock({ props }) {
+function TeamShowcaseBlock({ props }) {
   const title = props.title ?? "Our team";
   const sections = props.sections ?? defaultSections;
   return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className: "py-12 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-8 lg:px-0", children: [
@@ -47,4 +47,4 @@ function TeamBlock({ props }) {
   ] }) }) });
 }
 
-export { TeamBlock };
+export { TeamShowcaseBlock };

package/dist/{chunk-JDHD4L6N.js → chunk-KUL5OOXZ.js}

@@ -1,4 +1,4 @@
-import { seedComponentDefinitions } from './chunk-CTVV6JS6.js';
+import { seedComponentDefinitions } from './chunk-6PEJEOX4.js';
 import { defineCatalog } from '@json-render/core';
 import { schema } from '@json-render/next/server';
 import { z } from 'zod';

package/dist/{chunk-AP5SGSN7.js → chunk-P3CGISJM.js}

@@ -48,6 +48,7 @@ function CrudListBlock({
   const errorMessage = props.errorMessage ?? null;
   const emptyTitle = props.emptyTitle ?? "No rows to display";
   const emptyDescription = props.emptyDescription ?? "Create a new entry or adjust filters.";
+  const [, setBoundCurrentPage] = useBoundProp(props.currentPage, bindings?.currentPage);
   const className = props.className;
   const resolvedState = deriveState(props.state, rows, selectedRowId);
   const pages = useMemo(() => {
@@ -141,6 +142,7 @@ function CrudListBlock({
             onClick: (event) => {
               event.preventDefault();
               if (pagination.page > 1) {
+                setBoundCurrentPage(pagination.page - 1);
                 emit("pageChange");
               }
             },
@@ -155,6 +157,7 @@ function CrudListBlock({
             isActive: page === pagination.page,
             onClick: (event) => {
               event.preventDefault();
+              setBoundCurrentPage(page);
               emit("pageChange");
             },
             children: page
@@ -167,6 +170,7 @@ function CrudListBlock({
             onClick: (event) => {
               event.preventDefault();
               if (pagination.page < pagination.totalPages) {
+                setBoundCurrentPage(pagination.page + 1);
                 emit("pageChange");
               }
             },

package/dist/{chunk-IW36SVOH.js → chunk-PPVSKK77.js}

@@ -16,7 +16,8 @@ var blocksCrudDefinitions = {
       ).nullable(),
       title: z.string().nullable(),
       description: z.string().nullable(),
-      newKeyName: z.string().nullable()
+      newKeyName: z.string().nullable(),
+      revokedKeyId: z.string().nullable()
     }),
     events: ["create", "revoke"],
     description: "API key management block with table display, create dialog, copy-once flow, and revoke functionality.",
@@ -27,7 +28,8 @@ var blocksCrudDefinitions = {
       ],
       title: "API Keys",
       description: "Manage your API keys for programmatic access.",
-      newKeyName: null
+      newKeyName: null,
+      revokedKeyId: null
     }
   },
   CreateBlock: {
@@ -67,6 +69,7 @@ var blocksCrudDefinitions = {
       ).nullable(),
       filterValue: z.string().nullable(),
       pagination: z.object({ page: z.number(), totalPages: z.number() }),
+      currentPage: z.number().nullable(),
       errorMessage: z.string().nullable(),
       emptyTitle: z.string().nullable(),
       emptyDescription: z.string().nullable(),
@@ -92,6 +95,7 @@ var blocksCrudDefinitions = {
       filterControls: null,
       filterValue: null,
       pagination: { page: 1, totalPages: 4 },
+      currentPage: null,
       errorMessage: null,
       emptyTitle: null,
       emptyDescription: null,
@@ -345,7 +349,41 @@ var blocksCrudDefinitions = {
       className: null
     }
   },
-  TeamBlock: {
+  TeamManagementBlock: {
+    props: z.object({
+      members: z.array(z.object({
+        id: z.string(),
+        name: z.string(),
+        email: z.string(),
+        role: z.enum(["owner", "admin", "member", "guest"]),
+        avatar: z.string().nullable(),
+        joinedAt: z.string().nullable(),
+        status: z.enum(["active", "pending", "deactivated"]).nullable()
+      })).nullable(),
+      searchQuery: z.string().nullable(),
+      selectedMemberId: z.string().nullable(),
+      selectedRole: z.string().nullable(),
+      state: z.enum(["loading", "empty", "has-data", "error"]).nullable(),
+      title: z.string().nullable(),
+      description: z.string().nullable(),
+      errorMessage: z.string().nullable(),
+      className: z.string().nullable()
+    }),
+    events: ["invite", "roleChange", "removeMember", "searchChange"],
+    description: "Team member management with search, role assignment, invite, and member removal.",
+    example: {
+      members: null,
+      searchQuery: null,
+      selectedMemberId: null,
+      selectedRole: null,
+      state: null,
+      title: null,
+      description: null,
+      errorMessage: null,
+      className: null
+    }
+  },
+  TeamShowcaseBlock: {
     props: z.object({
       title: z.string().nullable(),
       sections: z.array(

package/dist/{chunk-D6MFOI3N.js → chunk-QMDQVJ4P.js}

@@ -7,6 +7,7 @@ import { EllipsisIcon } from './chunk-5ESF6N36.js';
 import { Badge } from './chunk-S4JAHKOP.js';
 import { useCallback, useMemo } from 'react';
 import { useTranslations } from 'next-intl';
+import { useBoundProp } from '@json-render/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var USD_FORMAT = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
@@ -52,14 +53,14 @@ function createColumns(t, onRowAction) {
               {
                 onClick: () => {
                   navigator.clipboard.writeText(payment.id);
-                  onRowAction?.();
+                  onRowAction?.(payment.id, "copyId");
                 },
                 children: t("copyPaymentId")
               }
             ),
             /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onRowAction, children: t("viewCustomer") }),
-            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onRowAction, children: t("viewPaymentDetails") })
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onRowAction?.(payment.id, "viewCustomer"), children: t("viewCustomer") }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onRowAction?.(payment.id, "viewDetails"), children: t("viewPaymentDetails") })
           ] })
         ] });
       }
@@ -98,12 +99,18 @@ var defaultData = [
     email: "sales@company.com"
   }
 ];
-function DataGridBlock({ props, emit }) {
+function DataGridBlock({ props, emit, bindings }) {
   const data = props.data ?? defaultData;
   const title = props.title ?? "Recent Transactions";
   const description = props.description ?? "A sophisticated data grid with filtering and actions.";
+  const [, setBoundSelectedRowId] = useBoundProp(props.selectedRowId, bindings?.selectedRowId);
+  const [, setBoundSelectedAction] = useBoundProp(props.selectedAction, bindings?.selectedAction);
   const t = useTranslations("blocks.dataGridBlock");
-  const onRowAction = useCallback(() => emit("rowAction"), [emit]);
+  const onRowAction = useCallback((rowId, action) => {
+    setBoundSelectedRowId(rowId);
+    setBoundSelectedAction(action);
+    emit("rowAction");
+  }, [emit, setBoundSelectedRowId, setBoundSelectedAction]);
   const defaultColumns = useMemo(() => createColumns(t, onRowAction), [t, onRowAction]);
   return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [

package/dist/{chunk-UPMSE6PQ.js → chunk-TCDBSHAY.js}

@@ -13,6 +13,7 @@ function CommandPaletteBlock({ props, bindings, emit }) {
   const placeholder = props.placeholder ?? "Search...";
   const [open, setOpen] = useState(false);
   const [boundQuery, setBoundQuery] = useBoundProp(props.searchValue, bindings?.searchValue);
+  const [, setBoundSelectedItemId] = useBoundProp(props.selectedItemId, bindings?.selectedItemId);
   const [localQuery, setLocalQuery] = useState("");
   const isBound = !!bindings?.searchValue;
   const query = isBound ? boundQuery ?? "" : localQuery;
@@ -30,7 +31,8 @@ function CommandPaletteBlock({ props, bindings, emit }) {
       return acc;
     }, {});
   }, [query, items]);
-  function handleSelect(_result) {
+  function handleSelect(result) {
+    setBoundSelectedItemId(result.id);
     setOpen(false);
     setQuery("");
     emit("select");
@@ -86,7 +88,7 @@ function CommandPaletteBlock({ props, bindings, emit }) {
           CommandItem,
           {
             value: result.id,
-            onSelect: () => handleSelect(),
+            onSelect: () => handleSelect(result),
             children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: result.title }) })
           },
           result.id