@vadimcomanescu/nadicode-design-system 5.0.2 → 6.0.0

package/dist/catalog/definitions/index.d.ts

@@ -152,6 +152,8 @@ export declare const allDefinitions: {
                 readTimeLabel: import("zod").ZodNullable<import("zod").ZodString>;
             }, import("zod/v4/core").$strip>>>;
             activeCategoryId: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedArticleId: import("zod").ZodNullable<import("zod").ZodString>;
+            currentPage: import("zod").ZodNullable<import("zod").ZodNumber>;
             pagination: import("zod").ZodNullable<import("zod").ZodObject<{
                 page: import("zod").ZodNumber;
                 totalPages: import("zod").ZodNumber;
@@ -185,6 +187,8 @@ export declare const allDefinitions: {
                 readTimeLabel: string;
             }[];
             activeCategoryId: null;
+            selectedArticleId: null;
+            currentPage: null;
             pagination: {
                 page: number;
                 totalPages: number;
@@ -317,6 +321,7 @@ export declare const allDefinitions: {
             }, import("zod/v4/core").$strip>>>;
             placeholder: import("zod").ZodNullable<import("zod").ZodString>;
             searchValue: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedItemId: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -328,6 +333,7 @@ export declare const allDefinitions: {
             }[];
             placeholder: string;
             searchValue: null;
+            selectedItemId: null;
         };
     };
     FormWizard: {
@@ -482,6 +488,8 @@ export declare const allDefinitions: {
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
             showBillingToggle: import("zod").ZodNullable<import("zod").ZodBoolean>;
+            selectedPlanName: import("zod").ZodNullable<import("zod").ZodString>;
+            isYearly: import("zod").ZodNullable<import("zod").ZodBoolean>;
             plans: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
                 name: import("zod").ZodString;
                 description: import("zod").ZodString;
@@ -500,6 +508,8 @@ export declare const allDefinitions: {
             title: string;
             description: null;
             showBillingToggle: boolean;
+            selectedPlanName: null;
+            isYearly: null;
             plans: null;
         };
     };
@@ -982,6 +992,7 @@ export declare const allDefinitions: {
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
             newKeyName: import("zod").ZodNullable<import("zod").ZodString>;
+            revokedKeyId: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -1004,6 +1015,7 @@ export declare const allDefinitions: {
             title: string;
             description: string;
             newKeyName: null;
+            revokedKeyId: null;
         };
     };
     CreateBlock: {
@@ -1059,6 +1071,7 @@ export declare const allDefinitions: {
                 page: import("zod").ZodNumber;
                 totalPages: import("zod").ZodNumber;
             }, import("zod/v4/core").$strip>;
+            currentPage: import("zod").ZodNullable<import("zod").ZodNumber>;
             errorMessage: import("zod").ZodNullable<import("zod").ZodString>;
             emptyTitle: import("zod").ZodNullable<import("zod").ZodString>;
             emptyDescription: import("zod").ZodNullable<import("zod").ZodString>;
@@ -1091,6 +1104,7 @@ export declare const allDefinitions: {
                 page: number;
                 totalPages: number;
             };
+            currentPage: null;
             errorMessage: null;
             emptyTitle: null;
             emptyDescription: null;
@@ -1400,7 +1414,55 @@ export declare const allDefinitions: {
             className: null;
         };
     };
-    TeamBlock: {
+    TeamManagementBlock: {
+        props: import("zod").ZodObject<{
+            members: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
+                id: import("zod").ZodString;
+                name: import("zod").ZodString;
+                email: import("zod").ZodString;
+                role: import("zod").ZodEnum<{
+                    owner: "owner";
+                    admin: "admin";
+                    member: "member";
+                    guest: "guest";
+                }>;
+                avatar: import("zod").ZodNullable<import("zod").ZodString>;
+                joinedAt: import("zod").ZodNullable<import("zod").ZodString>;
+                status: import("zod").ZodNullable<import("zod").ZodEnum<{
+                    active: "active";
+                    pending: "pending";
+                    deactivated: "deactivated";
+                }>>;
+            }, import("zod/v4/core").$strip>>>;
+            searchQuery: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedMemberId: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedRole: import("zod").ZodNullable<import("zod").ZodString>;
+            state: import("zod").ZodNullable<import("zod").ZodEnum<{
+                error: "error";
+                loading: "loading";
+                empty: "empty";
+                "has-data": "has-data";
+            }>>;
+            title: import("zod").ZodNullable<import("zod").ZodString>;
+            description: import("zod").ZodNullable<import("zod").ZodString>;
+            errorMessage: import("zod").ZodNullable<import("zod").ZodString>;
+            className: import("zod").ZodNullable<import("zod").ZodString>;
+        }, import("zod/v4/core").$strip>;
+        events: string[];
+        description: string;
+        example: {
+            members: null;
+            searchQuery: null;
+            selectedMemberId: null;
+            selectedRole: null;
+            state: null;
+            title: null;
+            description: null;
+            errorMessage: null;
+            className: null;
+        };
+    };
+    TeamShowcaseBlock: {
         props: import("zod").ZodObject<{
             title: import("zod").ZodNullable<import("zod").ZodString>;
             sections: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
@@ -1607,6 +1669,8 @@ export declare const allDefinitions: {
             }, import("zod/v4/core").$strip>>>;
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedRowId: import("zod").ZodNullable<import("zod").ZodString>;
+            selectedAction: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -1619,6 +1683,8 @@ export declare const allDefinitions: {
             }[];
             title: string;
             description: null;
+            selectedRowId: null;
+            selectedAction: null;
         };
     };
     HeatmapChartBlock: {

package/dist/catalog/definitions/index.js

@@ -1,21 +1,21 @@
-export { allDefinitions } from '../../chunk-VQVWFCHF.js';
+export { allDefinitions } from '../../chunk-HXKCPTY3.js';
+import '../../chunk-QCL76CM6.js';
 import '../../chunk-LYI5YMC6.js';
 import '../../chunk-UXYLA2IV.js';
 import '../../chunk-YXRIXTXW.js';
+import '../../chunk-WAIZR4CR.js';
 import '../../chunk-UQB54LIA.js';
 import '../../chunk-E4KUPYHE.js';
 import '../../chunk-W4KI424V.js';
 import '../../chunk-7SOMHO2L.js';
 import '../../chunk-XI775QZZ.js';
 import '../../chunk-P7JS4B7U.js';
-import '../../chunk-QCL76CM6.js';
+import '../../chunk-XLIFWBE7.js';
 import '../../chunk-5XDYCBR6.js';
 import '../../chunk-ZU7MDRCI.js';
 import '../../chunk-ZL6BPQNN.js';
-import '../../chunk-3LROWCZE.js';
-import '../../chunk-IW36SVOH.js';
-import '../../chunk-A4QNTJUR.js';
+import '../../chunk-XNTU2I2Y.js';
+import '../../chunk-PPVSKK77.js';
+import '../../chunk-J3CSDFH7.js';
 import '../../chunk-BJVCZI2B.js';
 import '../../chunk-YEAJLVGB.js';
-import '../../chunk-WAIZR4CR.js';
-import '../../chunk-XLIFWBE7.js';

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-XUWKGDUY.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-UO3V2JDK.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';