@databricks/appkit-ui 0.12.1 → 0.13.0

package/CLAUDE.md

@@ -26,14 +26,14 @@ npx @databricks/appkit docs <query>
 - [Architecture](./docs/architecture.md): AppKit follows a plugin-based architecture designed for building production-ready Databricks applications. This document provides a high-level overview of the system components and their interactions.
 - [Configuration](./docs/configuration.md): This guide covers environment variables and configuration options for AppKit applications.
 - [Core principles](./docs/core-principles.md): Learn about the fundamental concepts and principles behind AppKit.
-- [Development](./docs/development.md): AppKit provides multiple development workflows to suit different needs: local development with hot reload, AI-assisted development with MCP, and remote tunneling to deployed backends.
+- [Development](./docs/development.md): AppKit provides multiple development workflows to suit different needs: local development with hot reload, AI-assisted development with Agent Skills, and remote tunneling to deployed backends.
 - [Plugins](./docs/plugins.md): Plugins are modular extensions that add capabilities to your AppKit application. They follow a defined lifecycle and have access to shared services like caching, telemetry, and streaming.
 
 ## Development
 
-- [AI-Assisted development](./docs/development/ai-assisted-development.md): AppKit-specific agent skills for AI coding assistants are coming soon. This documentation will be updated with instructions when available.
+- [AI-Assisted development](./docs/development/ai-assisted-development.md): AppKit integrates with AI coding assistants through the Agent Skills.
 - [LLM Guide](./docs/development/llm-guide.md): This document provides prescriptive guidance for AI coding assistants generating code with Databricks AppKit. It is intentionally opinionated to ensure consistent, production-ready code generation.
-- [Local development](./docs/development/local-development.md): Once your app is bootstrapped according to the Quick start guide, you can start the development server with hot reload for both UI and backend code.
+- [Local development](./docs/development/local-development.md): Once your app is bootstrapped according to the Manual quick start guide, you can start the development server with hot reload for both UI and backend code.
 - [Project setup](./docs/development/project-setup.md): This guide covers the recommended project structure and scaffolding for AppKit applications.
 - [Remote Bridge](./docs/development/remote-bridge.md): Remote bridge allows you to develop against a deployed backend while keeping your UI and queries local. This is useful for testing against production data or debugging deployed backend code without redeploying your app.
 - [Type generation](./docs/development/type-generation.md): AppKit can automatically generate TypeScript types for your SQL queries, providing end-to-end type safety from database to UI.
@@ -44,6 +44,7 @@ npx @databricks/appkit docs <query>
 - [Caching](./docs/plugins/caching.md): AppKit provides both global and plugin-level caching capabilities.
 - [Creating custom plugins](./docs/plugins/custom-plugins.md): If you need custom API routes or background logic, implement an AppKit plugin. The fastest way is to use the CLI:
 - [Execution context](./docs/plugins/execution-context.md): AppKit manages Databricks authentication via two contexts:
+- [Genie plugin](./docs/plugins/genie.md): Integrates Databricks AI/BI Genie spaces into your AppKit application, enabling natural language data queries via a conversational interface.
 - [Lakebase plugin](./docs/plugins/lakebase.md): Currently, the Lakebase plugin currently requires a one-time manual setup to connect your Databricks App with your Lakebase database. An automated setup process is planned for an upcoming future release.
 - [Plugin management](./docs/plugins/plugin-management.md): AppKit includes a CLI for managing plugins. All commands are available under npx @databricks/appkit plugin.
 - [Server plugin](./docs/plugins/server.md): Provides HTTP server capabilities with development and production modes.

package/dist/react/charts/area/index.d.ts

@@ -1,6 +1,6 @@
 import { AreaChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/react/charts/area/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const AreaChart: {
-  (props: AreaChartProps): react_jsx_runtime0.JSX.Element;
+  (props: AreaChartProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/bar/index.d.ts

@@ -1,6 +1,6 @@
 import { BarChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/react/charts/bar/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const BarChart: {
-  (props: BarChartProps): react_jsx_runtime1.JSX.Element;
+  (props: BarChartProps): react_jsx_runtime5.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/base.d.ts

@@ -1,5 +1,5 @@
 import { ChartColorPalette, ChartData, ChartType, Orientation } from "./types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/react/charts/base.d.ts
 interface BaseChartProps {
@@ -83,7 +83,7 @@ declare function BaseChart({
   max,
   options: customOptions,
   className
-}: BaseChartProps): react_jsx_runtime8.JSX.Element;
+}: BaseChartProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { BaseChart, BaseChartProps };
 //# sourceMappingURL=base.d.ts.map

package/dist/react/charts/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/react/charts/base.tsx"],"sourcesContent":[],"mappings":";;;;UA0CiB,cAAA;;QAET;EAFS;EAAc,SAAA,EAIlB,SAJkB;;MAIlB,CAAA,EAAA,MAAA;;MAmBI,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;;EA0BC,WAAA,CAAA,EAvCF,WAuCE;EAaF;EAAS,MAAA,CAAA,EAAA,MAAA;;OAEvB,CAAA,EAAA,MAAA;;YAEA,CAAA,EAAA,OAAA;;;;;;;cAOA,CAAA,EAlDe,iBAkDf;;QAEA,CAAA,EAAA,MAAA,EAAA;;YAEA,CAAA,EAAA,OAAA;;QAEA,CAAA,EAAA,OAAA;;SAEA,CAAA,EAAA,OAAA;;YAEA,CAAA,EAAA,MAAA;;UAEA,CAAA,EAAA,OAAA;;aACe,CAAA,EAAA,MAAA;EAAA;;;;;;;;;;;YArCL;;;;;;;;iBAaI,SAAA;;;;;;;;;;UAUN;;;;;;;;;;;;WAYC;;GAER,iBAAc,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/react/charts/base.tsx"],"sourcesContent":[],"mappings":";;;;UA0CiB,cAAA;;QAET;EAFS;EAAc,SAAA,EAIlB,SAJkB;;MAIlB,CAAA,EAAA,MAAA;;MAmBI,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;;EA0BC,WAAA,CAAA,EAvCF,WAuCE;EAaF;EAAS,MAAA,CAAA,EAAA,MAAA;;OAEvB,CAAA,EAAA,MAAA;;YAEA,CAAA,EAAA,OAAA;;;;;;;cAOA,CAAA,EAlDe,iBAkDf;;QAEA,CAAA,EAAA,MAAA,EAAA;;YAEA,CAAA,EAAA,OAAA;;QAEA,CAAA,EAAA,OAAA;;SAEA,CAAA,EAAA,OAAA;;YAEA,CAAA,EAAA,MAAA;;UAEA,CAAA,EAAA,OAAA;;aACe,CAAA,EAAA,MAAA;EAAA;;;;;;;;;;;YArCL;;;;;;;;iBAaI,SAAA;;;;;;;;;;UAUN;;;;;;;;;;;;WAYC;;GAER,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/react/charts/create-chart.d.ts

@@ -1,5 +1,5 @@
 import { ChartType, UnifiedChartProps } from "./types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/react/charts/create-chart.d.ts
 
@@ -18,7 +18,7 @@ import * as react_jsx_runtime9 from "react/jsx-runtime";
  * ```
  */
 declare function createChart<TProps extends UnifiedChartProps>(chartType: ChartType, displayName: string): {
-  (props: TProps): react_jsx_runtime9.JSX.Element;
+  (props: TProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/create-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-chart.d.ts","names":[],"sources":["../../../src/react/charts/create-chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAkBA;;;;;;;;;;;iBAAgB,2BAA2B,8BAC9B;UAGe,SAAM,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"create-chart.d.ts","names":[],"sources":["../../../src/react/charts/create-chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAkBA;;;;;;;;;;;iBAAgB,2BAA2B,8BAC9B;UAGe,SAAM,mBAAA,CAAA,GAAA,CAAA"}

package/dist/react/charts/heatmap/index.d.ts

@@ -1,6 +1,6 @@
 import { HeatmapChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/react/charts/heatmap/index.d.ts
 
@@ -19,7 +19,7 @@ import * as react_jsx_runtime2 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const HeatmapChart: {
-  (props: HeatmapChartProps): react_jsx_runtime2.JSX.Element;
+  (props: HeatmapChartProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/line/index.d.ts

@@ -1,6 +1,6 @@
 import { LineChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/react/charts/line/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const LineChart: {
-  (props: LineChartProps): react_jsx_runtime3.JSX.Element;
+  (props: LineChartProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","names":[],"sources":["../../../src/react/charts/options.ts"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;EAAA,QAAA,EAEL,MAFK,CAAA,MAAoB,EAAA,CAAA,MAAA,GAEzB,MAAM,CAAA,EAAA,CAAA;EAOD,OAAA,EAAA,MAAA,EAAA;EAAiB,MAAA,EAAA,MAAA,EAAA;OACrB,CAAA,EAAA,MAAA;YAD6B,EAAA,OAAA;;AAwB1B,UAxBC,gBAAA,SAAyB,oBAwBV,CAAA;EAAA,SAAA,EAvBnB,SAuBmB;cACzB,EAAA,OAAA;SAEJ,EAAA,OAAA;EAAM,MAAA,EAAA,OAAA;EAmCO,UAAA,EAAA,OAAc;EAAA,UAAA,EAAA,MAAA;;AAM3B,iBA5Ca,gBAAA,CA4Cb,GAAA,EA3CI,oBA2CJ,EAAA,QAAA,CAAA,EAAA,OAAA,CAAA,EAzCA,MAyCA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAM,iBANO,cAAA,CAMP,GAAA,EALF,oBAKE,EAAA,SAAA,EAAA,KAAA,GAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAN,MAAM,CAAA,MAAA,EAAA,OAAA,CAAA;AAyCO,iBAAA,wBAAA,CAAwB,GAAA,EACjC,oBADiC,EAAA,OAAA,EAAA,OAAA,CAAA,EAGrC,MAHqC,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,UAyCvB,cAAA,SAAuB,oBAzCA,CAAA;;WAGrC,EAAA,CAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAM;EAsCQ,WAAA,EAAA,CAAA,MAAe,EAAA,MAAQ,EAAA,MAAA,CAAA,EAAA;EAaxB;EAAkB,GAAA,EAAA,MAAA;;KAE/B,EAAA,MAAA;EAAM;EAsEO,UAAA,EAAA,OAAA;;AACT,iBAzES,kBAAA,CAyET,GAAA,EAxEA,cAwEA,CAAA,EAvEJ,MAuEI,CAAA,MAAA,EAAA,OAAA,CAAA;AACJ,iBAFa,oBAAA,CAEb,GAAA,EADI,gBACJ,CAAA,EAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA"}
+{"version":3,"file":"options.d.ts","names":[],"sources":["../../../src/react/charts/options.ts"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;EAAA,QAAA,EAEL,MAFK,CAAA,MAAoB,EAAA,CAAA,MAAA,GAEzB,MAAM,CAAA,EAAA,CAAA;EAOD,OAAA,EAAA,MAAA,EAAA;EAAiB,MAAA,EAAA,MAAA,EAAA;OACrB,CAAA,EAAA,MAAA;YAD6B,EAAA,OAAA;;AAwB1B,UAxBC,gBAAA,SAAyB,oBAwBV,CAAA;EAAA,SAAA,EAvBnB,SAuBmB;cACzB,EAAA,OAAA;SAEJ,EAAA,OAAA;EAAM,MAAA,EAAA,OAAA;EAmCO,UAAA,EAAA,OAAc;EAAA,UAAA,EAAA,MAAA;;AAM3B,iBA5Ca,gBAAA,CA4Cb,GAAA,EA3CI,oBA2CJ,EAAA,QAAA,CAAA,EAAA,OAAA,CAAA,EAzCA,MAyCA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAM,iBANO,cAAA,CAMP,GAAA,EALF,oBAKE,EAAA,SAAA,EAAA,KAAA,GAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAN,MAAM,CAAA,MAAA,EAAA,OAAA,CAAA;AAyCO,iBAAA,wBAAA,CAAwB,GAAA,EACjC,oBADiC,EAAA,OAAA,EAAA,OAAA,CAAA,EAGrC,MAHqC,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,UAyCvB,cAAA,SAAuB,oBAzCA,CAAA;;WAGrC,EAAA,CAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAM;EAsCQ,WAAA,EAAA,CAAA,MAAe,EAAA,MAAA,EAAQ,MAAA,CAAA,EAAA;EAaxB;EAAkB,GAAA,EAAA,MAAA;;KAE/B,EAAA,MAAA;EAAM;EAsEO,UAAA,EAAA,OAAA;;AACT,iBAzES,kBAAA,CAyET,GAAA,EAxEA,cAwEA,CAAA,EAvEJ,MAuEI,CAAA,MAAA,EAAA,OAAA,CAAA;AACJ,iBAFa,oBAAA,CAEb,GAAA,EADI,gBACJ,CAAA,EAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA"}

package/dist/react/charts/pie/index.d.ts

@@ -1,6 +1,6 @@
 import { DonutChartProps, PieChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/react/charts/pie/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime4 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const PieChart: {
-  (props: PieChartProps): react_jsx_runtime4.JSX.Element;
+  (props: PieChartProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 /**
@@ -27,7 +27,7 @@ declare const PieChart: {
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const DonutChart: {
-  (props: DonutChartProps): react_jsx_runtime4.JSX.Element;
+  (props: DonutChartProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/radar/index.d.ts

@@ -1,6 +1,6 @@
 import { RadarChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/react/charts/radar/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime6 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const RadarChart: {
-  (props: RadarChartProps): react_jsx_runtime6.JSX.Element;
+  (props: RadarChartProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/scatter/index.d.ts

@@ -1,6 +1,6 @@
 import { ScatterChartProps } from "../types.js";
 import "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/react/charts/scatter/index.d.ts
 
@@ -14,7 +14,7 @@ import * as react_jsx_runtime7 from "react/jsx-runtime";
  * Supports both query mode (queryKey + parameters) and data mode (static data).
  */
 declare const ScatterChart: {
-  (props: ScatterChartProps): react_jsx_runtime7.JSX.Element;
+  (props: ScatterChartProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/react/charts/wrapper.d.ts

@@ -1,6 +1,6 @@
 import { ChartData, DataFormat } from "./types.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/react/charts/wrapper.d.ts
 interface ChartWrapperQueryProps {
@@ -59,7 +59,7 @@ type ChartWrapperProps = CommonProps & (ChartWrapperQueryProps | ChartWrapperDat
  * </ChartWrapper>
  * ```
  */
-declare function ChartWrapper(props: ChartWrapperProps): react_jsx_runtime10.JSX.Element;
+declare function ChartWrapper(props: ChartWrapperProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { ChartWrapper, ChartWrapperProps };
 //# sourceMappingURL=wrapper.d.ts.map

package/dist/react/ui/accordion.d.ts

@@ -1,29 +1,29 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 
 //#region src/react/ui/accordion.d.ts
 /** Collapsible content sections organized in a vertical stack */
 declare function Accordion({
   ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime14.JSX.Element;
+}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime15.JSX.Element;
 /** Individual collapsible section within an accordion */
 declare function AccordionItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime14.JSX.Element;
+}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime15.JSX.Element;
 /** Clickable button that triggers accordion content visibility */
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime14.JSX.Element;
+}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime15.JSX.Element;
 /** Content area that expands and collapses within an accordion item */
 declare function AccordionContent({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime14.JSX.Element;
+}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=accordion.d.ts.map

package/dist/react/ui/alert-dialog.d.ts

@@ -1,61 +1,61 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 //#region src/react/ui/alert-dialog.d.ts
 /** Modal dialog that interrupts the user with critical information requiring immediate action */
 declare function AlertDialog({
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime22.JSX.Element;
 /** Button that triggers the alert dialog to open */
 declare function AlertDialogTrigger({
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime22.JSX.Element;
 /** Portal container for rendering alert dialog content outside the DOM hierarchy */
 declare function AlertDialogPortal({
   container,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime22.JSX.Element;
 /** Background overlay that dims content behind the alert dialog */
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime22.JSX.Element;
 /** Main content container for the alert dialog */
 declare function AlertDialogContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime22.JSX.Element;
 /** Header section containing title and description */
 declare function AlertDialogHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime22.JSX.Element;
 /** Footer section containing action buttons */
 declare function AlertDialogFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime22.JSX.Element;
 /** Title heading for the alert dialog */
 declare function AlertDialogTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime22.JSX.Element;
 /** Descriptive text explaining the alert */
 declare function AlertDialogDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime22.JSX.Element;
 /** Primary action button that confirms the alert */
 declare function AlertDialogAction({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime22.JSX.Element;
 /** Cancel button that dismisses the alert dialog */
 declare function AlertDialogCancel({
   className,
   ...props
-}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime21.JSX.Element;
+}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/react/ui/alert.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -12,17 +12,17 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime19.JSX.Element;
 /** Title text for an alert component */
 declare function AlertTitle({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime19.JSX.Element;
 /** Descriptive text content for an alert component */
 declare function AlertDescription({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

package/dist/react/ui/aspect-ratio.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 
 //#region src/react/ui/aspect-ratio.d.ts
 /** Container that maintains a specific aspect ratio for its content */
 declare function AspectRatio({
   ...props
-}: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/react/ui/avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
 //#region src/react/ui/avatar.d.ts
@@ -7,17 +7,17 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
 declare function Avatar({
   className,
   ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime33.JSX.Element;
+}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime34.JSX.Element;
 /** Image element for the avatar */
 declare function AvatarImage({
   className,
   ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime33.JSX.Element;
+}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime34.JSX.Element;
 /** Fallback content displayed when avatar image fails to load */
 declare function AvatarFallback({
   className,
   ...props
-}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime33.JSX.Element;
+}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/react/ui/badge.d.ts

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/react/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Small label for displaying status, categories, or counts */
 declare function Badge({
   className,
@@ -15,7 +15,7 @@ declare function Badge({
   ...props
 }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime36.JSX.Element;
+}): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/react/ui/breadcrumb.d.ts

@@ -1,21 +1,21 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/react/ui/breadcrumb.d.ts
 /** Navigation component showing the current page's location in the site hierarchy */
 declare function Breadcrumb({
   ...props
-}: React$1.ComponentProps<"nav">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"nav">): react_jsx_runtime38.JSX.Element;
 /** Ordered list container for breadcrumb items */
 declare function BreadcrumbList({
   className,
   ...props
-}: React$1.ComponentProps<"ol">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"ol">): react_jsx_runtime38.JSX.Element;
 /** Individual item in the breadcrumb trail */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime38.JSX.Element;
 /** Clickable link within a breadcrumb item */
 declare function BreadcrumbLink({
   asChild,
@@ -23,23 +23,23 @@ declare function BreadcrumbLink({
   ...props
 }: React$1.ComponentProps<"a"> & {
   asChild?: boolean;
-}): react_jsx_runtime37.JSX.Element;
+}): react_jsx_runtime38.JSX.Element;
 /** Current page indicator in the breadcrumb trail */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime38.JSX.Element;
 /** Visual separator between breadcrumb items */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime38.JSX.Element;
 /** Ellipsis indicator for collapsed breadcrumb items */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime37.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/react/ui/button-group.d.ts

@@ -1,18 +1,18 @@
 import { Separator } from "./separator.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 
 //#region src/react/ui/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 /** Container for grouping related buttons together with shared borders */
 declare function ButtonGroup({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime46.JSX.Element;
 /** Text label or content within a button group */
 declare function ButtonGroupText({
   className,
@@ -20,13 +20,13 @@ declare function ButtonGroupText({
   ...props
 }: React.ComponentProps<"div"> & {
   asChild?: boolean;
-}): react_jsx_runtime11.JSX.Element;
+}): react_jsx_runtime46.JSX.Element;
 /** Visual separator between buttons in a button group */
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.ts.map

package/dist/react/ui/button.d.ts

@@ -1,13 +1,13 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/react/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
   size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 /** Clickable button with multiple variants and sizes */
 declare function Button({
   className,
@@ -17,7 +17,7 @@ declare function Button({
   ...props
 }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime44.JSX.Element;
+}): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/react/ui/calendar.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/react/ui/calendar.d.ts
@@ -16,14 +16,14 @@ declare function Calendar({
   ...props
 }: React$1.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime48.JSX.Element;
+}): react_jsx_runtime49.JSX.Element;
 /** Individual day button within the calendar grid */
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime48.JSX.Element;
+}: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime49.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.ts.map