pentatrion-design 0.1.0 → 0.1.2

package/components/autocomplete/Autocomplete.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
-import type { OptionLike, Option } from "../select";
-import { AutocompleteOptionProps } from "./AutocompleteOption";
+import type { OptionLike, Option } from "../select/index.js";
+import { AutocompleteOptionProps } from "./AutocompleteOption.js";
 import { Placement } from "@floating-ui/react";
-import { ThemeColor } from "../../types";
+import { ThemeColor } from "../../types.js";
 export interface AutocompleteProps<O extends OptionLike = Option> {
     className?: string;
     icon?: boolean | ReactNode;

package/components/autocomplete/Autocomplete.js

@@ -1,16 +1,16 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useRef, useState, forwardRef, } from "react";
-import { AutocompleteOption } from "./AutocompleteOption";
+import { AutocompleteOption } from "./AutocompleteOption.js";
 import { FloatingFocusManager, FloatingList, FloatingPortal, autoUpdate, flip, offset, size, useDismiss, useFloating, useInteractions, useListNavigation, useRole, } from "@floating-ui/react";
-import { AutocompleteContext } from "./useAutocompleteContext";
+import { AutocompleteContext } from "./useAutocompleteContext.js";
 import clsx from "clsx";
-import { useEventCallback } from "../../hooks";
-import { getOptionLabel, getOptionValue } from "./util";
-import { Button } from "../button";
-import { Dialog } from "../dialog";
-import { Loader } from "../loader";
-import { inputConfig } from "../input/Input";
+import { useEventCallback } from "../../hooks/index.js";
+import { getOptionLabel, getOptionValue } from "./util.js";
+import { Button } from "../button/index.js";
+import { Dialog } from "../dialog/index.js";
+import { Loader } from "../loader/index.js";
+import { inputConfig } from "../input/Input.js";
 export const Autocomplete = forwardRef(function Autocomplete({ className, icon = true, color = "yellow", noSearchSuffix, suffix, placement = "bottom", placeholder = "Search...", selection = null, onChangeSelection, autocompleteOptionComponent, loading = false, clearSearchButton = false, searchValue, onChangeSearchValue, options, selectOnFocus = true, readOnly = false, }, inputRef) {
     const [isOpen, setIsOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(null);

package/components/autocomplete/Autocomplete.stories.d.ts

@@ -1,9 +1,9 @@
 import { ReactRenderer } from "@storybook/react";
-import { Option } from "../select";
+import { Option } from "../select/index.js";
 import { PartialStoryFn } from "@storybook/types";
 declare const meta: {
     title: string;
-    component: <O extends import("../select").OptionLike = Option>(props: import("./Autocomplete").AutocompleteProps<O> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
+    component: <O extends import("../select/index.js").OptionLike = Option>(props: import("./Autocomplete.js").AutocompleteProps<O> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
     decorators: ((story: PartialStoryFn<ReactRenderer, any>) => JSX.Element)[];
 };
 export default meta;

package/components/autocomplete/Autocomplete.stories.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { NotificationsProvider } from "../notification";
-import { Button } from "../button";
-import { SimpleAutocomplete } from "./SimpleAutocomplete";
-import { Autocomplete } from "./Autocomplete";
-import { LazyAutocomplete } from "./LazyAutocomplete";
-import { handleChangeSearchValue, options } from "./_fixtures";
+import { NotificationsProvider } from "../notification/index.js";
+import { Button } from "../button/index.js";
+import { SimpleAutocomplete } from "./SimpleAutocomplete.js";
+import { Autocomplete } from "./Autocomplete.js";
+import { LazyAutocomplete } from "./LazyAutocomplete.js";
+import { handleChangeSearchValue, options } from "./_fixtures.js";
 const meta = {
     title: "Components/Autocomplete",
     component: Autocomplete,

package/components/autocomplete/AutocompleteOption.d.ts

@@ -1,3 +1,3 @@
-import { OptionLike } from "../select";
+import { OptionLike } from "../select/index.js";
 export type AutocompleteOptionProps<O extends OptionLike> = O;
 export declare const AutocompleteOption: import("react").MemoExoticComponent<(<O extends OptionLike>(props: AutocompleteOptionProps<O>) => import("react/jsx-runtime").JSX.Element)>;

package/components/autocomplete/AutocompleteOption.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useId } from "react";
 import { useListItem } from "@floating-ui/react";
-import { useAutocomplete } from "./useAutocompleteContext";
+import { useAutocomplete } from "./useAutocompleteContext.js";
 import clsx from "clsx";
-import { getOptionLabel, getOptionValue } from "./util";
+import { getOptionLabel, getOptionValue } from "./util.js";
 export const AutocompleteOption = memo(function AutocompleteOption(props) {
     const label = getOptionLabel(props);
     const id = useId();

package/components/autocomplete/LazyAutocomplete.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "./Autocomplete";
-import { OptionLike, Option } from "../select";
+import { AutocompleteProps } from "./Autocomplete.js";
+import { OptionLike, Option } from "../select/index.js";
 interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "loading" | "clearSearchButton" | "readOnly"> {
     onChangeSearchValueCallback: (searchValue: string) => Promise<O[]>;
     debounce?: number;

package/components/autocomplete/LazyAutocomplete.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-import { Autocomplete } from "./Autocomplete";
-import { getOptionLabel } from "./util";
-import { useStateDebounce, useEventCallback } from "../../hooks";
+import { Autocomplete } from "./Autocomplete.js";
+import { getOptionLabel } from "./util.js";
+import { useStateDebounce, useEventCallback } from "../../hooks/index.js";
 export function LazyAutocomplete({ onChangeSearchValueCallback, debounce = 5000, selection = null, onChangeSelection, ...rest }) {
     const onChangeSelectionStable = useEventCallback(onChangeSelection);
     const onChangeSearchValueCallbackStable = useEventCallback(onChangeSearchValueCallback);

package/components/autocomplete/SimpleAutocomplete.d.ts

@@ -1,5 +1,5 @@
-import { AutocompleteProps } from "./Autocomplete";
-import { Option, OptionLike } from "../select";
+import { AutocompleteProps } from "./Autocomplete.js";
+import { Option, OptionLike } from "../select/index.js";
 interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "options" | "selection" | "readOnly"> {
 }
 export declare function SimpleAutocomplete<O extends OptionLike = Option>({ options, selection, onChangeSelection, ...rest }: Props<O>): import("react/jsx-runtime").JSX.Element;

package/components/autocomplete/SimpleAutocomplete.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Autocomplete } from "./Autocomplete";
-import { useEventCallback } from "../../hooks";
-import { getOptionLabel } from "./util";
+import { Autocomplete } from "./Autocomplete.js";
+import { useEventCallback } from "../../hooks/index.js";
+import { getOptionLabel } from "./util.js";
 export function SimpleAutocomplete({ options, selection = null, onChangeSelection, ...rest }) {
     const onChangeSelectionStable = useEventCallback(onChangeSelection);
     const [searchValue, setSearchValue] = useState(selection ? getOptionLabel(selection) : "");

package/components/autocomplete/_fixtures.d.ts

@@ -1,3 +1,3 @@
-import { Option } from "../select";
+import { Option } from "../select/index.js";
 export declare const options: Option[];
 export declare const handleChangeSearchValue: (searchValue: string) => Promise<Option[]>;

package/components/autocomplete/index.d.ts

@@ -1,6 +1,6 @@
-export { Autocomplete, type AutocompleteProps } from "./Autocomplete";
-export { SimpleAutocomplete } from "./SimpleAutocomplete";
-export { AutocompleteOption } from "./AutocompleteOption";
-export { LazyAutocomplete } from "./LazyAutocomplete";
-export { useAutocomplete } from "./useAutocompleteContext";
-export { getOptionValue, getOptionLabel } from "./util";
+export { Autocomplete, type AutocompleteProps } from "./Autocomplete.js";
+export { SimpleAutocomplete } from "./SimpleAutocomplete.js";
+export { AutocompleteOption } from "./AutocompleteOption.js";
+export { LazyAutocomplete } from "./LazyAutocomplete.js";
+export { useAutocomplete } from "./useAutocompleteContext.js";
+export { getOptionValue, getOptionLabel } from "./util.js";

package/components/autocomplete/index.js

@@ -1,6 +1,6 @@
-export { Autocomplete } from "./Autocomplete";
-export { SimpleAutocomplete } from "./SimpleAutocomplete";
-export { AutocompleteOption } from "./AutocompleteOption";
-export { LazyAutocomplete } from "./LazyAutocomplete";
-export { useAutocomplete } from "./useAutocompleteContext";
-export { getOptionValue, getOptionLabel } from "./util";
+export { Autocomplete } from "./Autocomplete.js";
+export { SimpleAutocomplete } from "./SimpleAutocomplete.js";
+export { AutocompleteOption } from "./AutocompleteOption.js";
+export { LazyAutocomplete } from "./LazyAutocomplete.js";
+export { useAutocomplete } from "./useAutocompleteContext.js";
+export { getOptionValue, getOptionLabel } from "./util.js";

package/components/autocomplete/useAutocompleteContext.d.ts

@@ -1,5 +1,5 @@
 import { useInteractions } from "@floating-ui/react";
-import { OptionLike } from "../select";
+import { OptionLike } from "../select/index.js";
 interface AutocompleteContext {
     activeIndex: number | null;
     selection: OptionLike | null;

package/components/autocomplete/util.d.ts

@@ -1,3 +1,3 @@
-import { OptionLike } from "../select";
+import { OptionLike } from "../select/index.js";
 export declare function getOptionLabel(option: OptionLike): string;
 export declare function getOptionValue(option: OptionLike): string | number;

package/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { ThemeColor } from "../../types";
+import { ThemeColor } from "../../types.js";
 interface Props {
     children: ReactNode;
     className?: string;

package/components/badge/Badge.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { buttonVariants } from "../button/Button";
-import { Href } from "../href";
-import { Tooltip } from "../tooltip/Tooltip";
-import { TooltipContent } from "../tooltip/TooltipContent";
-import { TooltipTrigger } from "../tooltip/TooltipTrigger";
+import { buttonVariants } from "../button/Button.js";
+import { Href } from "../href/index.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { TooltipContent } from "../tooltip/TooltipContent.js";
+import { TooltipTrigger } from "../tooltip/TooltipTrigger.js";
 export function Badge({ children, className, onRemove, onClick, tooltip, url, color = "yellow", }) {
     const badge = (_jsxs("span", { className: clsx("ll-badge", "inline-flex w-fit items-stretch overflow-hidden rounded-full text-xs shadow", buttonVariants.variant.contained(color), 
         // badgeVariants.color[color],

package/components/badge/Badge.stories.d.ts

@@ -1,4 +1,4 @@
-import { Badge } from ".";
+import { Badge } from "./index.js";
 import { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

package/components/badge/Badge.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from ".";
+import { Badge } from "./index.js";
 import { action } from "@storybook/addon-actions";
 const onClickAction = action("onClick");
 const onRemoveAction = action("onRemove");

package/components/badge/index.d.ts

@@ -1 +1 @@
-export { Badge } from "./Badge";
+export { Badge } from "./Badge.js";

package/components/badge/index.js

@@ -1 +1 @@
-export { Badge } from "./Badge";
+export { Badge } from "./Badge.js";

package/components/button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from "react";
-import { ThemeColor } from "../../types";
+import { ThemeColor } from "../../types.js";
 export interface ButtonProps extends ComponentPropsWithRef<"button"> {
     withRipple?: boolean;
     variant?: "contained" | "light" | "outlined" | "text" | "ghost";

package/components/button/Button.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import clsx from "clsx";
-import { Loader } from "../loader";
-import { useRipple } from "../../hooks";
+import { Loader } from "../loader/index.js";
+import { useRipple } from "../../hooks/index.js";
 export const buttonVariants = {
     size(icon, size) {
         if (size === "custom") {

package/components/button/Button.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj, ReactRenderer } from "@storybook/react";
 import { PartialStoryFn } from "@storybook/types";
 declare const meta: {
     title: string;
-    component: (props: import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+    component: (props: import("./Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
     argTypes: {
         variant: {
             control: {

package/components/button/Button.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow } from "../table";
-import { Button } from "./Button";
+import { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow } from "../table/index.js";
+import { Button } from "./Button.js";
 const meta = {
     title: "Components/Button",
     component: Button,

package/components/button/Button.test.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cleanup, fireEvent, render } from "@testing-library/react";
 import { describe, it, expect, vi, afterEach } from "vitest";
-import { Button } from "./Button";
+import { Button } from "./Button.js";
 afterEach(cleanup);
 describe("<Button />", () => {
     it("forwards className", () => {

package/components/button/ButtonGroup.stories.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroup } from "./ButtonGroup";
+import { ButtonGroup } from "./ButtonGroup.js";
 declare const meta: {
     title: string;
     component: typeof ButtonGroup;

package/components/button/ButtonGroup.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button } from "./Button";
-import { ButtonGroup } from "./ButtonGroup";
+import { Button } from "./Button.js";
+import { ButtonGroup } from "./ButtonGroup.js";
 const meta = {
     title: "Components/ButtonGroup",
     component: ButtonGroup,

package/components/button/LinkButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from "react";
-import { ThemeColor } from "../../types";
+import { ThemeColor } from "../../types.js";
 export interface LinkButtonProps extends ComponentPropsWithRef<"a"> {
     href: string;
     withRipple?: boolean;

package/components/button/LinkButton.js

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import clsx from "clsx";
-import { useRipple } from "../../hooks/useRipple";
-import { buttonVariants } from "./Button";
+import { useRipple } from "../../hooks/useRipple.js";
+import { buttonVariants } from "./Button.js";
 export const LinkButton = forwardRef(function LinkButton({ withRipple = true, variant = "contained", color = "yellow", size = "medium", focusable = true, fullWidth, className, children, selected = false, icon = false, href, ...props }, ref) {
     const anchorRef = useRef(null);
     useImperativeHandle(ref, () => anchorRef.current);

package/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export { Button, type ButtonProps, buttonVariants } from "./Button";
-export { ButtonGroup } from "./ButtonGroup";
-export { LinkButton } from "./LinkButton";
+export { Button, type ButtonProps, buttonVariants } from "./Button.js";
+export { ButtonGroup } from "./ButtonGroup.js";
+export { LinkButton } from "./LinkButton.js";

package/components/button/index.js

@@ -1,3 +1,3 @@
-export { Button, buttonVariants } from "./Button";
-export { ButtonGroup } from "./ButtonGroup";
-export { LinkButton } from "./LinkButton";
+export { Button, buttonVariants } from "./Button.js";
+export { ButtonGroup } from "./ButtonGroup.js";
+export { LinkButton } from "./LinkButton.js";

package/components/card/Card.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardConfig } from "./config";
+import { cardConfig } from "./config.js";
 const meta = {
     title: "Components/Card",
 };

package/components/card/index.d.ts

@@ -1 +1 @@
-export { cardConfig } from "./config";
+export { cardConfig } from "./config.js";

package/components/card/index.js

@@ -1 +1 @@
-export { cardConfig } from "./config";
+export { cardConfig } from "./config.js";

package/components/code/index.d.ts

@@ -1 +1 @@
-export { Code } from "./Code";
+export { Code } from "./Code.js";

package/components/code/index.js

@@ -1 +1 @@
-export { Code } from "./Code";
+export { Code } from "./Code.js";

package/components/context-menu/ContextMenu.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement, useEffect, useRef, useState, } from "react";
 import { FloatingFocusManager, FloatingPortal, autoUpdate, flip, offset, shift, size, useDismiss, useFloating, useInteractions, useListNavigation, useRole, useTypeahead, } from "@floating-ui/react";
-import { Dialog } from "../dialog/Dialog";
-import { useEventCallback, useRefDebounce } from "../../hooks";
+import { Dialog } from "../dialog/Dialog.js";
+import { useEventCallback, useRefDebounce } from "../../hooks/index.js";
 export function ContextMenu({ targetRef, children, style, eventName = "contextmenu" }) {
     const [activeIndex, setActiveIndex] = useState(null);
     const [isOpen, setIsOpen] = useState(false);

package/components/context-menu/ContextMenu.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContextMenu } from "./ContextMenu";
-import { ContextMenuItem } from "./ContextMenuItem";
+import { ContextMenu } from "./ContextMenu.js";
+import { ContextMenuItem } from "./ContextMenuItem.js";
 import { action } from "@storybook/addon-actions";
 const onChangeAction = action("onChange");
 const meta = {

package/components/context-menu/index.d.ts

@@ -1,2 +1,2 @@
-export { ContextMenu } from "./ContextMenu";
-export { ContextMenuItem, type ContextMenuItemMouseEvent } from "./ContextMenuItem";
+export { ContextMenu } from "./ContextMenu.js";
+export { ContextMenuItem, type ContextMenuItemMouseEvent } from "./ContextMenuItem.js";

package/components/context-menu/index.js

@@ -1,2 +1,2 @@
-export { ContextMenu } from "./ContextMenu";
-export { ContextMenuItem } from "./ContextMenuItem";
+export { ContextMenu } from "./ContextMenu.js";
+export { ContextMenuItem } from "./ContextMenuItem.js";

package/components/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { Placement } from "@floating-ui/react";
 import { ComponentProps, ReactNode } from "react";
-import type { ThemeColor } from "../../types";
+import type { ThemeColor } from "../../types.js";
 interface Props extends ComponentProps<"div"> {
     color?: ThemeColor;
     placement?: Placement;

package/components/dialog/Dialog.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog } from "./Dialog";
-import { Button } from "../button";
+import { Dialog } from "./Dialog.js";
+import { Button } from "../button/index.js";
 const meta = {
     title: "Components/Dialog",
 };

package/components/dialog/index.d.ts

@@ -1 +1 @@
-export { Dialog, dialogVariants } from "./Dialog";
+export { Dialog, dialogVariants } from "./Dialog.js";

package/components/dialog/index.js

@@ -1 +1 @@
-export { Dialog, dialogVariants } from "./Dialog";
+export { Dialog, dialogVariants } from "./Dialog.js";

package/components/dropdown-menu/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { DropdownMenuOptions } from "./interface";
+import { DropdownMenuOptions } from "./interface.js";
 interface Props extends DropdownMenuOptions {
     children: ReactNode;
 }

package/components/dropdown-menu/DropdownMenu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DropdownMenuContext } from "./useDropdownMenuContext";
-import { useDropdownMenu } from "./useDropdownMenu";
+import { DropdownMenuContext } from "./useDropdownMenuContext.js";
+import { useDropdownMenu } from "./useDropdownMenu.js";
 export function DropdownMenu({ children, ...options }) {
     const popover = useDropdownMenu(options);
     return _jsx(DropdownMenuContext.Provider, { value: popover, children: children });

package/components/dropdown-menu/DropdownMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenu } from ".";
+import { DropdownMenu } from "./index.js";
 declare const meta: {
     title: string;
     component: typeof DropdownMenu;

package/components/dropdown-menu/DropdownMenu.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from ".";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "./index.js";
 const meta = {
     title: "Components/DropdownMenu",
     component: DropdownMenu,

package/components/dropdown-menu/DropdownMenuContent.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useDropdownMenuContext } from "./useDropdownMenuContext";
+import { useDropdownMenuContext } from "./useDropdownMenuContext.js";
 import { FloatingFocusManager, FloatingList, FloatingPortal, useMergeRefs, } from "@floating-ui/react";
 import clsx from "clsx";
-import { Dialog } from "../dialog";
+import { Dialog } from "../dialog/index.js";
 export const DropdownMenuContent = forwardRef(({ style, children, ...props }, propRef) => {
     const context = useDropdownMenuContext();
     const floatingContext = context.context;

package/components/dropdown-menu/DropdownMenuItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useListItem } from "@floating-ui/react";
 import clsx from "clsx";
-import { useDropdownMenuContext } from "./useDropdownMenuContext";
+import { useDropdownMenuContext } from "./useDropdownMenuContext.js";
 export function DropdownMenuItem({ children, onClick, ...rest }) {
     const { activeIndex, getItemProps, handleSelect } = useDropdownMenuContext();
     const { ref, index } = useListItem({ label: children?.toString() });

package/components/dropdown-menu/DropdownMenuTrigger.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cloneElement, forwardRef, isValidElement } from "react";
-import { useDropdownMenuContext } from "./useDropdownMenuContext";
+import { useDropdownMenuContext } from "./useDropdownMenuContext.js";
 import { useMergeRefs } from "@floating-ui/react";
-import { Button } from "../button";
+import { Button } from "../button/index.js";
 export const DropdownMenuTrigger = forwardRef(({ children, asChild = false, ...props }, propRef) => {
     const context = useDropdownMenuContext();
     const childrenRef = children.ref;

package/components/dropdown-menu/index.d.ts

@@ -1,7 +1,7 @@
-export { DropdownMenu } from "./DropdownMenu";
-export { DropdownMenuContent } from "./DropdownMenuContent";
-export { DropdownMenuTrigger } from "./DropdownMenuTrigger";
-export { useDropdownMenu } from "./useDropdownMenu";
-export { useDropdownMenuContext, DropdownMenuContext } from "./useDropdownMenuContext";
-export { DropdownMenuItem } from "./DropdownMenuItem";
-export type * from "./interface";
+export { DropdownMenu } from "./DropdownMenu.js";
+export { DropdownMenuContent } from "./DropdownMenuContent.js";
+export { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
+export { useDropdownMenu } from "./useDropdownMenu.js";
+export { useDropdownMenuContext, DropdownMenuContext } from "./useDropdownMenuContext.js";
+export { DropdownMenuItem } from "./DropdownMenuItem.js";
+export type * from "./interface.js";

package/components/dropdown-menu/index.js

@@ -1,6 +1,6 @@
-export { DropdownMenu } from "./DropdownMenu";
-export { DropdownMenuContent } from "./DropdownMenuContent";
-export { DropdownMenuTrigger } from "./DropdownMenuTrigger";
-export { useDropdownMenu } from "./useDropdownMenu";
-export { useDropdownMenuContext, DropdownMenuContext } from "./useDropdownMenuContext";
-export { DropdownMenuItem } from "./DropdownMenuItem";
+export { DropdownMenu } from "./DropdownMenu.js";
+export { DropdownMenuContent } from "./DropdownMenuContent.js";
+export { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
+export { useDropdownMenu } from "./useDropdownMenu.js";
+export { useDropdownMenuContext, DropdownMenuContext } from "./useDropdownMenuContext.js";
+export { DropdownMenuItem } from "./DropdownMenuItem.js";

package/components/dropdown-menu/interface.d.ts

@@ -1,5 +1,5 @@
 import { Placement } from "@floating-ui/react";
-import { ThemeColor } from "../../types";
+import { ThemeColor } from "../../types.js";
 export interface DropdownMenuOptions {
     initialOpen?: boolean;
     placement?: Placement;

package/components/dropdown-menu/useDropdownMenu.d.ts

@@ -1,8 +1,8 @@
-import type { DropdownMenuOptions } from "./interface";
+import type { DropdownMenuOptions } from "./interface.js";
 export declare function useDropdownMenu({ initialOpen, placement, open: controlledOpen, onOpen: setControlledOpen, color, modal, }: DropdownMenuOptions): {
     elementsRef: import("react").MutableRefObject<(HTMLElement | null)[]>;
     labelsRef: import("react").MutableRefObject<(string | null)[]>;
-    color: import("../..").ThemeColor | "default";
+    color: import("../../index.js").ThemeColor | "default";
     modal: boolean;
     activeIndex: number | null;
     handleSelect: () => void;

package/components/dropdown-menu/useDropdownMenuContext.d.ts

@@ -1,10 +1,10 @@
-import { useDropdownMenu } from "./useDropdownMenu";
+import { useDropdownMenu } from "./useDropdownMenu.js";
 type ContextType = ReturnType<typeof useDropdownMenu> | null;
 export declare const DropdownMenuContext: import("react").Context<ContextType>;
 export declare function useDropdownMenuContext(): {
     elementsRef: import("react").MutableRefObject<(HTMLElement | null)[]>;
     labelsRef: import("react").MutableRefObject<(string | null)[]>;
-    color: import("../..").ThemeColor | "default";
+    color: import("../../index.js").ThemeColor | "default";
     modal: boolean;
     activeIndex: number | null;
     handleSelect: () => void;

package/components/dropdown-menu-nested/DropdownMenuNested.d.ts

@@ -1,4 +1,4 @@
-import { Button, type ButtonProps } from "../button/Button";
+import { Button, type ButtonProps } from "../button/Button.js";
 export interface Props extends ButtonProps {
     label: string;
     triggerComponent: typeof Button;

package/components/dropdown-menu-nested/DropdownMenuNested.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { MenuItemWithChildren } from "./MenuItemWithChildren";
+import { MenuItemWithChildren } from "./MenuItemWithChildren.js";
 import { FloatingTree } from "@floating-ui/react";
 export const DropdownMenuNested = forwardRef((props, ref) => {
     return (_jsx(FloatingTree, { children: _jsx(MenuItemWithChildren, { ...props, ref: ref }) }));

package/components/dropdown-menu-nested/DropdownMenuNested.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: (props: import("./DropdownMenuNested").Props & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+    component: (props: import("./DropdownMenuNested.js").Props & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 };
 export default meta;
 export declare const Basic: () => import("react/jsx-runtime").JSX.Element;