@locusgraph/components 0.1.0 → 0.1.1

package/dist/action/button-group.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "class-variance-authority";
-import { Separator } from "../display/separator";
+import { Separator } from "../display/separator.js";
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/action/button-group.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-import { Separator } from "../display/separator";
+import { Separator } from "../display/separator.js";
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
     variants: {
         orientation: {

package/dist/action/toggle-group.d.ts

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

package/dist/action/toggle-group.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as ToggleGroupPrimitive from "radix-ui/toggle-group";
 import * as React from "react";
-import { toggleVariants } from "./toggle";
+import { toggleVariants } from "./toggle.js";
 const ToggleGroupContext = React.createContext({
     size: "default",
     variant: "default",

package/dist/display/chart/chart-legend.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as RechartsPrimitive from "recharts";
-import { getPayloadConfigFromPayload, useChart } from "./chart-container";
+import { getPayloadConfigFromPayload, useChart } from "./chart-container.js";
 const ChartLegend = RechartsPrimitive.Legend;
 function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
     const { config } = useChart();

package/dist/display/chart/chart-tooltip.js

@@ -3,7 +3,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { cn } from "cn";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { getPayloadConfigFromPayload, useChart } from "./chart-container";
+import { getPayloadConfigFromPayload, useChart } from "./chart-container.js";
 const ChartTooltip = RechartsPrimitive.Tooltip;
 function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
     const { config } = useChart();

package/dist/display/chat/attachment/attachment-parts.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Button } from "../../../action/button";
+import { Button } from "../../../action/button.js";
 declare function AttachmentTitle({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function AttachmentDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function AttachmentActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/display/chat/attachment/attachment-parts.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-import { Button } from "../../../action/button";
+import { Button } from "../../../action/button.js";
 function AttachmentTitle({ className, ...props }) {
     return (_jsx("span", { "data-slot": "attachment-title", className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className), ...props }));
 }

package/dist/display/chat/message-scroller.d.ts

@@ -1,6 +1,6 @@
 import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
 import * as React from "react";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): React.JSX.Element;
 declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): React.JSX.Element;
 declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): React.JSX.Element;

package/dist/display/chat/message-scroller.js

@@ -3,7 +3,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from "@shadcn/react/message-scroller";
 import { cn } from "cn";
 import { ArrowDownIcon } from "lucide-react";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 function MessageScrollerProvider(props) {
     return _jsx(MessageScrollerPrimitive.Provider, { ...props });
 }

package/dist/display/content/item.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { Separator } from "../separator";
+import { Separator } from "../separator.js";
 declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({

package/dist/display/content/item.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
-import { Separator } from "../separator";
+import { Separator } from "../separator.js";
 function ItemGroup({ className, ...props }) {
     return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props }));
 }

package/dist/display/media/carousel-controls.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { CarouselNext, CarouselPrevious };

package/dist/display/media/carousel-controls.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { Button } from "../../action/button";
-import { useCarousel } from "./carousel";
+import { Button } from "../../action/button.js";
+import { useCarousel } from "./carousel.js";
 function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"

package/dist/form/advanced/calendar-day-button.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as React from "react";
 import { getDefaultClassNames } from "react-day-picker";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 function CalendarDayButton({ className, day, modifiers, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     const ref = React.useRef(null);

package/dist/form/advanced/calendar.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { DayPicker } from "react-day-picker";
-import { Button } from "../../action/button";
+import { Button } from "../../action/button.js";
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
 }): React.JSX.Element;

package/dist/form/advanced/calendar.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { buttonVariants } from "../../action/button";
-import { CalendarDayButton } from "./calendar-day-button";
+import { buttonVariants } from "../../action/button.js";
+import { CalendarDayButton } from "./calendar-day-button.js";
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {

package/dist/form/advanced/combobox/combobox-chips.js

@@ -4,7 +4,7 @@ import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { cn } from "cn";
 import { XIcon } from "lucide-react";
 import * as React from "react";
-import { Button } from "../../../action/button";
+import { Button } from "../../../action/button.js";
 function ComboboxChips({ className, ...props }) {
     return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", className: cn("flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className), ...props }));
 }

package/dist/form/advanced/combobox/combobox.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { cn } from "cn";
 import { ChevronDownIcon, XIcon } from "lucide-react";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../input-group";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../input-group.js";
 const Combobox = ComboboxPrimitive.Root;
 function ComboboxValue({ ...props }) {
     return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });

package/dist/form/field/field-separator.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
-import { Separator } from "../../display/separator";
+import { Separator } from "../../display/separator.js";
 function FieldSeparator({ children, className, ...props }) {
     return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] }));
 }

package/dist/form/field/field-text.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import { Label } from "../label";
+import { Label } from "../label.js";
 declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;

package/dist/form/field/field-text.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-import { Label } from "../label";
+import { Label } from "../label.js";
 function FieldLabel({ className, ...props }) {
     return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className), ...props }));
 }

package/dist/form/hook-form/form.js

@@ -4,7 +4,7 @@ import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
 import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
-import { Label } from "../label";
+import { Label } from "../label.js";
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
 const FormField = ({ ...props }) => {

package/dist/form/input-group.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { Button } from "../action/button";
+import { Button } from "../action/button.js";
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;

package/dist/form/input-group.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
-import { Button } from "../action/button";
-import { Input } from "./input";
-import { Textarea } from "./textarea";
+import { Button } from "../action/button.js";
+import { Input } from "./input.js";
+import { Textarea } from "./textarea.js";
 const inputGroupAlignmentClasses = [
     "has-[>[data-align=inline-start]]:[&>input]:pl-2",
     "has-[>[data-align=inline-end]]:[&>input]:pr-2",

package/dist/index.d.ts

@@ -1,96 +1,96 @@
 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/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,95 @@
 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/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/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 }));
 }

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

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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/navigation/pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type Button } from "../action/button";
+import { type Button } from "../action/button.js";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;

package/dist/navigation/pagination.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { buttonVariants } from "../action/button";
+import { buttonVariants } from "../action/button.js";
 function Pagination({ className, ...props }) {
     return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
 }

package/dist/overlay/alert-dialog.d.ts

@@ -1,6 +1,6 @@
 import * as AlertDialogPrimitive from "radix-ui/alert-dialog";
 import * as React from "react";
-import { Button } from "../action/button";
+import { Button } from "../action/button.js";
 declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
 declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;

package/dist/overlay/alert-dialog.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import * as AlertDialogPrimitive from "radix-ui/alert-dialog";
-import { Button } from "../action/button";
+import { Button } from "../action/button.js";
 function AlertDialog({ ...props }) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }

package/dist/overlay/floating/command.d.ts

@@ -1,6 +1,6 @@
 import { Command as CommandPrimitive } from "cmdk";
 import * as React from "react";
-import { Dialog } from "../dialog";
+import { Dialog } from "../dialog.js";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;

package/dist/overlay/floating/command.js

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

package/dist/shell/app-header.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Separator } from "../display/separator";
-import { SidebarTrigger } from "../layout/sidebar/sidebar";
+import { Separator } from "../display/separator.js";
+import { SidebarTrigger } from "../layout/sidebar/sidebar.js";
 function AppHeader({ breadcrumbs, children }) {
     return (_jsxs("header", { "data-slot": "app-header", className: "flex h-14 shrink-0 items-center gap-3 border-b border-line bg-background px-4", children: [_jsx(SidebarTrigger, { className: "-ml-1" }), _jsx(Separator, { orientation: "vertical", className: "h-4" }), breadcrumbs, _jsx("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: children })] }));
 }

package/dist/shell/app-shell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
-import { SidebarInset } from "../layout/sidebar/sidebar";
-import { SidebarProvider } from "../layout/sidebar/sidebar-context";
+import { SidebarInset } from "../layout/sidebar/sidebar.js";
+import { SidebarProvider } from "../layout/sidebar/sidebar-context.js";
 function AppShell({ sidebar, header, children, defaultOpen, bodyClassName }) {
     return (_jsxs(SidebarProvider, { defaultOpen: defaultOpen, children: [sidebar, _jsxs(SidebarInset, { className: "h-svh overflow-hidden", children: [header, _jsx("div", { "data-slot": "app-shell-body", className: cn("no-scrollbar flex w-full flex-1 flex-col overflow-y-auto px-6 pt-7 pb-8 lg:px-8", bodyClassName), children: children })] })] }));
 }

package/dist/shell/breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { LinkComponent } from "./link";
+import type { LinkComponent } from "./link.js";
 type Crumb = {
     label: React.ReactNode;
     href?: string;

package/dist/shell/docs/docs-header.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { LinkComponent } from "../link";
+import type { LinkComponent } from "../link.js";
 type DocsBrand = {
     name: string;
     product?: string;

package/dist/shell/docs/docs-header.js

@@ -3,8 +3,8 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { cn } from "cn";
 import { MenuIcon } from "lucide-react";
 import { useState } from "react";
-import { Button } from "../../action/button";
-import { Sheet, SheetContent, SheetTitle } from "../../overlay/sheet";
+import { Button } from "../../action/button.js";
+import { Sheet, SheetContent, SheetTitle } from "../../overlay/sheet.js";
 function MobileNavSheet({ children }) {
     const [open, setOpen] = useState(false);
     const closeOnLinkClick = (event) => {

package/dist/shell/docs/docs-shell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
-import { TooltipProvider } from "../../overlay/tooltip";
+import { TooltipProvider } from "../../overlay/tooltip.js";
 function DocsShell({ header, sidebar, aside, children }) {
     return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("div", { "data-slot": "docs-shell", className: "flex min-h-svh flex-col bg-background [--docs-header-height:3.5rem] lg:[--docs-header-height:4rem]", children: [header, _jsxs("div", { className: cn("mx-auto w-full max-w-[1536px] flex-1 items-start px-2", sidebar && "lg:grid lg:grid-cols-[18rem_minmax(0,1fr)]"), children: [sidebar && (_jsx("aside", { "data-slot": "docs-sidebar", className: "sticky top-[calc(var(--docs-header-height)+0.6rem)] hidden h-[calc(100svh-10rem)] lg:block", children: sidebar })), _jsxs("div", { className: "flex min-w-0 items-stretch", children: [_jsx("main", { "data-slot": "docs-body", className: "min-w-0 flex-1 px-4 pt-6 pb-16 md:px-6 lg:pt-10", children: children }), aside && (_jsx("aside", { "data-slot": "docs-aside", className: "sticky top-[calc(var(--docs-header-height)+1px)] hidden h-[90svh] w-72 shrink-0 flex-col gap-8 overflow-hidden pt-10 xl:flex", children: _jsx("div", { className: "no-scrollbar flex flex-col gap-8 overflow-y-auto px-8", children: aside }) }))] })] })] }) }));
 }

package/dist/shell/docs/docs-sidebar.d.ts

@@ -1,4 +1,4 @@
-import type { LinkComponent } from "../link";
+import type { LinkComponent } from "../link.js";
 type DocsNavItem = {
     title: string;
     href: string;

package/dist/shell/docs/on-this-page.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
-import { useActiveSection } from "./use-active-section";
+import { useActiveSection } from "./use-active-section.js";
 function OnThisPage({ sections, title = "On This Page" }) {
     const [activeId, pinSection] = useActiveSection(sections.map((section) => section.id));
     return (_jsxs("nav", { "aria-label": title, className: "flex flex-col gap-2 text-sm", children: [_jsx("p", { className: "h-6 text-xs font-medium text-muted-foreground", children: title }), sections.map((section) => (_jsx("button", { type: "button", onClick: () => {

package/dist/shell/navigation/app-sidebar.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { LinkComponent } from "../link";
-import { type AppNavGroup, type AppNavItem } from "./nav-group";
+import type { LinkComponent } from "../link.js";
+import { type AppNavGroup, type AppNavItem } from "./nav-group.js";
 type AppBrand = {
     title: React.ReactNode;
     subtitle?: string;

package/dist/shell/navigation/app-sidebar.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sidebar, SidebarRail } from "../../layout/sidebar/sidebar";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu";
-import { SidebarContent, SidebarFooter, SidebarHeader, } from "../../layout/sidebar/sidebar-sections";
-import { NavGroup } from "./nav-group";
+import { Sidebar, SidebarRail } from "../../layout/sidebar/sidebar.js";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
+import { SidebarContent, SidebarFooter, SidebarHeader, } from "../../layout/sidebar/sidebar-sections.js";
+import { NavGroup } from "./nav-group.js";
 function BrandLink({ brand, Link }) {
     return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { size: "lg", asChild: true, children: _jsxs(Link, { href: brand.href, children: [_jsx("span", { "data-slot": "app-brand-icon", className: "flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg border border-line bg-ghost", children: brand.icon }), _jsxs("span", { className: "grid flex-1 text-left leading-tight", children: [_jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.title }), brand.subtitle && (_jsx("span", { className: "truncate text-xs text-soft", children: brand.subtitle }))] })] }) }) }) }));
 }

package/dist/shell/navigation/nav-group.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { LinkComponent } from "../link";
+import type { LinkComponent } from "../link.js";
 type AppNavItem = {
     title: string;
     href: string;

package/dist/shell/navigation/nav-group.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu";
-import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, } from "../../layout/sidebar/sidebar-sections";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "../../layout/sidebar/sidebar-menu.js";
+import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, } from "../../layout/sidebar/sidebar-sections.js";
 function isActiveHref(itemHref, activeHref) {
     return activeHref === itemHref || activeHref.startsWith(`${itemHref}/`);
 }

package/dist/shell/theme-toggle.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoonIcon, SunIcon } from "lucide-react";
-import { Button } from "../action/button";
+import { Button } from "../action/button.js";
 function ThemeToggle({ theme, onThemeChange }) {
     const nextTheme = theme === "dark" ? "light" : "dark";
     return (_jsxs(Button, { variant: "ghost", size: "icon-sm", "aria-label": `Switch to ${nextTheme} theme`, onClick: () => onThemeChange(nextTheme), children: [_jsx(SunIcon, { className: "scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }), _jsx(MoonIcon, { className: "absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/components",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Radix and shadcn based React components, shells and theme for LocusGraph apps.",
   "license": "MIT",
   "repository": {
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.9.0",
-    "@locusgraph/tokens": "0.1.0",
+    "@locusgraph/tokens": "0.1.1",
     "@shadcn/react": "^0.3.1",
     "class-variance-authority": "^0.7.1",
     "cmdk": "^1.1.1",
@@ -61,7 +61,7 @@
   },
   "homepage": "https://design.locusgraph.com",
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -R src/styles dist/styles",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -R src/styles dist/styles && node ../../scripts/esm-extensions.mjs dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run"
   }