@locusgraph/components 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,96 +1,102 @@
 export { cn } from "cn";
-export * from "./action/button";
-export * from "./action/button-group";
-export * from "./action/toggle";
-export * from "./action/toggle-group";
-export * from "./display/avatar";
-export * from "./display/badge";
-export * from "./display/chart/chart-container";
-export * from "./display/chart/chart-legend";
-export * from "./display/chart/chart-tooltip";
-export * from "./display/chat/attachment/attachment";
-export * from "./display/chat/attachment/attachment-parts";
-export * from "./display/chat/bubble";
-export * from "./display/chat/marker";
-export * from "./display/chat/message";
-export * from "./display/chat/message-scroller";
-export * from "./display/content/item";
-export * from "./display/content/kbd";
-export * from "./display/media/aspect-ratio";
-export * from "./display/media/carousel";
-export * from "./display/media/carousel-controls";
-export * from "./display/rule-grid/rule-grid";
-export * from "./display/separator";
-export * from "./display/status/alert";
-export * from "./display/status/empty";
-export * from "./display/status/progress";
-export * from "./display/status/skeleton";
-export * from "./display/status/spinner";
-export * from "./display/table";
-export * from "./feedback/toaster";
-export * from "./form/advanced/calendar";
-export * from "./form/advanced/calendar-day-button";
-export * from "./form/advanced/combobox/combobox";
-export * from "./form/advanced/combobox/combobox-chips";
-export * from "./form/advanced/combobox/combobox-items";
-export * from "./form/advanced/input-otp";
-export * from "./form/choice/checkbox";
-export * from "./form/choice/radio-group";
-export * from "./form/choice/select";
-export * from "./form/choice/slider";
-export * from "./form/choice/switch";
-export * from "./form/field/field";
-export * from "./form/field/field-error";
-export * from "./form/field/field-separator";
-export * from "./form/field/field-set";
-export * from "./form/field/field-text";
-export * from "./form/hook-form/form";
-export * from "./form/input";
-export * from "./form/input-group";
-export * from "./form/label";
-export * from "./form/native-select";
-export * from "./form/textarea";
-export * from "./layout/accordion";
-export * from "./layout/collapsible";
-export * from "./layout/resizable";
-export * from "./layout/scroll/direction";
-export * from "./layout/scroll/scroll-area";
-export * from "./layout/sidebar/sidebar";
-export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context";
-export * from "./layout/sidebar/sidebar-menu";
-export * from "./layout/sidebar/sidebar-menu-sub";
-export * from "./layout/sidebar/sidebar-sections";
-export * from "./layout/tabs";
-export * from "./layout/use-mobile";
-export * from "./navigation/breadcrumb";
-export * from "./navigation/menubar/menubar";
-export * from "./navigation/menubar/menubar-items";
-export * from "./navigation/menubar/menubar-sub";
-export * from "./navigation/navigation-menu";
-export * from "./navigation/pagination";
-export * from "./overlay/alert-dialog";
-export * from "./overlay/context-menu/context-menu";
-export * from "./overlay/context-menu/context-menu-items";
-export * from "./overlay/context-menu/context-menu-sub";
-export * from "./overlay/dialog";
-export * from "./overlay/floating/command";
-export * from "./overlay/floating/drawer";
-export * from "./overlay/floating/hover-card";
-export * from "./overlay/menu/dropdown-menu";
-export * from "./overlay/menu/dropdown-menu-choice";
-export * from "./overlay/menu/dropdown-menu-item";
-export * from "./overlay/menu/dropdown-menu-sub";
-export * from "./overlay/popover";
-export * from "./overlay/sheet";
-export * from "./overlay/tooltip";
-export * from "./shell/app-header";
-export * from "./shell/app-shell";
-export * from "./shell/breadcrumbs";
-export * from "./shell/docs/docs-header";
-export * from "./shell/docs/docs-shell";
-export * from "./shell/docs/docs-sidebar";
-export * from "./shell/docs/on-this-page";
-export * from "./shell/link";
-export * from "./shell/navigation/app-sidebar";
-export type { AppNavGroup, AppNavItem } from "./shell/navigation/nav-group";
-export * from "./shell/theme-toggle";
+export * from "./action/button.js";
+export * from "./action/button-group.js";
+export * from "./action/toggle.js";
+export * from "./action/toggle-group.js";
+export * from "./display/avatar.js";
+export * from "./display/badge.js";
+export * from "./display/chart/chart-container.js";
+export * from "./display/chart/chart-legend.js";
+export * from "./display/chart/chart-tooltip.js";
+export * from "./display/chat/attachment/attachment.js";
+export * from "./display/chat/attachment/attachment-parts.js";
+export * from "./display/chat/bubble.js";
+export * from "./display/chat/marker.js";
+export * from "./display/chat/message.js";
+export * from "./display/chat/message-scroller.js";
+export * from "./display/content/item.js";
+export * from "./display/content/kbd.js";
+export * from "./display/media/aspect-ratio.js";
+export * from "./display/media/carousel.js";
+export * from "./display/media/carousel-controls.js";
+export * from "./display/rule-grid/rule-grid.js";
+export * from "./display/separator.js";
+export * from "./display/skeletons/layouts/skeleton-rule-grid.js";
+export * from "./display/skeletons/layouts/skeleton-table.js";
+export * from "./display/skeletons/shapes/skeleton-avatar.js";
+export * from "./display/skeletons/shapes/skeleton-button.js";
+export * from "./display/skeletons/shapes/skeleton-text.js";
+export * from "./display/skeletons/skeleton-parts.js";
+export * from "./display/status/alert.js";
+export * from "./display/status/empty.js";
+export * from "./display/status/progress.js";
+export * from "./display/status/skeleton.js";
+export * from "./display/status/spinner.js";
+export * from "./display/table.js";
+export * from "./feedback/toaster.js";
+export * from "./form/advanced/calendar.js";
+export * from "./form/advanced/calendar-day-button.js";
+export * from "./form/advanced/combobox/combobox.js";
+export * from "./form/advanced/combobox/combobox-chips.js";
+export * from "./form/advanced/combobox/combobox-items.js";
+export * from "./form/advanced/input-otp.js";
+export * from "./form/choice/checkbox.js";
+export * from "./form/choice/radio-group.js";
+export * from "./form/choice/select.js";
+export * from "./form/choice/slider.js";
+export * from "./form/choice/switch.js";
+export * from "./form/field/field.js";
+export * from "./form/field/field-error.js";
+export * from "./form/field/field-separator.js";
+export * from "./form/field/field-set.js";
+export * from "./form/field/field-text.js";
+export * from "./form/hook-form/form.js";
+export * from "./form/input.js";
+export * from "./form/input-group.js";
+export * from "./form/label.js";
+export * from "./form/native-select.js";
+export * from "./form/textarea.js";
+export * from "./layout/accordion.js";
+export * from "./layout/collapsible.js";
+export * from "./layout/resizable.js";
+export * from "./layout/scroll/direction.js";
+export * from "./layout/scroll/scroll-area.js";
+export * from "./layout/sidebar/sidebar.js";
+export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context.js";
+export * from "./layout/sidebar/sidebar-menu.js";
+export * from "./layout/sidebar/sidebar-menu-sub.js";
+export * from "./layout/sidebar/sidebar-sections.js";
+export * from "./layout/tabs.js";
+export * from "./layout/use-mobile.js";
+export * from "./navigation/breadcrumb.js";
+export * from "./navigation/menubar/menubar.js";
+export * from "./navigation/menubar/menubar-items.js";
+export * from "./navigation/menubar/menubar-sub.js";
+export * from "./navigation/navigation-menu.js";
+export * from "./navigation/pagination.js";
+export * from "./overlay/alert-dialog.js";
+export * from "./overlay/context-menu/context-menu.js";
+export * from "./overlay/context-menu/context-menu-items.js";
+export * from "./overlay/context-menu/context-menu-sub.js";
+export * from "./overlay/dialog.js";
+export * from "./overlay/floating/command.js";
+export * from "./overlay/floating/drawer.js";
+export * from "./overlay/floating/hover-card.js";
+export * from "./overlay/menu/dropdown-menu.js";
+export * from "./overlay/menu/dropdown-menu-choice.js";
+export * from "./overlay/menu/dropdown-menu-item.js";
+export * from "./overlay/menu/dropdown-menu-sub.js";
+export * from "./overlay/popover.js";
+export * from "./overlay/sheet.js";
+export * from "./overlay/tooltip.js";
+export * from "./shell/app-header.js";
+export * from "./shell/app-shell.js";
+export * from "./shell/breadcrumbs.js";
+export * from "./shell/docs/docs-header.js";
+export * from "./shell/docs/docs-shell.js";
+export * from "./shell/docs/docs-sidebar.js";
+export * from "./shell/docs/on-this-page.js";
+export * from "./shell/link.js";
+export * from "./shell/navigation/app-sidebar.js";
+export type { AppNavGroup, AppNavItem } from "./shell/navigation/nav-group.js";
+export * from "./shell/theme-toggle.js";

package/dist/index.js

@@ -1,95 +1,101 @@
 export { cn } from "cn";
-export * from "./action/button";
-export * from "./action/button-group";
-export * from "./action/toggle";
-export * from "./action/toggle-group";
-export * from "./display/avatar";
-export * from "./display/badge";
-export * from "./display/chart/chart-container";
-export * from "./display/chart/chart-legend";
-export * from "./display/chart/chart-tooltip";
-export * from "./display/chat/attachment/attachment";
-export * from "./display/chat/attachment/attachment-parts";
-export * from "./display/chat/bubble";
-export * from "./display/chat/marker";
-export * from "./display/chat/message";
-export * from "./display/chat/message-scroller";
-export * from "./display/content/item";
-export * from "./display/content/kbd";
-export * from "./display/media/aspect-ratio";
-export * from "./display/media/carousel";
-export * from "./display/media/carousel-controls";
-export * from "./display/rule-grid/rule-grid";
-export * from "./display/separator";
-export * from "./display/status/alert";
-export * from "./display/status/empty";
-export * from "./display/status/progress";
-export * from "./display/status/skeleton";
-export * from "./display/status/spinner";
-export * from "./display/table";
-export * from "./feedback/toaster";
-export * from "./form/advanced/calendar";
-export * from "./form/advanced/calendar-day-button";
-export * from "./form/advanced/combobox/combobox";
-export * from "./form/advanced/combobox/combobox-chips";
-export * from "./form/advanced/combobox/combobox-items";
-export * from "./form/advanced/input-otp";
-export * from "./form/choice/checkbox";
-export * from "./form/choice/radio-group";
-export * from "./form/choice/select";
-export * from "./form/choice/slider";
-export * from "./form/choice/switch";
-export * from "./form/field/field";
-export * from "./form/field/field-error";
-export * from "./form/field/field-separator";
-export * from "./form/field/field-set";
-export * from "./form/field/field-text";
-export * from "./form/hook-form/form";
-export * from "./form/input";
-export * from "./form/input-group";
-export * from "./form/label";
-export * from "./form/native-select";
-export * from "./form/textarea";
-export * from "./layout/accordion";
-export * from "./layout/collapsible";
-export * from "./layout/resizable";
-export * from "./layout/scroll/direction";
-export * from "./layout/scroll/scroll-area";
-export * from "./layout/sidebar/sidebar";
-export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context";
-export * from "./layout/sidebar/sidebar-menu";
-export * from "./layout/sidebar/sidebar-menu-sub";
-export * from "./layout/sidebar/sidebar-sections";
-export * from "./layout/tabs";
-export * from "./layout/use-mobile";
-export * from "./navigation/breadcrumb";
-export * from "./navigation/menubar/menubar";
-export * from "./navigation/menubar/menubar-items";
-export * from "./navigation/menubar/menubar-sub";
-export * from "./navigation/navigation-menu";
-export * from "./navigation/pagination";
-export * from "./overlay/alert-dialog";
-export * from "./overlay/context-menu/context-menu";
-export * from "./overlay/context-menu/context-menu-items";
-export * from "./overlay/context-menu/context-menu-sub";
-export * from "./overlay/dialog";
-export * from "./overlay/floating/command";
-export * from "./overlay/floating/drawer";
-export * from "./overlay/floating/hover-card";
-export * from "./overlay/menu/dropdown-menu";
-export * from "./overlay/menu/dropdown-menu-choice";
-export * from "./overlay/menu/dropdown-menu-item";
-export * from "./overlay/menu/dropdown-menu-sub";
-export * from "./overlay/popover";
-export * from "./overlay/sheet";
-export * from "./overlay/tooltip";
-export * from "./shell/app-header";
-export * from "./shell/app-shell";
-export * from "./shell/breadcrumbs";
-export * from "./shell/docs/docs-header";
-export * from "./shell/docs/docs-shell";
-export * from "./shell/docs/docs-sidebar";
-export * from "./shell/docs/on-this-page";
-export * from "./shell/link";
-export * from "./shell/navigation/app-sidebar";
-export * from "./shell/theme-toggle";
+export * from "./action/button.js";
+export * from "./action/button-group.js";
+export * from "./action/toggle.js";
+export * from "./action/toggle-group.js";
+export * from "./display/avatar.js";
+export * from "./display/badge.js";
+export * from "./display/chart/chart-container.js";
+export * from "./display/chart/chart-legend.js";
+export * from "./display/chart/chart-tooltip.js";
+export * from "./display/chat/attachment/attachment.js";
+export * from "./display/chat/attachment/attachment-parts.js";
+export * from "./display/chat/bubble.js";
+export * from "./display/chat/marker.js";
+export * from "./display/chat/message.js";
+export * from "./display/chat/message-scroller.js";
+export * from "./display/content/item.js";
+export * from "./display/content/kbd.js";
+export * from "./display/media/aspect-ratio.js";
+export * from "./display/media/carousel.js";
+export * from "./display/media/carousel-controls.js";
+export * from "./display/rule-grid/rule-grid.js";
+export * from "./display/separator.js";
+export * from "./display/skeletons/layouts/skeleton-rule-grid.js";
+export * from "./display/skeletons/layouts/skeleton-table.js";
+export * from "./display/skeletons/shapes/skeleton-avatar.js";
+export * from "./display/skeletons/shapes/skeleton-button.js";
+export * from "./display/skeletons/shapes/skeleton-text.js";
+export * from "./display/skeletons/skeleton-parts.js";
+export * from "./display/status/alert.js";
+export * from "./display/status/empty.js";
+export * from "./display/status/progress.js";
+export * from "./display/status/skeleton.js";
+export * from "./display/status/spinner.js";
+export * from "./display/table.js";
+export * from "./feedback/toaster.js";
+export * from "./form/advanced/calendar.js";
+export * from "./form/advanced/calendar-day-button.js";
+export * from "./form/advanced/combobox/combobox.js";
+export * from "./form/advanced/combobox/combobox-chips.js";
+export * from "./form/advanced/combobox/combobox-items.js";
+export * from "./form/advanced/input-otp.js";
+export * from "./form/choice/checkbox.js";
+export * from "./form/choice/radio-group.js";
+export * from "./form/choice/select.js";
+export * from "./form/choice/slider.js";
+export * from "./form/choice/switch.js";
+export * from "./form/field/field.js";
+export * from "./form/field/field-error.js";
+export * from "./form/field/field-separator.js";
+export * from "./form/field/field-set.js";
+export * from "./form/field/field-text.js";
+export * from "./form/hook-form/form.js";
+export * from "./form/input.js";
+export * from "./form/input-group.js";
+export * from "./form/label.js";
+export * from "./form/native-select.js";
+export * from "./form/textarea.js";
+export * from "./layout/accordion.js";
+export * from "./layout/collapsible.js";
+export * from "./layout/resizable.js";
+export * from "./layout/scroll/direction.js";
+export * from "./layout/scroll/scroll-area.js";
+export * from "./layout/sidebar/sidebar.js";
+export { SidebarProvider, useSidebar } from "./layout/sidebar/sidebar-context.js";
+export * from "./layout/sidebar/sidebar-menu.js";
+export * from "./layout/sidebar/sidebar-menu-sub.js";
+export * from "./layout/sidebar/sidebar-sections.js";
+export * from "./layout/tabs.js";
+export * from "./layout/use-mobile.js";
+export * from "./navigation/breadcrumb.js";
+export * from "./navigation/menubar/menubar.js";
+export * from "./navigation/menubar/menubar-items.js";
+export * from "./navigation/menubar/menubar-sub.js";
+export * from "./navigation/navigation-menu.js";
+export * from "./navigation/pagination.js";
+export * from "./overlay/alert-dialog.js";
+export * from "./overlay/context-menu/context-menu.js";
+export * from "./overlay/context-menu/context-menu-items.js";
+export * from "./overlay/context-menu/context-menu-sub.js";
+export * from "./overlay/dialog.js";
+export * from "./overlay/floating/command.js";
+export * from "./overlay/floating/drawer.js";
+export * from "./overlay/floating/hover-card.js";
+export * from "./overlay/menu/dropdown-menu.js";
+export * from "./overlay/menu/dropdown-menu-choice.js";
+export * from "./overlay/menu/dropdown-menu-item.js";
+export * from "./overlay/menu/dropdown-menu-sub.js";
+export * from "./overlay/popover.js";
+export * from "./overlay/sheet.js";
+export * from "./overlay/tooltip.js";
+export * from "./shell/app-header.js";
+export * from "./shell/app-shell.js";
+export * from "./shell/breadcrumbs.js";
+export * from "./shell/docs/docs-header.js";
+export * from "./shell/docs/docs-shell.js";
+export * from "./shell/docs/docs-sidebar.js";
+export * from "./shell/docs/on-this-page.js";
+export * from "./shell/link.js";
+export * from "./shell/navigation/app-sidebar.js";
+export * from "./shell/theme-toggle.js";

package/dist/layout/accordion.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown as ChevronDownIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { ChevronDownIcon } from "lucide-react";
 import * as AccordionPrimitive from "radix-ui/accordion";
 function Accordion(props) {
     return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
@@ -10,9 +10,9 @@ function AccordionItem({ className, ...props }) {
     return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
 }
 function AccordionTrigger({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
+    return (_jsx(AccordionPrimitive.Header, { className: "flex font-sans tracking-normal", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
 }
 function AccordionContent({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
 }
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/layout/resizable.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Draggable as GripVerticalIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
 function ResizablePanelGroup({ className, ...props }) {
     return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));

package/dist/layout/scroll/scroll-area.d.ts

@@ -1,5 +1,5 @@
 import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
 import * as React from "react";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollArea({ className, children, type, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/layout/scroll/scroll-area.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
-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", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+function ScrollArea({ className, children, type = "auto", ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", type: type, className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }
 function ScrollBar({ className, orientation = "vertical", ...props }) {
-    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-foreground/20 hover:bg-foreground/30" }) }));
 }
 export { ScrollArea, ScrollBar };

package/dist/layout/sidebar/sidebar-context.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as React from "react";
-import { TooltipProvider } from "../../overlay/tooltip";
-import { useIsMobile } from "../use-mobile";
+import { TooltipProvider } from "../../overlay/tooltip.js";
+import { useIsMobile } from "../use-mobile.js";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "15rem";

package/dist/layout/sidebar/sidebar-menu-sub.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
-import { Skeleton } from "../../display/status/skeleton";
+import { Skeleton } from "../../display/status/skeleton.js";
 function randomSkeletonWidth() {
     return `${Math.floor(Math.random() * 40) + 50}%`;
 }

package/dist/layout/sidebar/sidebar-menu.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
-import { TooltipContent } from "../../overlay/tooltip";
+import { TooltipContent } from "../../overlay/tooltip.js";
 declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({

package/dist/layout/sidebar/sidebar-menu.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../overlay/tooltip";
-import { sidebarMobileHitArea, useSidebar } from "./sidebar-context";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../overlay/tooltip.js";
+import { sidebarMobileHitArea, useSidebar } from "./sidebar-context.js";
 function SidebarMenu({ className, ...props }) {
     return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 }

package/dist/layout/sidebar/sidebar-sections.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import { Separator } from "../../display/separator";
-import { Input } from "../../form/input";
+import { Separator } from "../../display/separator.js";
+import { Input } from "../../form/input.js";
 declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
 declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/layout/sidebar/sidebar-sections.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-import { Separator } from "../../display/separator";
-import { Input } from "../../form/input";
-import { sidebarMobileHitArea } from "./sidebar-context";
+import { Separator } from "../../display/separator.js";
+import { Input } from "../../form/input.js";
+import { sidebarMobileHitArea } from "./sidebar-context.js";
 function SidebarInput({ className, ...props }) {
     return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props }));
 }
@@ -25,7 +25,7 @@ function SidebarGroup({ className, ...props }) {
 }
 function SidebarGroupLabel({ className, asChild = false, ...props }) {
     const Comp = asChild ? Slot.Root : "div";
-    return (_jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className), ...props }));
+    return (_jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn("flex h-8 shrink-0 items-center eyebrow rounded-md px-2 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className), ...props }));
 }
 function SidebarGroupAction({ className, asChild = false, ...props }) {
     const Comp = asChild ? Slot.Root : "button";

package/dist/layout/sidebar/sidebar.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";

package/dist/layout/sidebar/sidebar.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidePanelOpen as PanelLeftIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { PanelLeftIcon } from "lucide-react";
-import { Button } from "../../action/button";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "../../overlay/sheet";
-import { SIDEBAR_WIDTH_MOBILE, useSidebar } from "./sidebar-context";
+import { Button } from "../../action/button.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "../../overlay/sheet.js";
+import { SIDEBAR_WIDTH_MOBILE, useSidebar } from "./sidebar-context.js";
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {

package/dist/layout/tabs.js

@@ -4,13 +4,13 @@ import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as TabsPrimitive from "radix-ui/tabs";
 function Tabs({ className, orientation = "horizontal", ...props }) {
-    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className), ...props }));
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-4 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:gap-6", className), ...props }));
 }
 const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
     variants: {
         variant: {
             default: "bg-muted",
-            line: "gap-1 bg-transparent",
+            line: "gap-1 bg-transparent group-data-[orientation=horizontal]/tabs:border-b group-data-[orientation=horizontal]/tabs:border-line group-data-[orientation=vertical]/tabs:border-r group-data-[orientation=vertical]/tabs:border-line",
         },
     },
     defaultVariants: {
@@ -21,7 +21,7 @@ function TabsList({ className, variant = "default", ...props }) {
     return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
 }
 function TabsTrigger({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-[color,background-color,border-color,box-shadow] duration-150 ease-out group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className), ...props }));
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-[color,background-color,border-color,box-shadow] duration-150 ease-out group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground group-data-[variant=default]/tabs-list:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-4px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className), ...props }));
 }
 const visibleKeyboardFocusOutline = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid focus-visible:outline-ring/70";
 function TabsContent({ className, ...props }) {