@camunda/design-system 0.2.0 → 0.3.0

package/dist/src/components/ui/stepper.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const StepperContext = React.createContext(null);
 const StepperItemContext = React.createContext(null);
 function useStepperContext(componentName) {

package/dist/src/components/ui/switch.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Switch({ className, ...props }) {
     return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn(
         // Track: 24×44 with explicit `border-0` to clear the browser's default

package/dist/src/components/ui/table.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const TableSizeContext = React.createContext("md");
 const headSizeClasses = {
     sm: "h-9 px-3",

package/dist/src/components/ui/tabs.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Tabs({ className, orientation = "horizontal", ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className), ...props }));
 }

package/dist/src/components/ui/textarea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn("field-sizing-content flex min-h-16 w-full resize-none rounded-lg border border-input bg-input-background px-2.5 py-1.5 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
 }

package/dist/src/components/ui/toggle-group.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import { type VariantProps } from "class-variance-authority";
-import { toggleVariants } from "./toggle";
+import { toggleVariants } from "./toggle.js";
 declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): React.JSX.Element;
 export { ToggleGroup, ToggleGroupItem };

package/dist/src/components/ui/toggle-group.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import {} from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { toggleVariants } from "./toggle";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle.js";
 // Empty default — `ToggleGroupItem` standalone (no surrounding `ToggleGroup`)
 // must fall back to its own `variant`/`size` props, and a non-empty default
 // here would clobber those.

package/dist/src/components/ui/toggle.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const toggleVariants = cva("inline-flex items-center justify-center gap-1.5 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variants: {
         variant: {

package/dist/src/components/ui/tooltip.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { C4Provider } from "./c4-provider";
+import { cn } from "../../lib/utils.js";
+import { C4Provider } from "./c4-provider.js";
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }

package/dist/src/components/ui/tree-view.js

@@ -4,8 +4,8 @@ import * as React from "react";
 import { getCoreRowModel, getExpandedRowModel, useReactTable, } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronRight } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Checkbox } from "./checkbox";
+import { cn } from "../../lib/utils.js";
+import { Checkbox } from "./checkbox.js";
 // ── JSX children → TreeNodeDef[] ─────────────────────────────────────────
 function jsxChildrenToNodeDefs(children) {
     const result = [];

package/dist/src/examples/cost-dashboard/CostBreakdownChart.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PieChart, Pie, Cell, ResponsiveContainer } from "recharts";
-import { agents, totalLlmSpend } from "./mock-data";
-import { useChartColors } from "./useChartColors";
+import { agents, totalLlmSpend } from "./mock-data.js";
+import { useChartColors } from "./useChartColors.js";
 // Spend split into input vs output cost (summed across the definition's agents).
 const totalInput = +agents.reduce((sum, a) => sum + a.inCostUsd, 0).toFixed(2);
 const totalOutput = +agents

package/dist/src/examples/cost-dashboard/CostDashboardPage.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDown, ArrowUp, CalendarDays } from "lucide-react";
-import { DataTable, Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, Badge, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Popover, PopoverTrigger, PopoverContent, cn, } from "../../index";
-import { AppShell } from "../shared/AppShell";
-import { costNav, costBackNav, costBreadcrumb } from "../shared/cost-nav";
-import { definition, instances, totalLlmSpend, totalTokens, totalRuns, } from "./mock-data";
-import { TrendChart } from "./TrendChart";
-import { CostBreakdownChart } from "./CostBreakdownChart";
+import { DataTable, Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, Badge, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Popover, PopoverTrigger, PopoverContent, cn, } from "../../index.js";
+import { AppShell } from "../shared/AppShell.js";
+import { costNav, costBackNav, costBreadcrumb } from "../shared/cost-nav.js";
+import { definition, instances, totalLlmSpend, totalTokens, totalRuns, } from "./mock-data.js";
+import { TrendChart } from "./TrendChart.js";
+import { CostBreakdownChart } from "./CostBreakdownChart.js";
 // Tinted background signals sentiment (positive = good, regardless of arrow
 // direction): a rising LLM spend is not "good", so it reads neutral, not green.
 const trendStyles = {

package/dist/src/examples/cost-dashboard/TrendChart.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, } from "recharts";
-import { agents, trend } from "./mock-data";
-import { useChartColors } from "./useChartColors";
+import { agents, trend } from "./mock-data.js";
+import { useChartColors } from "./useChartColors.js";
 // Input vs output tokens per period, summed across the definition's agents.
 // Coalesce missing series keys to 0 so a data shape change can't produce NaN.
 const data = trend.map((point) => ({

package/dist/src/examples/project-detail/ProjectDetailPage.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { ArrowUpRight, Bot, BookOpen, CheckCircle2, ChevronDown, Cloud, Copy, Download, FolderInput, FolderOpen, GitBranch, LayoutList, Link2, MoreVertical, Pencil, Plus, Rocket, Search, Table2, Trash2, Workflow, } from "lucide-react";
-import { Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardHeader, CardTitle, cn, Collapsible, CollapsibleContent, CollapsibleTrigger, DataTable, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../index";
-import { AppShell } from "../shared/AppShell";
-import { consoleNav, consoleBreadcrumb } from "../shared/console-nav";
-import { assets, deployment, files, git, project, } from "./mock-data";
+import { Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardHeader, CardTitle, cn, Collapsible, CollapsibleContent, CollapsibleTrigger, DataTable, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../index.js";
+import { AppShell } from "../shared/AppShell.js";
+import { consoleNav, consoleBreadcrumb } from "../shared/console-nav.js";
+import { assets, deployment, files, git, project, } from "./mock-data.js";
 // File-type icons mirror the shadcn reference's Create-menu / file-row icon set,
 // rendered monochrome (text-muted-foreground) like the reference rather than tinted.
 const fileIcon = {

package/dist/src/examples/projects-list/ProjectsListPage.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Copy, FolderInput, FolderKanban, Pencil, Plus, Rocket, Search, Trash2, } from "lucide-react";
-import { Button, Card, CardContent, DataTable, Input } from "../../index";
-import { AppShell } from "../shared/AppShell";
-import { consoleNav, consoleBreadcrumb } from "../shared/console-nav";
-import { projects } from "./mock-data";
+import { Button, Card, CardContent, DataTable, Input } from "../../index.js";
+import { AppShell } from "../shared/AppShell.js";
+import { consoleNav, consoleBreadcrumb } from "../shared/console-nav.js";
+import { projects } from "./mock-data.js";
 const columns = [
     {
         accessorKey: "name",

package/dist/src/examples/shared/AppShell.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type SidebarNode, type SidebarBackNav } from "../../index";
+import { type SidebarNode, type SidebarBackNav } from "../../index.js";
 export interface AppShellProps {
     appName?: string;
     sidebarLabel: string;

package/dist/src/examples/shared/AppShell.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
 import { Bell, HelpCircle } from "lucide-react";
-import { AppHeader, AppSidebar, SidebarProvider, TooltipProvider, } from "../../index";
-import { CamundaLogo } from "../../../.storybook/CamundaLogo";
+import { AppHeader, AppSidebar, SidebarProvider, TooltipProvider, } from "../../index.js";
+import { CamundaLogo } from "../../../.storybook/CamundaLogo.js";
 /** Shared app-shell for example pages: SidebarProvider + AppHeader + AppSidebar + offset <main>. */
 export function AppShell({ appName, sidebarLabel, items, breadcrumb, backNav, children, }) {
     return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsx(SidebarProvider, { children: _jsxs("div", { className: "min-h-screen bg-background text-foreground", children: [_jsx(AppHeader, { skipToContentTargetId: "main-content", appName: appName, logo: _jsx("a", { href: "#", "aria-label": "Camunda home", className: "flex items-center", children: _jsx(CamundaLogo, {}) }), breadcrumb: breadcrumb, globalActions: [

package/dist/src/examples/shared/console-nav.d.ts

@@ -1,4 +1,4 @@
-import { type SidebarNode } from "../../index";
+import { type SidebarNode } from "../../index.js";
 export declare const consoleNav: SidebarNode[];
 /** Org ▸ Workspace context switcher used by the project pages. */
 export declare const consoleBreadcrumb: import("react").JSX.Element;

package/dist/src/examples/shared/console-nav.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FolderKanban, Blocks, ServerCog, Settings, Building2, Briefcase, } from "lucide-react";
-import { NavBreadcrumb, NavBreadcrumbItem, DropdownMenuLabel, DropdownMenuItem, } from "../../index";
+import { NavBreadcrumb, NavBreadcrumbItem, DropdownMenuLabel, DropdownMenuItem, } from "../../index.js";
 export const consoleNav = [
     {
         type: "item",

package/dist/src/examples/shared/cost-nav.d.ts

@@ -1,4 +1,4 @@
-import { type SidebarNode, type SidebarBackNav } from "../../index";
+import { type SidebarNode, type SidebarBackNav } from "../../index.js";
 export declare const costNav: SidebarNode[];
 export declare const costBackNav: SidebarBackNav;
 export declare const costBreadcrumb: import("react").JSX.Element;

package/dist/src/examples/shared/cost-nav.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LayoutDashboard, FileBarChart, ListTree, Coins, BellRing, Building2, Cloud, DollarSign, } from "lucide-react";
-import { NavBreadcrumb, NavBreadcrumbItem, } from "../../index";
+import { NavBreadcrumb, NavBreadcrumbItem, } from "../../index.js";
 export const costNav = [
     {
         type: "item",

package/dist/src/hooks/use-is-mobile.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useMediaQuery } from "./use-media-query";
+import { useMediaQuery } from "./use-media-query.js";
 // Equal to the --breakpoint-md token default; used until the token is read
 // (SSR / first paint) or if the token is unset.
 const FALLBACK_MD = "48rem";

package/dist/src/index.d.ts

@@ -1,42 +1,42 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog";
-export { AppHeader, type AppHeaderProps, type GlobalActionButton, } from "./components/ui/app-header";
-export { AppSidebar, type AppSidebarProps, type SidebarNode, type SidebarItem, type SidebarGroupItem, type SidebarGroup, type SidebarSection, type SidebarLinkProps, type SidebarBackNav, } from "./components/ui/app-sidebar";
-export { Badge, badgeVariants } from "./components/ui/badge";
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb";
-export { Button, buttonVariants } from "./components/ui/button";
-export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb";
-export { C4Provider } from "./components/ui/c4-provider";
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card";
-export { Checkbox } from "./components/ui/checkbox";
-export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible";
-export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command";
-export { DataTable } from "./components/ui/data-table";
-export type { DataTableColumn, DataTableProps, DataTableRowAction, PaginationConfig, RowSelectionConfig, } from "./components/ui/data-table";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog";
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown";
-export { FileUploader, type FileUploaderProps, type FileStatus, } from "./components/ui/file-uploader";
-export { Input } from "./components/ui/input";
-export { MultiSelect, type MultiSelectOption, type MultiSelectGroup, type MultiSelectProps, } from "./components/ui/multi-select";
-export { Label } from "./components/ui/label";
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover";
-export { Progress } from "./components/ui/progress";
-export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
-export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select";
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet";
-export { Separator } from "./components/ui/separator";
-export { SidebarProvider, SidebarTrigger, useSidebar, type SidebarContextValue, type SidebarProviderProps, type SidebarTriggerProps, } from "./components/ui/sidebar-provider";
-export { Stepper, StepperStep } from "./components/ui/stepper";
-export { Switch } from "./components/ui/switch";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table";
-export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
-export { Textarea } from "./components/ui/textarea";
-export { Toggle, toggleVariants } from "./components/ui/toggle";
-export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group";
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip";
-export { TreeView, TreeNode } from "./components/ui/tree-view";
-export type { TreeNodeDef, TreeNodeProps, TreeViewProps, } from "./components/ui/tree-view";
-export { useMediaQuery } from "./hooks/use-media-query";
-export { useIsMobile } from "./hooks/use-is-mobile";
-export { cn } from "./lib/utils";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
+export { AppHeader, type AppHeaderProps, type GlobalActionButton, } from "./components/ui/app-header.js";
+export { AppSidebar, type AppSidebarProps, type SidebarNode, type SidebarItem, type SidebarGroupItem, type SidebarGroup, type SidebarSection, type SidebarLinkProps, type SidebarBackNav, } from "./components/ui/app-sidebar.js";
+export { Badge, badgeVariants } from "./components/ui/badge.js";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
+export { Button, buttonVariants } from "./components/ui/button.js";
+export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb.js";
+export { C4Provider } from "./components/ui/c4-provider.js";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card.js";
+export { Checkbox } from "./components/ui/checkbox.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible.js";
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command.js";
+export { DataTable } from "./components/ui/data-table.js";
+export type { DataTableColumn, DataTableProps, DataTableRowAction, PaginationConfig, RowSelectionConfig, } from "./components/ui/data-table.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown.js";
+export { FileUploader, type FileUploaderProps, type FileStatus, } from "./components/ui/file-uploader.js";
+export { Input } from "./components/ui/input.js";
+export { MultiSelect, type MultiSelectOption, type MultiSelectGroup, type MultiSelectProps, } from "./components/ui/multi-select.js";
+export { Label } from "./components/ui/label.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover.js";
+export { Progress } from "./components/ui/progress.js";
+export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select.js";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet.js";
+export { Separator } from "./components/ui/separator.js";
+export { SidebarProvider, SidebarTrigger, useSidebar, type SidebarContextValue, type SidebarProviderProps, type SidebarTriggerProps, } from "./components/ui/sidebar-provider.js";
+export { Stepper, StepperStep } from "./components/ui/stepper.js";
+export { Switch } from "./components/ui/switch.js";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table.js";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+export { Textarea } from "./components/ui/textarea.js";
+export { Toggle, toggleVariants } from "./components/ui/toggle.js";
+export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
+export { TreeView, TreeNode } from "./components/ui/tree-view.js";
+export type { TreeNodeDef, TreeNodeProps, TreeViewProps, } from "./components/ui/tree-view.js";
+export { useMediaQuery } from "./hooks/use-media-query.js";
+export { useIsMobile } from "./hooks/use-is-mobile.js";
+export { cn } from "./lib/utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.js

@@ -1,40 +1,40 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog";
-export { AppHeader, } from "./components/ui/app-header";
-export { AppSidebar, } from "./components/ui/app-sidebar";
-export { Badge, badgeVariants } from "./components/ui/badge";
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb";
-export { Button, buttonVariants } from "./components/ui/button";
-export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb";
-export { C4Provider } from "./components/ui/c4-provider";
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card";
-export { Checkbox } from "./components/ui/checkbox";
-export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible";
-export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command";
-export { DataTable } from "./components/ui/data-table";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog";
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown";
-export { FileUploader, } from "./components/ui/file-uploader";
-export { Input } from "./components/ui/input";
-export { MultiSelect, } from "./components/ui/multi-select";
-export { Label } from "./components/ui/label";
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover";
-export { Progress } from "./components/ui/progress";
-export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
-export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select";
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet";
-export { Separator } from "./components/ui/separator";
-export { SidebarProvider, SidebarTrigger, useSidebar, } from "./components/ui/sidebar-provider";
-export { Stepper, StepperStep } from "./components/ui/stepper";
-export { Switch } from "./components/ui/switch";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table";
-export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
-export { Textarea } from "./components/ui/textarea";
-export { Toggle, toggleVariants } from "./components/ui/toggle";
-export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group";
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip";
-export { TreeView, TreeNode } from "./components/ui/tree-view";
-export { useMediaQuery } from "./hooks/use-media-query";
-export { useIsMobile } from "./hooks/use-is-mobile";
-export { cn } from "./lib/utils";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
+export { AppHeader, } from "./components/ui/app-header.js";
+export { AppSidebar, } from "./components/ui/app-sidebar.js";
+export { Badge, badgeVariants } from "./components/ui/badge.js";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
+export { Button, buttonVariants } from "./components/ui/button.js";
+export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb.js";
+export { C4Provider } from "./components/ui/c4-provider.js";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card.js";
+export { Checkbox } from "./components/ui/checkbox.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible.js";
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command.js";
+export { DataTable } from "./components/ui/data-table.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown.js";
+export { FileUploader, } from "./components/ui/file-uploader.js";
+export { Input } from "./components/ui/input.js";
+export { MultiSelect, } from "./components/ui/multi-select.js";
+export { Label } from "./components/ui/label.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover.js";
+export { Progress } from "./components/ui/progress.js";
+export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select.js";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet.js";
+export { Separator } from "./components/ui/separator.js";
+export { SidebarProvider, SidebarTrigger, useSidebar, } from "./components/ui/sidebar-provider.js";
+export { Stepper, StepperStep } from "./components/ui/stepper.js";
+export { Switch } from "./components/ui/switch.js";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table.js";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+export { Textarea } from "./components/ui/textarea.js";
+export { Toggle, toggleVariants } from "./components/ui/toggle.js";
+export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
+export { TreeView, TreeNode } from "./components/ui/tree-view.js";
+export { useMediaQuery } from "./hooks/use-media-query.js";
+export { useIsMobile } from "./hooks/use-is-mobile.js";
+export { cn } from "./lib/utils.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {