reshaped 4.2.0 → 4.3.0-canary.1

package/dist/index.d.ts

@@ -1,158 +1,158 @@
 /**
  * Components
  */
-export type { AlertProps } from "./components/Alert";
-export { default as Alert } from "./components/Alert";
-export type { AutocompleteInstance, AutocompleteProps } from "./components/Autocomplete";
-export { default as Autocomplete } from "./components/Autocomplete";
-export type { AvatarProps } from "./components/Avatar";
-export { default as Avatar } from "./components/Avatar";
-export type { BadgeProps } from "./components/Badge";
-export { default as Badge } from "./components/Badge";
-export type { BreadcrumbsProps } from "./components/Breadcrumbs";
-export { default as Breadcrumbs } from "./components/Breadcrumbs";
-export type { ButtonAlignerProps, ButtonGroupProps, ButtonProps } from "./components/Button";
-export { default as Button } from "./components/Button";
-export type { CalendarProps } from "./components/Calendar";
-export { default as Calendar } from "./components/Calendar";
-export type { CardProps } from "./components/Card";
-export { default as Card } from "./components/Card";
-export type { CarouselInstance, CarouselProps } from "./components/Carousel";
-export { default as Carousel } from "./components/Carousel";
-export type { CheckboxProps } from "./components/Checkbox";
-export { default as Checkbox } from "./components/Checkbox";
-export type { CheckboxGroupProps } from "./components/CheckboxGroup";
-export { default as CheckboxGroup } from "./components/CheckboxGroup";
-export type { ContextMenuInstance, ContextMenuProps } from "./components/ContextMenu";
-export { default as ContextMenu } from "./components/ContextMenu";
-export type { DividerProps } from "./components/Divider";
-export { default as Divider } from "./components/Divider";
-export type { DropdownMenuInstance, DropdownMenuProps } from "./components/DropdownMenu";
-export { default as DropdownMenu } from "./components/DropdownMenu";
-export type { FileUploadProps } from "./components/FileUpload";
-export { default as FileUpload } from "./components/FileUpload";
-export type { LinkProps } from "./components/Link";
-export { default as Link } from "./components/Link";
-export type { LoaderProps } from "./components/Loader";
-export { default as Loader } from "./components/Loader";
-export type { LoaderTextProps } from "./components/LoaderText";
-export { default as LoaderText } from "./components/LoaderText";
-export type { MenuItemProps } from "./components/MenuItem";
-export { default as MenuItem } from "./components/MenuItem";
-export type { ModalProps } from "./components/Modal";
-export { default as Modal } from "./components/Modal";
-export type { NumberFieldProps } from "./components/NumberField";
-export { default as NumberField } from "./components/NumberField";
-export type { PaginationProps } from "./components/Pagination";
-export { default as Pagination } from "./components/Pagination";
-export type { PinFieldProps } from "./components/PinField";
-export { default as PinField } from "./components/PinField";
-export type { PopoverInstance, PopoverProps } from "./components/Popover";
-export { default as Popover } from "./components/Popover";
-export type { ProgressBarProps } from "./components/ProgressBar";
-export { default as ProgressBar } from "./components/ProgressBar";
-export type { ProgressIndicatorProps } from "./components/ProgressIndicator";
-export { default as ProgressIndicator } from "./components/ProgressIndicator";
-export type { RadioProps } from "./components/Radio";
-export { default as Radio } from "./components/Radio";
-export type { RadioGroupProps } from "./components/RadioGroup";
-export { default as RadioGroup } from "./components/RadioGroup";
-export type { SelectProps, SelectTriggerProps } from "./components/Select";
-export { default as Select, SelectTrigger } from "./components/Select";
-export type { SkeletonProps } from "./components/Skeleton";
-export { default as Skeleton } from "./components/Skeleton";
-export type { SliderProps } from "./components/Slider";
-export { default as Slider } from "./components/Slider";
-export type { SwitchProps } from "./components/Switch";
-export { default as Switch } from "./components/Switch";
-export type { TableBodyProps, TableCellProps, TableHeadingProps, TableHeadProps, TableProps, TableRowProps, } from "./components/Table";
-export { default as Table } from "./components/Table";
-export type { TabsProps } from "./components/Tabs";
-export { default as Tabs } from "./components/Tabs";
-export type { TextAreaProps } from "./components/TextArea";
-export { default as TextArea } from "./components/TextArea";
-export type { TextFieldProps } from "./components/TextField";
-export { default as TextField } from "./components/TextField";
-export type { ToastProps, ToastProviderProps, ToastShowProps } from "./components/Toast";
-export { ToastProvider, useToast } from "./components/Toast";
-export type { ToggleButtonProps } from "./components/ToggleButton";
-export { default as ToggleButton } from "./components/ToggleButton";
-export type { ToggleButtonGroupProps } from "./components/ToggleButtonGroup";
-export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup";
-export type { TooltipProps } from "./components/Tooltip";
-export { default as Tooltip } from "./components/Tooltip";
+export type { AlertProps } from "./components/Alert/index.js";
+export { default as Alert } from "./components/Alert/index.js";
+export type { AutocompleteInstance, AutocompleteProps } from "./components/Autocomplete/index.js";
+export { default as Autocomplete } from "./components/Autocomplete/index.js";
+export type { AvatarProps } from "./components/Avatar/index.js";
+export { default as Avatar } from "./components/Avatar/index.js";
+export type { BadgeProps } from "./components/Badge/index.js";
+export { default as Badge } from "./components/Badge/index.js";
+export type { BreadcrumbsProps } from "./components/Breadcrumbs/index.js";
+export { default as Breadcrumbs } from "./components/Breadcrumbs/index.js";
+export type { ButtonAlignerProps, ButtonGroupProps, ButtonProps } from "./components/Button/index.js";
+export { default as Button } from "./components/Button/index.js";
+export type { CalendarProps } from "./components/Calendar/index.js";
+export { default as Calendar } from "./components/Calendar/index.js";
+export type { CardProps } from "./components/Card/index.js";
+export { default as Card } from "./components/Card/index.js";
+export type { CarouselInstance, CarouselProps } from "./components/Carousel/index.js";
+export { default as Carousel } from "./components/Carousel/index.js";
+export type { CheckboxProps } from "./components/Checkbox/index.js";
+export { default as Checkbox } from "./components/Checkbox/index.js";
+export type { CheckboxGroupProps } from "./components/CheckboxGroup/index.js";
+export { default as CheckboxGroup } from "./components/CheckboxGroup/index.js";
+export type { ContextMenuInstance, ContextMenuProps } from "./components/ContextMenu/index.js";
+export { default as ContextMenu } from "./components/ContextMenu/index.js";
+export type { DividerProps } from "./components/Divider/index.js";
+export { default as Divider } from "./components/Divider/index.js";
+export type { DropdownMenuInstance, DropdownMenuProps } from "./components/DropdownMenu/index.js";
+export { default as DropdownMenu } from "./components/DropdownMenu/index.js";
+export type { FileUploadProps } from "./components/FileUpload/index.js";
+export { default as FileUpload } from "./components/FileUpload/index.js";
+export type { LinkProps } from "./components/Link/index.js";
+export { default as Link } from "./components/Link/index.js";
+export type { LoaderProps } from "./components/Loader/index.js";
+export { default as Loader } from "./components/Loader/index.js";
+export type { LoaderTextProps } from "./components/LoaderText/index.js";
+export { default as LoaderText } from "./components/LoaderText/index.js";
+export type { MenuItemProps } from "./components/MenuItem/index.js";
+export { default as MenuItem } from "./components/MenuItem/index.js";
+export type { ModalProps } from "./components/Modal/index.js";
+export { default as Modal } from "./components/Modal/index.js";
+export type { NumberFieldProps } from "./components/NumberField/index.js";
+export { default as NumberField } from "./components/NumberField/index.js";
+export type { PaginationProps } from "./components/Pagination/index.js";
+export { default as Pagination } from "./components/Pagination/index.js";
+export type { PinFieldProps } from "./components/PinField/index.js";
+export { default as PinField } from "./components/PinField/index.js";
+export type { PopoverInstance, PopoverProps } from "./components/Popover/index.js";
+export { default as Popover } from "./components/Popover/index.js";
+export type { ProgressBarProps } from "./components/ProgressBar/index.js";
+export { default as ProgressBar } from "./components/ProgressBar/index.js";
+export type { ProgressIndicatorProps } from "./components/ProgressIndicator/index.js";
+export { default as ProgressIndicator } from "./components/ProgressIndicator/index.js";
+export type { RadioProps } from "./components/Radio/index.js";
+export { default as Radio } from "./components/Radio/index.js";
+export type { RadioGroupProps } from "./components/RadioGroup/index.js";
+export { default as RadioGroup } from "./components/RadioGroup/index.js";
+export type { SelectProps, SelectTriggerProps } from "./components/Select/index.js";
+export { default as Select, SelectTrigger } from "./components/Select/index.js";
+export type { SkeletonProps } from "./components/Skeleton/index.js";
+export { default as Skeleton } from "./components/Skeleton/index.js";
+export type { SliderProps } from "./components/Slider/index.js";
+export { default as Slider } from "./components/Slider/index.js";
+export type { SwitchProps } from "./components/Switch/index.js";
+export { default as Switch } from "./components/Switch/index.js";
+export type { TableBodyProps, TableCellProps, TableHeadingProps, TableHeadProps, TableProps, TableRowProps, } from "./components/Table/index.js";
+export { default as Table } from "./components/Table/index.js";
+export type { TabsProps } from "./components/Tabs/index.js";
+export { default as Tabs } from "./components/Tabs/index.js";
+export type { TextAreaProps } from "./components/TextArea/index.js";
+export { default as TextArea } from "./components/TextArea/index.js";
+export type { TextFieldProps } from "./components/TextField/index.js";
+export { default as TextField } from "./components/TextField/index.js";
+export type { ToastProps, ToastProviderProps, ToastShowProps } from "./components/Toast/index.js";
+export { ToastProvider, useToast } from "./components/Toast/index.js";
+export type { ToggleButtonProps } from "./components/ToggleButton/index.js";
+export { default as ToggleButton } from "./components/ToggleButton/index.js";
+export type { ToggleButtonGroupProps } from "./components/ToggleButtonGroup/index.js";
+export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup/index.js";
+export type { TooltipProps } from "./components/Tooltip/index.js";
+export { default as Tooltip } from "./components/Tooltip/index.js";
 /**
  * Utility components
  */
-export type { AccordionProps } from "./components/Accordion";
-export { default as Accordion } from "./components/Accordion";
-export type { ActionableProps, ActionableRef } from "./components/Actionable";
-export { default as Actionable } from "./components/Actionable";
-export type { ContainerProps } from "./components/Container";
-export { default as Container } from "./components/Container";
-export type { ContentToggleProps } from "./components/ContentToggle";
-export { default as ContentToggle } from "./components/ContentToggle";
-export type { DismissibleProps } from "./components/Dismissible";
-export { default as Dismissible } from "./components/Dismissible";
-export type { ExpandableProps } from "./components/Expandable";
-export { default as Expandable } from "./components/Expandable";
-export type { FlyoutInstance, FlyoutProps, FlyoutTriggerAttributes } from "./components/Flyout";
-export { default as Flyout } from "./components/Flyout";
-export type { FormControlProps } from "./components/FormControl";
-export { default as FormControl } from "./components/FormControl";
-export type { GridItemProps, GridProps } from "./components/Grid";
-export { default as Grid } from "./components/Grid";
-export type { HiddenProps } from "./components/Hidden";
-export { default as Hidden } from "./components/Hidden";
-export type { HiddenInputProps } from "./components/HiddenInput";
-export { default as HiddenInput } from "./components/HiddenInput";
-export type { HiddenVisuallyProps } from "./components/HiddenVisually";
-export { default as HiddenVisually } from "./components/HiddenVisually";
-export type { IconProps } from "./components/Icon";
-export { default as Icon } from "./components/Icon";
-export type { IconToggleProps } from "./components/IconToggle";
-export { default as IconToggle } from "./components/IconToggle";
-export type { ImageProps } from "./components/Image";
-export { default as Image } from "./components/Image";
-export type { OverlayProps } from "./components/Overlay";
-export { default as Overlay } from "./components/Overlay";
-export type { ReshapedProps } from "./components/Reshaped";
-export { default as Reshaped } from "./components/Reshaped";
-export type { ResizableHandleProps, ResizableItemProps, ResizableProps, } from "./components/Resizable";
-export { default as Resizable } from "./components/Resizable";
-export type { ScrollAreaProps } from "./components/ScrollArea";
-export { default as ScrollArea } from "./components/ScrollArea";
-export type { TextProps } from "./components/Text";
-export { default as Text } from "./components/Text";
-export type { ViewItemProps, ViewProps } from "./components/View";
-export { default as View } from "./components/View";
+export type { AccordionProps } from "./components/Accordion/index.js";
+export { default as Accordion } from "./components/Accordion/index.js";
+export type { ActionableProps, ActionableRef } from "./components/Actionable/index.js";
+export { default as Actionable } from "./components/Actionable/index.js";
+export type { ContainerProps } from "./components/Container/index.js";
+export { default as Container } from "./components/Container/index.js";
+export type { ContentToggleProps } from "./components/ContentToggle/index.js";
+export { default as ContentToggle } from "./components/ContentToggle/index.js";
+export type { DismissibleProps } from "./components/Dismissible/index.js";
+export { default as Dismissible } from "./components/Dismissible/index.js";
+export type { ExpandableProps } from "./components/Expandable/index.js";
+export { default as Expandable } from "./components/Expandable/index.js";
+export type { FlyoutInstance, FlyoutProps, FlyoutTriggerAttributes } from "./components/Flyout/index.js";
+export { default as Flyout } from "./components/Flyout/index.js";
+export type { FormControlProps } from "./components/FormControl/index.js";
+export { default as FormControl } from "./components/FormControl/index.js";
+export type { GridItemProps, GridProps } from "./components/Grid/index.js";
+export { default as Grid } from "./components/Grid/index.js";
+export type { HiddenProps } from "./components/Hidden/index.js";
+export { default as Hidden } from "./components/Hidden/index.js";
+export type { HiddenInputProps } from "./components/HiddenInput/index.js";
+export { default as HiddenInput } from "./components/HiddenInput/index.js";
+export type { HiddenVisuallyProps } from "./components/HiddenVisually/index.js";
+export { default as HiddenVisually } from "./components/HiddenVisually/index.js";
+export type { IconProps } from "./components/Icon/index.js";
+export { default as Icon } from "./components/Icon/index.js";
+export type { IconToggleProps } from "./components/IconToggle/index.js";
+export { default as IconToggle } from "./components/IconToggle/index.js";
+export type { ImageProps } from "./components/Image/index.js";
+export { default as Image } from "./components/Image/index.js";
+export type { OverlayProps } from "./components/Overlay/index.js";
+export { default as Overlay } from "./components/Overlay/index.js";
+export type { ReshapedProps } from "./components/Reshaped/index.js";
+export { default as Reshaped } from "./components/Reshaped/index.js";
+export type { ResizableHandleProps, ResizableItemProps, ResizableProps, } from "./components/Resizable/index.js";
+export { default as Resizable } from "./components/Resizable/index.js";
+export type { ScrollAreaProps } from "./components/ScrollArea/index.js";
+export { default as ScrollArea } from "./components/ScrollArea/index.js";
+export type { TextProps } from "./components/Text/index.js";
+export { default as Text } from "./components/Text/index.js";
+export type { ViewItemProps, ViewProps } from "./components/View/index.js";
+export { default as View } from "./components/View/index.js";
 /**
  * Hooks
  */
-export { useFormControl } from "./components/FormControl";
-export { default as Theme, type ThemeProps, useTheme } from "./components/Theme";
-export { default as useResponsiveClientValue } from "./hooks/useResponsiveClientValue";
-export { default as useHandlerRef } from "./hooks/useHandlerRef";
-export { default as useHotkeys } from "./hooks/useHotkeys";
-export { default as useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
-export { default as useKeyboardArrowNavigation } from "./hooks/useKeyboardArrowNavigation";
-export { default as useKeyboardMode } from "./hooks/useKeyboardMode";
-export { default as useOnClickOutside } from "./hooks/useOnClickOutside";
-export { default as useRTL } from "./hooks/useRTL";
-export { default as useScrollLock } from "./hooks/useScrollLock";
-export { default as useToggle } from "./hooks/useToggle";
-export { default as useIsDismissible } from "./hooks/useIsDismissible";
+export { useFormControl } from "./components/FormControl/index.js";
+export { default as Theme, type ThemeProps, useTheme } from "./components/Theme/index.js";
+export { default as useResponsiveClientValue } from "./hooks/useResponsiveClientValue.js";
+export { default as useHandlerRef } from "./hooks/useHandlerRef.js";
+export { default as useHotkeys } from "./hooks/useHotkeys.js";
+export { default as useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect.js";
+export { default as useKeyboardArrowNavigation } from "./hooks/useKeyboardArrowNavigation.js";
+export { default as useKeyboardMode } from "./hooks/useKeyboardMode.js";
+export { default as useOnClickOutside } from "./hooks/useOnClickOutside.js";
+export { default as useRTL } from "./hooks/useRTL.js";
+export { default as useScrollLock } from "./hooks/useScrollLock.js";
+export { default as useToggle } from "./hooks/useToggle.js";
+export { default as useIsDismissible } from "./hooks/useIsDismissible.js";
 /**
  * Utility functions
  */
-export { responsivePropDependency } from "./utilities/props";
+export { responsivePropDependency } from "./utilities/props.js";
 export { classNames, TrapFocus } from "@reshaped/utilities";
 /**
  * Types
  */
-export type { ColorMode, Responsive } from "./types/global";
-export type { Attributes } from "./types/global";
+export type { ColorMode, Responsive } from "./types/global.js";
+export type { Attributes } from "./types/global.js";
 /**
  * Dev utilities
  */
-export { default as Placeholder } from "./utilities/storybook/Placeholder";
+export { default as Placeholder } from "./utilities/storybook/Placeholder.js";

package/dist/index.js

@@ -1,86 +1,86 @@
-export { default as Alert } from "./components/Alert";
-export { default as Autocomplete } from "./components/Autocomplete";
-export { default as Avatar } from "./components/Avatar";
-export { default as Badge } from "./components/Badge";
-export { default as Breadcrumbs } from "./components/Breadcrumbs";
-export { default as Button } from "./components/Button";
-export { default as Calendar } from "./components/Calendar";
-export { default as Card } from "./components/Card";
-export { default as Carousel } from "./components/Carousel";
-export { default as Checkbox } from "./components/Checkbox";
-export { default as CheckboxGroup } from "./components/CheckboxGroup";
-export { default as ContextMenu } from "./components/ContextMenu";
-export { default as Divider } from "./components/Divider";
-export { default as DropdownMenu } from "./components/DropdownMenu";
-export { default as FileUpload } from "./components/FileUpload";
-export { default as Link } from "./components/Link";
-export { default as Loader } from "./components/Loader";
-export { default as LoaderText } from "./components/LoaderText";
-export { default as MenuItem } from "./components/MenuItem";
-export { default as Modal } from "./components/Modal";
-export { default as NumberField } from "./components/NumberField";
-export { default as Pagination } from "./components/Pagination";
-export { default as PinField } from "./components/PinField";
-export { default as Popover } from "./components/Popover";
-export { default as ProgressBar } from "./components/ProgressBar";
-export { default as ProgressIndicator } from "./components/ProgressIndicator";
-export { default as Radio } from "./components/Radio";
-export { default as RadioGroup } from "./components/RadioGroup";
-export { default as Select, SelectTrigger } from "./components/Select";
-export { default as Skeleton } from "./components/Skeleton";
-export { default as Slider } from "./components/Slider";
-export { default as Switch } from "./components/Switch";
-export { default as Table } from "./components/Table";
-export { default as Tabs } from "./components/Tabs";
-export { default as TextArea } from "./components/TextArea";
-export { default as TextField } from "./components/TextField";
-export { ToastProvider, useToast } from "./components/Toast";
-export { default as ToggleButton } from "./components/ToggleButton";
-export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup";
-export { default as Tooltip } from "./components/Tooltip";
-export { default as Accordion } from "./components/Accordion";
-export { default as Actionable } from "./components/Actionable";
-export { default as Container } from "./components/Container";
-export { default as ContentToggle } from "./components/ContentToggle";
-export { default as Dismissible } from "./components/Dismissible";
-export { default as Expandable } from "./components/Expandable";
-export { default as Flyout } from "./components/Flyout";
-export { default as FormControl } from "./components/FormControl";
-export { default as Grid } from "./components/Grid";
-export { default as Hidden } from "./components/Hidden";
-export { default as HiddenInput } from "./components/HiddenInput";
-export { default as HiddenVisually } from "./components/HiddenVisually";
-export { default as Icon } from "./components/Icon";
-export { default as IconToggle } from "./components/IconToggle";
-export { default as Image } from "./components/Image";
-export { default as Overlay } from "./components/Overlay";
-export { default as Reshaped } from "./components/Reshaped";
-export { default as Resizable } from "./components/Resizable";
-export { default as ScrollArea } from "./components/ScrollArea";
-export { default as Text } from "./components/Text";
-export { default as View } from "./components/View";
+export { default as Alert } from "./components/Alert/index.js";
+export { default as Autocomplete } from "./components/Autocomplete/index.js";
+export { default as Avatar } from "./components/Avatar/index.js";
+export { default as Badge } from "./components/Badge/index.js";
+export { default as Breadcrumbs } from "./components/Breadcrumbs/index.js";
+export { default as Button } from "./components/Button/index.js";
+export { default as Calendar } from "./components/Calendar/index.js";
+export { default as Card } from "./components/Card/index.js";
+export { default as Carousel } from "./components/Carousel/index.js";
+export { default as Checkbox } from "./components/Checkbox/index.js";
+export { default as CheckboxGroup } from "./components/CheckboxGroup/index.js";
+export { default as ContextMenu } from "./components/ContextMenu/index.js";
+export { default as Divider } from "./components/Divider/index.js";
+export { default as DropdownMenu } from "./components/DropdownMenu/index.js";
+export { default as FileUpload } from "./components/FileUpload/index.js";
+export { default as Link } from "./components/Link/index.js";
+export { default as Loader } from "./components/Loader/index.js";
+export { default as LoaderText } from "./components/LoaderText/index.js";
+export { default as MenuItem } from "./components/MenuItem/index.js";
+export { default as Modal } from "./components/Modal/index.js";
+export { default as NumberField } from "./components/NumberField/index.js";
+export { default as Pagination } from "./components/Pagination/index.js";
+export { default as PinField } from "./components/PinField/index.js";
+export { default as Popover } from "./components/Popover/index.js";
+export { default as ProgressBar } from "./components/ProgressBar/index.js";
+export { default as ProgressIndicator } from "./components/ProgressIndicator/index.js";
+export { default as Radio } from "./components/Radio/index.js";
+export { default as RadioGroup } from "./components/RadioGroup/index.js";
+export { default as Select, SelectTrigger } from "./components/Select/index.js";
+export { default as Skeleton } from "./components/Skeleton/index.js";
+export { default as Slider } from "./components/Slider/index.js";
+export { default as Switch } from "./components/Switch/index.js";
+export { default as Table } from "./components/Table/index.js";
+export { default as Tabs } from "./components/Tabs/index.js";
+export { default as TextArea } from "./components/TextArea/index.js";
+export { default as TextField } from "./components/TextField/index.js";
+export { ToastProvider, useToast } from "./components/Toast/index.js";
+export { default as ToggleButton } from "./components/ToggleButton/index.js";
+export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup/index.js";
+export { default as Tooltip } from "./components/Tooltip/index.js";
+export { default as Accordion } from "./components/Accordion/index.js";
+export { default as Actionable } from "./components/Actionable/index.js";
+export { default as Container } from "./components/Container/index.js";
+export { default as ContentToggle } from "./components/ContentToggle/index.js";
+export { default as Dismissible } from "./components/Dismissible/index.js";
+export { default as Expandable } from "./components/Expandable/index.js";
+export { default as Flyout } from "./components/Flyout/index.js";
+export { default as FormControl } from "./components/FormControl/index.js";
+export { default as Grid } from "./components/Grid/index.js";
+export { default as Hidden } from "./components/Hidden/index.js";
+export { default as HiddenInput } from "./components/HiddenInput/index.js";
+export { default as HiddenVisually } from "./components/HiddenVisually/index.js";
+export { default as Icon } from "./components/Icon/index.js";
+export { default as IconToggle } from "./components/IconToggle/index.js";
+export { default as Image } from "./components/Image/index.js";
+export { default as Overlay } from "./components/Overlay/index.js";
+export { default as Reshaped } from "./components/Reshaped/index.js";
+export { default as Resizable } from "./components/Resizable/index.js";
+export { default as ScrollArea } from "./components/ScrollArea/index.js";
+export { default as Text } from "./components/Text/index.js";
+export { default as View } from "./components/View/index.js";
 /**
  * Hooks
  */
-export { useFormControl } from "./components/FormControl";
-export { default as Theme, useTheme } from "./components/Theme";
-export { default as useResponsiveClientValue } from "./hooks/useResponsiveClientValue";
-export { default as useHandlerRef } from "./hooks/useHandlerRef";
-export { default as useHotkeys } from "./hooks/useHotkeys";
-export { default as useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
-export { default as useKeyboardArrowNavigation } from "./hooks/useKeyboardArrowNavigation";
-export { default as useKeyboardMode } from "./hooks/useKeyboardMode";
-export { default as useOnClickOutside } from "./hooks/useOnClickOutside";
-export { default as useRTL } from "./hooks/useRTL";
-export { default as useScrollLock } from "./hooks/useScrollLock";
-export { default as useToggle } from "./hooks/useToggle";
-export { default as useIsDismissible } from "./hooks/useIsDismissible";
+export { useFormControl } from "./components/FormControl/index.js";
+export { default as Theme, useTheme } from "./components/Theme/index.js";
+export { default as useResponsiveClientValue } from "./hooks/useResponsiveClientValue.js";
+export { default as useHandlerRef } from "./hooks/useHandlerRef.js";
+export { default as useHotkeys } from "./hooks/useHotkeys.js";
+export { default as useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect.js";
+export { default as useKeyboardArrowNavigation } from "./hooks/useKeyboardArrowNavigation.js";
+export { default as useKeyboardMode } from "./hooks/useKeyboardMode.js";
+export { default as useOnClickOutside } from "./hooks/useOnClickOutside.js";
+export { default as useRTL } from "./hooks/useRTL.js";
+export { default as useScrollLock } from "./hooks/useScrollLock.js";
+export { default as useToggle } from "./hooks/useToggle.js";
+export { default as useIsDismissible } from "./hooks/useIsDismissible.js";
 /**
  * Utility functions
  */
-export { responsivePropDependency } from "./utilities/props";
+export { responsivePropDependency } from "./utilities/props.js";
 export { classNames, TrapFocus } from "@reshaped/utilities";
 /**
  * Dev utilities
  */
-export { default as Placeholder } from "./utilities/storybook/Placeholder";
+export { default as Placeholder } from "./utilities/storybook/Placeholder.js";

package/dist/styles/mixin.d.ts

@@ -1,5 +1,5 @@
 import type { ClassName } from "@reshaped/utilities";
-import type { Mixin } from "../styles/types";
+import type { Mixin } from "../styles/types.js";
 export declare const resolveMixin: (mixin: Mixin) => {
     variables: React.CSSProperties;
     classNames: ClassName[];

package/dist/styles/mixin.js

@@ -1,21 +1,21 @@
-import align from "../styles/resolvers/align";
-import aspectRatio from "../styles/resolvers/aspectRatio";
-import bleed from "../styles/resolvers/bleed";
-import border, { borderBlock, borderBottom, borderColor, borderEnd, borderInline, borderStart, borderTop, } from "../styles/resolvers/border";
-import height from "../styles/resolvers/height";
-import inset, { insetBlock, insetBottom, insetEnd, insetInline, insetStart, insetTop, } from "../styles/resolvers/inset";
-import justify from "../styles/resolvers/justify";
-import maxHeight from "../styles/resolvers/maxHeight";
-import maxWidth from "../styles/resolvers/maxWidth";
-import minHeight from "../styles/resolvers/minHeight";
-import minWidth from "../styles/resolvers/minWidth";
-import padding, { paddingBlock, paddingBottom, paddingEnd, paddingInline, paddingStart, paddingTop, } from "../styles/resolvers/padding";
-import position from "../styles/resolvers/position";
-import radius from "../styles/resolvers/radius";
-import shadow from "../styles/resolvers/shadow";
-import textAlign from "../styles/resolvers/textAlign";
-import width from "../styles/resolvers/width";
-import zIndex from "../styles/resolvers/zIndex";
+import align from "../styles/resolvers/align/index.js";
+import aspectRatio from "../styles/resolvers/aspectRatio/index.js";
+import bleed from "../styles/resolvers/bleed/index.js";
+import border, { borderBlock, borderBottom, borderColor, borderEnd, borderInline, borderStart, borderTop, } from "../styles/resolvers/border/index.js";
+import height from "../styles/resolvers/height/index.js";
+import inset, { insetBlock, insetBottom, insetEnd, insetInline, insetStart, insetTop, } from "../styles/resolvers/inset/index.js";
+import justify from "../styles/resolvers/justify/index.js";
+import maxHeight from "../styles/resolvers/maxHeight/index.js";
+import maxWidth from "../styles/resolvers/maxWidth/index.js";
+import minHeight from "../styles/resolvers/minHeight/index.js";
+import minWidth from "../styles/resolvers/minWidth/index.js";
+import padding, { paddingBlock, paddingBottom, paddingEnd, paddingInline, paddingStart, paddingTop, } from "../styles/resolvers/padding/index.js";
+import position from "../styles/resolvers/position/index.js";
+import radius from "../styles/resolvers/radius/index.js";
+import shadow from "../styles/resolvers/shadow/index.js";
+import textAlign from "../styles/resolvers/textAlign/index.js";
+import width from "../styles/resolvers/width/index.js";
+import zIndex from "../styles/resolvers/zIndex/index.js";
 const mixinMap = {
     align,
     aspectRatio,

package/dist/styles/resolvers/align/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 import "./align.css";
 declare const align: T.StyleResolver<T.Align>;
 export default align;

package/dist/styles/resolvers/align/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props";
+import { responsiveVariables } from "../../../utilities/props.js";
 import "./align.css";
 const align = (value) => {
     if (!value)

package/dist/styles/resolvers/aspectRatio/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 import "./aspectRatio.css";
 declare const aspectRatio: T.StyleResolver<T.AspectRatio>;
 export default aspectRatio;

package/dist/styles/resolvers/aspectRatio/index.js

@@ -1,4 +1,4 @@
-import { responsiveVariables } from "../../../utilities/props";
+import { responsiveVariables } from "../../../utilities/props.js";
 import "./aspectRatio.css";
 const aspectRatio = (value) => {
     if (!value)

package/dist/styles/resolvers/bleed/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 declare const bleed: T.StyleResolver<T.Bleed>;
 export default bleed;

package/dist/styles/resolvers/bleed/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsivePropDependency, responsiveVariables, } from "../../../utilities/props";
+import { responsiveClassNames, responsivePropDependency, responsiveVariables, } from "../../../utilities/props.js";
 import s from "./bleed.module.css";
 const bleed = (value) => {
     if (value === undefined)

package/dist/styles/resolvers/border/index.d.ts

@@ -1,4 +1,4 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 import "./borderWidth.css";
 declare const border: T.StyleResolver<T.Border>;
 export declare const borderTop: T.StyleResolver<T.Border>;

package/dist/styles/resolvers/border/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsivePropDependency, responsiveVariables, } from "../../../utilities/props";
+import { responsiveClassNames, responsivePropDependency, responsiveVariables, } from "../../../utilities/props.js";
 import "./borderWidth.css";
 import s from "./border.module.css";
 const border = (value) => {

package/dist/styles/resolvers/height/index.d.ts

@@ -1,3 +1,3 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 declare const height: T.StyleResolver<T.Height>;
 export default height;

package/dist/styles/resolvers/height/index.js

@@ -1,4 +1,4 @@
-import { responsiveClassNames, responsiveVariables } from "../../../utilities/props";
+import { responsiveClassNames, responsiveVariables } from "../../../utilities/props.js";
 import s from "./height.module.css";
 const height = (value) => {
     if (!value)

package/dist/styles/resolvers/inset/index.d.ts

@@ -1,6 +1,6 @@
-import * as T from "../../../styles/types";
+import * as T from "../../../styles/types.js";
 import "./inset.css";
-declare const inset: T.StyleResolver<T.Inset>;
+declare const inset: T.StyleResolver<T.InsetAxis>;
 export declare const insetTop: T.StyleResolver<T.Inset>;
 export declare const insetBottom: T.StyleResolver<T.Inset>;
 export declare const insetStart: T.StyleResolver<T.Inset>;