@camunda/design-system 0.2.0 → 0.3.0

package/dist/carbon-compat/search.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useState } from "react";
 import { SearchIcon, XIcon } from "lucide-react";
-import { Input } from "../src/components/ui/input";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { Input } from "../src/components/ui/input.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 function sizeClass(size) {
     switch (size) {
         case "sm":

package/dist/carbon-compat/select-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 function SelectSkeleton({ hideLabel, className, ...rest }) {
     return (_jsxs("div", { "data-slot": "carbon-compat-select-skeleton", className: cn("flex flex-col gap-1", className), ...rest, children: [!hideLabel && (_jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted" })), _jsx("div", { className: "h-9 w-full animate-pulse rounded-md bg-muted" })] }));
 }

package/dist/carbon-compat/select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Select as ShadcnSelect, SelectContent, SelectItem as ShadcnSelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { Select as ShadcnSelect, SelectContent, SelectItem as ShadcnSelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 function extractPlaceholderItem(children, placeholder) {
     let resolvedPlaceholder = placeholder;
     const filteredChildren = React.Children.map(children, (child) => {

package/dist/carbon-compat/skeleton-text.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 /**
  * SkeletonText — Tailwind animate-pulse block(s) sized to mimic
  * placeholder text.

package/dist/carbon-compat/stack.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 /**
  * Carbon's spacing scale maps to the closest Tailwind `gap-N` utility.
  * Carbon scale = $spacing-01 (2px) … $spacing-13 (160px).

package/dist/carbon-compat/structured-list-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 function StructuredListSkeleton({ rowCount = 5, className, ...rest }) {
     return (_jsxs("div", { "data-slot": "carbon-compat-structured-list-skeleton", className: cn("flex flex-col", className), ...rest, children: [_jsxs("div", { className: "flex border-b py-2", children: [_jsx("div", { className: "mr-4 h-3 w-20 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted" })] }), Array.from({ length: rowCount }).map((_, i) => (_jsxs("div", { className: "flex border-b py-3", children: [_jsx("div", { className: "mr-4 h-3 w-20 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-3 w-32 animate-pulse rounded bg-muted" })] }, i)))] }));
 }

package/dist/carbon-compat/switch.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ToggleGroupItem } from "../src/components/ui/toggle-group";
-import { cn } from "../src/lib/utils";
+import { ToggleGroupItem } from "../src/components/ui/toggle-group.js";
+import { cn } from "../src/lib/utils.js";
 /**
  * Switch — Carbon-shaped adapter rendering shadcn `ToggleGroupItem`.
  *

package/dist/carbon-compat/table-batch-actions.js

@@ -6,8 +6,8 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  * This adapter renders a styled bar controlled by `shouldShowBatchActions`.
  */
 import * as React from "react";
-import { Button } from "../src/components/ui/button";
-import { cn } from "../src/lib/utils";
+import { Button } from "../src/components/ui/button.js";
+import { cn } from "../src/lib/utils.js";
 export function TableBatchActions({ children, className, shouldShowBatchActions, totalSelected, onCancel, }) {
     if (!shouldShowBatchActions)
         return null;

package/dist/carbon-compat/table-container.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 export function TableContainer({ children, className, title, description, stickyHeader: _stickyHeader, }) {
     return (_jsxs("div", { className: cn("w-full", className), children: [(title || description) && (_jsxs("div", { className: "mb-2", children: [title && (_jsx("p", { className: "text-sm font-semibold leading-none", children: title })), description && (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: description }))] })), children] }));
 }

package/dist/carbon-compat/table-expand.js

@@ -9,8 +9,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import * as React from "react";
 import { ChevronDown, ChevronRight } from "lucide-react";
-import { Button } from "../src/components/ui/button";
-import { cn } from "../src/lib/utils";
+import { Button } from "../src/components/ui/button.js";
+import { cn } from "../src/lib/utils.js";
 export function TableExpandHeader({ className, children, }) {
     return _jsx("th", { className: cn("w-6", className), children: children });
 }

package/dist/carbon-compat/table-select.js

@@ -7,8 +7,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * controls outside a DataTable context. Prefer enabling `rowSelection` on
  * DS DataTable instead.
  */
-import { Checkbox } from "../src/components/ui/checkbox";
-import { warnDroppedProps } from "../src/lib/utils";
+import { Checkbox } from "../src/components/ui/checkbox.js";
+import { warnDroppedProps } from "../src/lib/utils.js";
 export function TableSelectAll({ checked, indeterminate, onChange, ariaLabel, name: _name, translateWithId, className, disabled, }) {
     warnDroppedProps("TableSelectAll", { translateWithId });
     return (_jsx(Checkbox, { checked: indeterminate ? "indeterminate" : checked, onCheckedChange: (v) => onChange?.(v === true), "aria-label": ariaLabel ?? "Select all rows", className: className, disabled: disabled }));

package/dist/carbon-compat/table-toolbar.js

@@ -10,9 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `DropdownMenu` / `Button` directly in new code.
  */
 import * as React from "react";
-import { Button } from "../src/components/ui/button";
-import { Input } from "../src/components/ui/input";
-import { cn } from "../src/lib/utils";
+import { Button } from "../src/components/ui/button.js";
+import { Input } from "../src/components/ui/input.js";
+import { cn } from "../src/lib/utils.js";
 export function TableToolbar({ children, className }) {
     return (_jsx("div", { className: cn("mb-2 flex items-center gap-2", className), children: children }));
 }

package/dist/carbon-compat/table.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { Table as ShadcnTable, TableBody as ShadcnTableBody, TableCell as ShadcnTableCell, TableHead as ShadcnTableHead, TableHeader as ShadcnTableHeader, TableRow as ShadcnTableRow, } from '../src/components/ui/table';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Table as ShadcnTable, TableBody as ShadcnTableBody, TableCell as ShadcnTableCell, TableHead as ShadcnTableHead, TableHeader as ShadcnTableHeader, TableRow as ShadcnTableRow, } from '../src/components/ui/table.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 function Table(props) {
     const { children, className, size, isSortable, useStaticWidth, useZebraStyles, stickyHeader, overflowMenuOnHover, experimentalAutoAlign, ...rest } = props;
     warnDroppedProps('Table', { size, isSortable, useStaticWidth, useZebraStyles, stickyHeader, overflowMenuOnHover, experimentalAutoAlign });

package/dist/carbon-compat/tabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import { Tabs as ShadcnTabs, TabsContent, TabsList, TabsTrigger } from '../src/components/ui/tabs';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Tabs as ShadcnTabs, TabsContent, TabsList, TabsTrigger } from '../src/components/ui/tabs.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 const TabIndexContext = React.createContext(0);
 function indexValue(index) {
     return `tab-${index}`;

package/dist/carbon-compat/tag.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Badge } from '../src/components/ui/badge';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Badge } from '../src/components/ui/badge.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 const TYPE_TO_VARIANT = {
     red: 'destructive',
     magenta: 'secondary',

package/dist/carbon-compat/text-area.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Textarea } from '../src/components/ui/textarea';
-import { cn, warnDroppedProps } from '../src/lib/utils';
+import { Textarea } from '../src/components/ui/textarea.js';
+import { cn, warnDroppedProps } from '../src/lib/utils.js';
 function TextArea(props) {
     const { id, labelText, helperText, invalid, invalidText, warn, warnText, enableCounter, maxCount, counterMode, hideLabel, light, className, disabled, placeholder, value, defaultValue, onChange, onBlur, onFocus, rows, cols, readOnly, ...rest } = props;
     warnDroppedProps('TextArea', { helperText, invalid, invalidText, warn, warnText, enableCounter, maxCount, counterMode, hideLabel, light });

package/dist/carbon-compat/text-input.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Input } from '../src/components/ui/input';
-import { cn, warnDroppedProps } from '../src/lib/utils';
+import { Input } from '../src/components/ui/input.js';
+import { cn, warnDroppedProps } from '../src/lib/utils.js';
 function TextInput(props) {
     const { className, decorator, defaultValue, disabled, enableCounter, helperText, hideLabel, id, inline, invalid, invalidText, labelText, light, maxCount, onChange, onClick, placeholder, readOnly, size, slug, type, value, warn, warnText, ...rest } = props;
     warnDroppedProps('TextInput', { decorator, enableCounter, inline, light, maxCount, size, slug, warn, warnText });

package/dist/carbon-compat/tile.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Card } from "../src/components/ui/card";
-import { cn, warnDroppedProps } from "../src/lib/utils";
+import { Card } from "../src/components/ui/card.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
 function Tile(props) {
     const { children, className, decorator, hasRoundedCorners, light, slug, ...rest } = props;
     warnDroppedProps("Tile", { decorator, hasRoundedCorners, light, slug });

package/dist/carbon-compat/time-picker.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { TimePickerProps as CarbonTimePickerProps, TimePickerSelectProps as CarbonTimePickerSelectProps } from "@carbon/react";
+export type TimePickerProps = CarbonTimePickerProps;
+export type TimePickerSelectProps = CarbonTimePickerSelectProps;
+declare function TimePicker(props: TimePickerProps): React.JSX.Element;
+declare function TimePickerSelect(props: TimePickerSelectProps): React.JSX.Element;
+export { TimePicker, TimePickerSelect };
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/carbon-compat/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../carbon-compat/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEhE,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAuEzC;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA4BrD;AAED,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/carbon-compat/time-picker.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "../src/components/ui/input.js";
+import { cn, warnDroppedProps } from "../src/lib/utils.js";
+function TimePicker(props) {
+    const { id, value, onChange, onBlur, onClick, disabled, readOnly, placeholder, labelText, hideLabel, invalid, invalidText, warning, warningText, type = "time", className, inputClassName, pickerClassName, children, light, maxLength, pattern, size, ...rest } = props;
+    warnDroppedProps("TimePicker", {
+        light,
+        maxLength,
+        pattern,
+        size,
+        inputClassName,
+        pickerClassName,
+        warning,
+        warningText,
+    });
+    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), children: [labelText !== undefined ? (_jsx("label", { htmlFor: id, className: cn("text-sm font-medium", hideLabel && "sr-only"), children: labelText })) : null, _jsxs("div", { className: cn("flex gap-1", pickerClassName), children: [_jsx(Input, { id: id, type: type, value: value, disabled: disabled, readOnly: readOnly, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onClick: onClick, "aria-invalid": invalid || undefined, className: inputClassName, ...rest }), children] }), invalid && invalidText !== undefined ? (_jsx("span", { className: "text-xs text-destructive", children: invalidText })) : null] }));
+}
+function TimePickerSelect(props) {
+    const { id, value, defaultValue, onChange, disabled, children, className, ...rest } = props;
+    return (_jsx("select", { id: id, value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled, className: cn("h-9 rounded-lg border border-input bg-input-background px-2.5 py-1 text-sm text-foreground outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className), ...rest, children: children }));
+}
+export { TimePicker, TimePickerSelect };
+//# sourceMappingURL=time-picker.js.map

package/dist/carbon-compat/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../carbon-compat/time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AASxD,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,GAAG,MAAM,EACb,SAAS,EACT,cAAc,EACd,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,gBAAgB,CAAC,YAAY,EAAE;QAC7B,KAAK;QACL,SAAS;QACT,OAAO;QACP,IAAI;QACJ,cAAc;QACd,eAAe;QACf,OAAO;QACP,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,IAAI,SAAS,CAAC,YAE3D,SAAS,GACJ,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,aAC/C,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,cAAc,KACpB,IAA2C,GAChD,EACD,QAAQ,IACL,EACL,OAAO,IAAI,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACtC,eAAM,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAQ,CAChE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAA2B,EAClC,YAAY,EAAE,YAAkC,EAChD,QAAQ,EAAE,QAAuD,EACjE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,kRAAkR,EAClR,SAAS,CACV,KACI,IAAsD,YAE1D,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/carbon-compat/toggle.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Switch } from '../src/components/ui/switch';
-import { cn, warnDroppedProps } from '../src/lib/utils';
+import { Switch } from '../src/components/ui/switch.js';
+import { cn, warnDroppedProps } from '../src/lib/utils.js';
 function Toggle(props) {
     const { 'aria-labelledby': ariaLabelledby, className, defaultToggled, disabled, hideLabel, id, labelA, labelB, labelText, onClick, onToggle, readOnly, size, toggled, ...rest } = props;
     warnDroppedProps('Toggle', { readOnly, size });

package/dist/carbon-compat/tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Tooltip as ShadcnTooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '../src/components/ui/tooltip';
-import { warnDroppedProps } from '../src/lib/utils';
+import { Tooltip as ShadcnTooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '../src/components/ui/tooltip.js';
+import { warnDroppedProps } from '../src/lib/utils.js';
 function Tooltip(props) {
     const { label, description, children, className, align, autoAlign, enterDelayMs, leaveDelayMs, defaultOpen, dropShadow, caret, open, onOpenChange, ...rest } = props;
     warnDroppedProps('Tooltip', { align, autoAlign, leaveDelayMs, dropShadow, caret });

package/dist/carbon-compat/unordered-list.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../src/lib/utils";
+import { cn } from "../src/lib/utils.js";
 /**
  * UnorderedList — Carbon-shaped adapter that renders a `<ul>` with
  * Tailwind utility classes.

package/dist/src/components/ui/alert-dialog.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { C4Provider } from "./c4-provider";
-import { buttonVariants } from "./button";
+import { cn } from "../../lib/utils.js";
+import { C4Provider } from "./c4-provider.js";
+import { buttonVariants } from "./button.js";
 function AlertDialog({ ...props }) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }

package/dist/src/components/ui/app-header.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {} from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { useSidebar, SidebarTrigger } from "./sidebar-provider";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { useSidebar, SidebarTrigger } from "./sidebar-provider.js";
 export function AppHeader({ logo, appName, breadcrumb, trailing, actions, globalActions, skipToContentTargetId, skipToContentLabel = "Skip to main content", showSidebarTrigger = true, className, children, ...props }) {
     const sidebar = useSidebar();
     const showTrigger = showSidebarTrigger && sidebar?.isMobile;

package/dist/src/components/ui/app-sidebar.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { ChevronDown, ChevronRight, ChevronLeft, PanelLeftClose, PanelLeft, X, } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
-import { Sheet, SheetClose, SheetContent, SheetTitle } from "./sheet";
-import { useSidebar } from "./sidebar-provider";
+import { cn } from "../../lib/utils.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
+import { Sheet, SheetClose, SheetContent, SheetTitle } from "./sheet.js";
+import { useSidebar } from "./sidebar-provider.js";
 const NAV_ROW_BASE = "group/navbtn flex w-full items-center overflow-hidden rounded-md transition-colors";
 const navButton = cva(cn(NAV_ROW_BASE, "gap-3 min-h-10 text-sm text-left whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-inset"), {
     variants: {

package/dist/src/components/ui/badge.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 { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
     variants: {
         variant: {

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "radix-ui";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Breadcrumb({ ...props }) {
     return _jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
 }

package/dist/src/components/ui/button.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 { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 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/card.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 Card({ className, size = "default", ...props }) {
     return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 import { CheckIcon } from "lucide-react";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", children: _jsx(CheckIcon, { className: "text-current" }) }) }));

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", className), ...props }));
 }

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

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from "react";
 import { flexRender, getCoreRowModel, getExpandedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
 import { ChevronDown, ChevronRight, ChevronsUpDown, ChevronUp, MoreVertical, } from "lucide-react";
-import { cn, renderIconNode } from "../../lib/utils";
-import { Button } from "./button";
-import { Checkbox } from "./checkbox";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./table";
+import { cn, renderIconNode } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { Checkbox } from "./checkbox.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./table.js";
 const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_PAGE_SIZES = [10, 20, 50, 100];
 const RESERVED_COLUMN_IDS = new Set(["__expand", "__actions", "__select"]);

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

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { C4Provider } from "./c4-provider";
-import { Button } from "../ui/button";
+import { cn } from "../../lib/utils.js";
+import { C4Provider } from "./c4-provider.js";
+import { Button } from "../ui/button.js";
 import { XIcon } from "lucide-react";
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });

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

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { C4Provider } from "./c4-provider";
+import { cn } from "../../lib/utils.js";
+import { C4Provider } from "./c4-provider.js";
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }

package/dist/src/components/ui/file-uploader.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { CheckCircle2, Loader2, UploadCloud, X, XCircle } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button, buttonVariants } from "./button";
+import { cn } from "../../lib/utils.js";
+import { Button, buttonVariants } from "./button.js";
 // 2. cva() variants
 const dropZoneVariants = cva([
     "relative flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-border",

package/dist/src/components/ui/input.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 Input({ className, type, ...props }) {
     return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-9 w-full min-w-0 rounded-lg border border-input bg-input-background px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 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/label.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Label as LabelPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-normal select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
 }

package/dist/src/components/ui/multi-select.js

@@ -4,11 +4,11 @@ import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
 import { ChevronDownIcon, XIcon, ListChecksIcon } from "lucide-react";
 import {} from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Badge } from "./badge";
-import { C4Provider } from "./c4-provider";
-import { Checkbox } from "./checkbox";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command";
+import { cn } from "../../lib/utils.js";
+import { Badge } from "./badge.js";
+import { C4Provider } from "./c4-provider.js";
+import { Checkbox } from "./checkbox.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command.js";
 function isGroup(item) {
     return "heading" in item;
 }

package/dist/src/components/ui/nav-breadcrumb.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "./dropdown";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "./dropdown.js";
 /**
  * Top-nav context switcher — chain of split-button segments separated by `/`.
  *

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Popover as PopoverPrimitive } 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 Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Progress({ className, value, ...props }) {
     const clamped = typeof value === "number" ? Math.max(0, Math.min(100, value)) : value;
     return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", value: clamped, className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (clamped ?? 0)}%)` } }) }));

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
 import { CircleIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function RadioGroup({ className, ...props }) {
     return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
 }

package/dist/src/components/ui/scroll-area.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", tabIndex: 0, className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }

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

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Select as SelectPrimitive } 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";
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
 function Select({ ...props }) {
     return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props }));
 }

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

@@ -4,9 +4,9 @@ import * as React from "react";
 import { Dialog as SheetPrimitive } from "radix-ui";
 import { cva } from "class-variance-authority";
 import { XIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { C4Provider } from "./c4-provider";
-import { Button } from "../ui/button";
+import { cn } from "../../lib/utils.js";
+import { C4Provider } from "./c4-provider.js";
+import { Button } from "../ui/button.js";
 function Sheet({ ...props }) {
     return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }

package/dist/src/components/ui/sidebar-provider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.js";
 export interface SidebarContextValue {
     isMobile: boolean;
     expanded: boolean;

package/dist/src/components/ui/sidebar-provider.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Menu } from "lucide-react";
-import { useIsMobile } from "../../hooks/use-is-mobile";
-import { Button } from "../ui/button";
+import { useIsMobile } from "../../hooks/use-is-mobile.js";
+import { Button } from "../ui/button.js";
 const EXPANDED_STORAGE_KEY = "c4-sidebar-expanded";
 const WIDTH_STORAGE_KEY = "c4-sidebar-width";
 const SidebarContext = React.createContext(null);