@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.1

package/dist/chunk-A4TQNK7R.js

@@ -0,0 +1,58 @@
+import { MetricCard } from './chunk-JWWXY7XR.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultStats = [
+  {
+    title: "Total Revenue",
+    value: 45231.89,
+    prefix: "$",
+    trend: { value: 20.1, direction: "up" },
+    periodText: "from last month",
+    sparklineData: null,
+    suffix: null
+  },
+  {
+    title: "Subscriptions",
+    value: 2350,
+    trend: { value: 180.1, direction: "up" },
+    periodText: "from last month",
+    prefix: null,
+    suffix: null,
+    sparklineData: null
+  },
+  {
+    title: "Sales",
+    value: 12234,
+    trend: { value: -19, direction: "down" },
+    periodText: "from last month",
+    prefix: null,
+    suffix: null,
+    sparklineData: null
+  },
+  {
+    title: "Active Now",
+    value: 573,
+    trend: { value: 201, direction: "up" },
+    periodText: "since last hour",
+    prefix: null,
+    suffix: null,
+    sparklineData: null
+  }
+];
+function StatsBlock({ props }) {
+  const stats = props.stats ?? defaultStats;
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: stats.map((stat) => /* @__PURE__ */ jsx(
+    MetricCard,
+    {
+      label: stat.title,
+      value: stat.value,
+      prefix: stat.prefix ?? void 0,
+      suffix: stat.suffix ?? void 0,
+      trend: stat.trend ? { value: stat.trend.value, direction: stat.trend.direction ?? void 0 } : void 0,
+      sparklineData: stat.sparklineData ?? void 0
+    },
+    stat.title
+  )) });
+}
+
+export { StatsBlock };

package/dist/chunk-AP5SGSN7.js

@@ -0,0 +1,186 @@
+import { Typography } from './chunk-Q7PCHHVJ.js';
+import { Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationNext } from './chunk-2BADJLMV.js';
+import { Heading } from './chunk-UXX6HHPS.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Empty, EmptyTitle, EmptyDescription } from './chunk-4TF4QFIM.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useBoundProp } from '@json-render/react';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_COLUMNS = [];
+var EMPTY_ROWS = [];
+var EMPTY_FILTERS = [];
+function deriveRowLabel(row, columns) {
+  if (row.summaryLabel) return row.summaryLabel;
+  const firstColumn = columns[0];
+  if (!firstColumn) return row.id;
+  const firstCellValue = row.cells[firstColumn.id];
+  return firstCellValue ?? row.id;
+}
+function deriveState(state, rows, selectedRowId) {
+  if (state) return state;
+  if (rows.length === 0) return "empty";
+  if (selectedRowId) return "selected-row";
+  return "has-data";
+}
+function clampPage(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function CrudListBlock({
+  props,
+  emit,
+  bindings,
+  children
+}) {
+  const title = props.title;
+  const description = props.description;
+  const columns = props.columns ?? EMPTY_COLUMNS;
+  const rows = props.rows ?? EMPTY_ROWS;
+  const [boundSelectedRowId, setBoundSelectedRowId] = useBoundProp(props.selectedRowId, bindings?.selectedRowId);
+  const [boundFilterValue, setBoundFilterValue] = useBoundProp(props.filterValue, bindings?.filterValue);
+  const selectedRowId = bindings?.selectedRowId ? boundSelectedRowId ?? null : props.selectedRowId ?? null;
+  const filterControls = props.filterControls ?? EMPTY_FILTERS;
+  const pagination = props.pagination;
+  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 className = props.className;
+  const resolvedState = deriveState(props.state, rows, selectedRowId);
+  const pages = useMemo(() => {
+    const totalPages = Math.max(1, pagination.totalPages);
+    const currentPage = clampPage(pagination.page, 1, totalPages);
+    const visible = 5;
+    const half = Math.floor(visible / 2);
+    let start = Math.max(1, currentPage - half);
+    const end = Math.min(totalPages, start + visible - 1);
+    if (end - start < visible - 1) {
+      start = Math.max(1, end - visible + 1);
+    }
+    return Array.from({ length: end - start + 1 }, (_, index) => start + index);
+  }, [pagination.page, pagination.totalPages]);
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    title || description ? /* @__PURE__ */ jsxs("header", { className: "space-y-1", children: [
+      title ? /* @__PURE__ */ jsx(Heading, { level: 3, children: title }) : null,
+      description ? /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description }) : null
+    ] }) : null,
+    filterControls.length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Filters" }) }),
+      /* @__PURE__ */ jsx(CardContent, { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: filterControls.map((filter, filterIndex) => /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium", children: filter.label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": filter.label,
+            value: filterIndex === 0 && bindings?.filterValue ? boundFilterValue ?? filter.value : filter.value,
+            placeholder: filter.placeholder ?? void 0,
+            onChange: (e) => {
+              if (filterIndex === 0) setBoundFilterValue(e.target.value);
+              emit("filterChange");
+            }
+          }
+        )
+      ] }, filter.id)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      resolvedState === "loading" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading list data" }) : 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 ?? "The list is unavailable. Retry once the data source recovers."
+        }
+      ) : null,
+      (resolvedState === "empty" || resolvedState === "filtered") && rows.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
+        /* @__PURE__ */ jsx(EmptyTitle, { children: emptyTitle }),
+        /* @__PURE__ */ jsx(EmptyDescription, { children: emptyDescription })
+      ] }) : null,
+      rows.length > 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto min-w-[600px]", children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(TableHead, { children: column.header }, column.id)) }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => {
+          const rowLabel = deriveRowLabel(row, columns);
+          return /* @__PURE__ */ jsx(
+            TableRow,
+            {
+              className: cn(
+                selectedRowId === row.id ? "bg-surface-secondary/70" : void 0
+              ),
+              children: columns.map((column, columnIndex) => {
+                const cell = row.cells[column.id] ?? "-";
+                if (columnIndex === 0) {
+                  return /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      className: "h-auto p-0 font-normal",
+                      onClick: () => {
+                        setBoundSelectedRowId(row.id);
+                        emit("rowSelect");
+                      },
+                      "aria-label": `Select ${rowLabel}`,
+                      children: cell
+                    }
+                  ) }, column.id);
+                }
+                return /* @__PURE__ */ jsx(TableCell, { children: cell }, column.id);
+              })
+            },
+            row.id
+          );
+        }) })
+      ] }) }) }) }) : null,
+      /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+        /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationPrevious,
+          {
+            href: "#",
+            onClick: (event) => {
+              event.preventDefault();
+              if (pagination.page > 1) {
+                emit("pageChange");
+              }
+            },
+            "aria-disabled": pagination.page <= 1,
+            className: pagination.page <= 1 ? "pointer-events-none opacity-50" : void 0
+          }
+        ) }),
+        pages.map((page) => /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
+          {
+            href: "#",
+            isActive: page === pagination.page,
+            onClick: (event) => {
+              event.preventDefault();
+              emit("pageChange");
+            },
+            children: page
+          }
+        ) }, page)),
+        /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationNext,
+          {
+            href: "#",
+            onClick: (event) => {
+              event.preventDefault();
+              if (pagination.page < pagination.totalPages) {
+                emit("pageChange");
+              }
+            },
+            "aria-disabled": pagination.page >= pagination.totalPages,
+            className: pagination.page >= pagination.totalPages ? "pointer-events-none opacity-50" : void 0
+          }
+        ) })
+      ] }) })
+    ] }),
+    resolvedState === "selected-row" && children ? /* @__PURE__ */ jsx("aside", { className: "space-y-4", children: /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Detail" }) }),
+      /* @__PURE__ */ jsx(CardContent, { children })
+    ] }) }) : null
+  ] });
+}
+
+export { CrudListBlock };

package/dist/chunk-AU2Q7CXZ.js

@@ -0,0 +1,45 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion, useMotionValue, useMotionTemplate } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MouseSpotlight({ children, className, color = "rgb(var(--color-text-primary) / 0.06)", size = 250, ref }) {
+  const prefersReduced = useReducedMotion();
+  const mouseX = useMotionValue(0);
+  const mouseY = useMotionValue(0);
+  const handleMouseMove = React.useCallback(
+    (e) => {
+      if (prefersReduced) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      mouseX.set(e.clientX - rect.left);
+      mouseY.set(e.clientY - rect.top);
+    },
+    [prefersReduced, mouseX, mouseY]
+  );
+  const bgImage = useMotionTemplate`radial-gradient(
+    ${size}px circle at ${mouseX}px ${mouseY}px,
+    ${color},
+    transparent 80%
+  )`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      onMouseMove: handleMouseMove,
+      className: cn("group relative", className),
+      children: [
+        !prefersReduced && /* @__PURE__ */ jsx(
+          m.div,
+          {
+            className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition duration-300 group-hover:opacity-100",
+            style: { background: bgImage }
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+export { MouseSpotlight };

package/dist/{chunk-326EZJLO.js → chunk-B4373MDA.js}

@@ -9,42 +9,54 @@ import { SettingsIcon } from './chunk-OITJWGFV.js';
 import { RocketIcon } from './chunk-QPXTBZWN.js';
 import { CreditCardIcon } from './chunk-JHQTKMKG.js';
 import { UserIcon } from './chunk-UHXGBV5N.js';
+import { cn } from './chunk-QYZT24TS.js';
 import { useState } from 'react';
+import { useBoundProp } from '@json-render/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var ICON_MAP = {
+  User: UserIcon,
+  Settings: SettingsIcon,
+  CreditCard: CreditCardIcon,
+  Rocket: RocketIcon
+};
 var defaultSteps = [
-  { title: "Account", description: "Setup your account", icon: /* @__PURE__ */ jsx(UserIcon, { size: 16 }) },
-  { title: "Profile", description: "Add personal info", icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 16 }) },
-  { title: "Plan", description: "Choose a plan", icon: /* @__PURE__ */ jsx(CreditCardIcon, { size: 16 }) },
-  { title: "Launch", description: "Ready to go", icon: /* @__PURE__ */ jsx(RocketIcon, { size: 16 }) }
+  { title: "Account", description: "Setup your account", icon: "User" },
+  { title: "Profile", description: "Add personal info", icon: "Settings" },
+  { title: "Plan", description: "Choose a plan", icon: "CreditCard" },
+  { title: "Launch", description: "Ready to go", icon: "Rocket" }
 ];
-function WizardBlock({
-  title = "Create Project",
-  description = "Follow the steps to setup your new project workspace.",
-  steps = defaultSteps,
-  onFinish,
-  className
-}) {
-  const [activeStep, setActiveStep] = useState(0);
-  const handleNext = () => setActiveStep((p) => Math.min(p + 1, steps.length - 1));
-  const handlePrev = () => setActiveStep((p) => Math.max(p - 1, 0));
-  return /* @__PURE__ */ jsxs(Card, { className: className ?? "w-full max-w-2xl mx-auto", children: [
+function WizardBlock({ props, bindings, emit }) {
+  const title = props.title ?? "Create Project";
+  const description = props.description ?? "Follow the steps to setup your new project workspace.";
+  const steps = props.steps ?? defaultSteps;
+  const [boundActiveStep, setBoundActiveStep] = useBoundProp(props.activeStep, bindings?.activeStep);
+  const [localActiveStep, setLocalActiveStep] = useState(0);
+  const isActiveStepBound = !!bindings?.activeStep;
+  const activeStep = isActiveStepBound ? boundActiveStep ?? 0 : localActiveStep;
+  const setActiveStep = isActiveStepBound ? setBoundActiveStep : setLocalActiveStep;
+  const handleNext = () => setActiveStep(Math.min(activeStep + 1, steps.length - 1));
+  const handlePrev = () => setActiveStep(Math.max(activeStep - 1, 0));
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-2xl mx-auto", props.className), children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       /* @__PURE__ */ jsx(CardTitle, { children: title }),
       /* @__PURE__ */ jsx(CardDescription, { children: description })
     ] }),
     /* @__PURE__ */ jsxs(CardContent, { className: "space-y-8", children: [
-      /* @__PURE__ */ jsx(Stepper, { activeStep, onStepChange: setActiveStep, className: "justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsx(
-        Step,
-        {
-          index,
-          title: step.title,
-          description: step.description,
-          icon: step.icon,
-          completed: index < activeStep
-        },
-        index
-      )) }),
+      /* @__PURE__ */ jsx(Stepper, { activeStep, onStepChange: setActiveStep, className: "justify-between", children: steps.map((step, index) => {
+        const IconComponent = step.icon ? ICON_MAP[step.icon] ?? null : null;
+        return /* @__PURE__ */ jsx(
+          Step,
+          {
+            index,
+            title: step.title,
+            description: step.description,
+            icon: IconComponent ? /* @__PURE__ */ jsx(IconComponent, { size: 16 }) : void 0,
+            completed: index < activeStep
+          },
+          index
+        );
+      }) }),
       /* @__PURE__ */ jsxs("div", { className: "min-h-[200px] border rounded-lg p-6 bg-muted/20 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [
         activeStep === 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxs(Field, { children: [
@@ -85,7 +97,7 @@ function WizardBlock({
     ] }),
     /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
       /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handlePrev, disabled: activeStep === 0, children: "Previous" }),
-      /* @__PURE__ */ jsx(Button, { onClick: activeStep === steps.length - 1 ? onFinish : handleNext, children: activeStep === steps.length - 1 ? "Finish" : "Next" })
+      /* @__PURE__ */ jsx(Button, { onClick: activeStep === steps.length - 1 ? () => emit("finish") : handleNext, children: activeStep === steps.length - 1 ? "Finish" : "Next" })
     ] })
   ] });
 }

package/dist/{chunk-BG26NCUY.js → chunk-B4YCI5NM.js}

@@ -1,10 +1,7 @@
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.js';
-import { ScrollFadeIn } from './chunk-I23DDSU7.js';
 import { Card } from './chunk-7UY24UWL.js';
-import { SparklesIcon } from './chunk-CGUCH322.js';
-import { SearchIcon } from './chunk-T6BRD7TS.js';
-import { SettingsIcon } from './chunk-OITJWGFV.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
 import { Badge } from './chunk-S4JAHKOP.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -12,29 +9,24 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 var defaultSteps = [
   {
     title: "Discovery",
-    description: "We analyze your workflows and identify automation opportunities.",
-    icon: /* @__PURE__ */ jsx(SearchIcon, { size: 24, "aria-hidden": true })
+    description: "We analyze your workflows and identify automation opportunities."
   },
   {
     title: "Implementation",
-    description: "Our team builds and integrates AI solutions tailored to your needs.",
-    icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
+    description: "Our team builds and integrates AI solutions tailored to your needs."
   },
   {
     title: "Optimization",
-    description: "Continuous monitoring and refinement to maximize ROI.",
-    icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
+    description: "Continuous monitoring and refinement to maximize ROI."
   }
 ];
-function ProcessFlowBlock({
-  title = "How it works",
-  description,
-  badge,
-  steps = defaultSteps,
-  className
-}) {
+function ProcessFlowBlock({ props }) {
+  const title = props.title ?? "How it works";
+  const description = props.description;
+  const badge = props.badge;
+  const steps = props.steps ?? defaultSteps;
   const colsClass = steps.length === 4 ? "md:grid-cols-4" : "md:grid-cols-3";
-  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
     /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       !!badge && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badge }),
       /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
@@ -63,7 +55,6 @@ function ProcessFlowBlock({
           children: steps.map((step, i) => /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx("div", { className: "mb-4 flex size-10 items-center justify-center rounded-full bg-accent text-accent-foreground text-sm font-semibold", children: String(i + 1).padStart(2, "0") }),
             /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-              step.icon && /* @__PURE__ */ jsx("div", { className: "mb-2 flex justify-center text-accent", children: step.icon }),
               /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "font-medium", children: step.title }),
               /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-text-secondary", children: step.description })
             ] })

package/dist/chunk-BHPATKC7.js

@@ -0,0 +1,116 @@
+import { hasChildWithDisplayName } from './chunk-6FOHUNXR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { Drawer as Drawer$1 } from 'vaul';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+var DrawerTrigger = Drawer$1.Trigger;
+var DrawerPortal = Drawer$1.Portal;
+var DrawerClose = Drawer$1.Close;
+function DrawerOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Overlay,
+    {
+      ref,
+      className: cn("fixed inset-0 z-50 bg-overlay/80", className),
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const hasTitle = hasChildWithDisplayName(children, "DrawerTitle");
+  const hasDescription = hasChildWithDisplayName(children, "DrawerDescription");
+  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Drawer$1.Content,
+      {
+        ref,
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-surface",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-24 rounded-full bg-secondary" }),
+          !hasTitle && /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only", children: "Drawer content" }),
+          !hasDescription && /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: "Drawer content" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+function DrawerTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Title,
+    {
+      ref,
+      className: cn(
+        "text-lg font-semibold leading-none tracking-sub text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+DrawerTitle.displayName = "DrawerTitle";
+function DrawerDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Description,
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+DrawerDescription.displayName = "DrawerDescription";
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/chunk-BJVCZI2B.js

@@ -0,0 +1,29 @@
+import { z } from 'zod';
+
+// src/catalog/definitions/shared.ts
+var validationCheckSchema = z.array(
+  z.object({
+    type: z.string(),
+    message: z.string(),
+    args: z.record(z.string(), z.unknown()).optional()
+  })
+).nullable();
+var validateOnSchema = z.enum(["change", "blur", "submit"]).nullable();
+var chartConfigSchema = z.record(
+  z.string(),
+  z.object({
+    label: z.string(),
+    color: z.string().nullable()
+  })
+).nullable();
+var trendSchema = z.object({
+  value: z.number(),
+  direction: z.enum(["up", "down", "flat"]).nullable()
+}).nullable();
+var treeNodeSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  children: z.array(z.lazy(() => treeNodeSchema)).nullable()
+});
+
+export { chartConfigSchema, treeNodeSchema, trendSchema, validateOnSchema, validationCheckSchema };

package/dist/{chunk-TYP2MR3Q.js → chunk-BOWKE7OE.js}

@@ -1,6 +1,6 @@
-import { findItemLocation, moveItem } from './chunk-VTAOHSPW.js';
 import { buildAnnouncements } from './chunk-B3BYBSF2.js';
 import { KanbanContext, KanbanItemContext } from './chunk-FOFGPWFS.js';
+import { findItemLocation, moveItem } from './chunk-VTAOHSPW.js';
 import { m, motionSpring } from './chunk-PD2YEH3H.js';
 import { GripVerticalIcon } from './chunk-WXVNTJIB.js';
 import { cn, mergeRefs } from './chunk-QYZT24TS.js';
@@ -11,7 +11,7 @@ import { CSS } from '@dnd-kit/utilities';
 import { useReducedMotion } from 'motion/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function KanbanBoard({
+function KanbanBoardImpl({
   value,
   onValueChange,
   getItemId,
@@ -262,5 +262,23 @@ function KanbanHandle({
     }
   );
 }
+function KanbanBoard({ props, emit, children }) {
+  const [value, setValue] = React.useState([]);
+  const handleValueChange = (next) => {
+    setValue(next);
+    emit("valueChange");
+  };
+  return /* @__PURE__ */ jsx(
+    KanbanBoardImpl,
+    {
+      value,
+      onValueChange: handleValueChange,
+      getItemId: (item) => String(item.id ?? item),
+      activationDistance: props.activationDistance ?? 5,
+      className: props.className ?? void 0,
+      children
+    }
+  );
+}
 
-export { KanbanBoard, KanbanColumn, KanbanColumnHeader, KanbanHandle, KanbanItem };
+export { KanbanBoard, KanbanBoardImpl, KanbanColumn, KanbanColumnHeader, KanbanHandle, KanbanItem };