reshaped 4.2.0 → 4.3.0-canary.1

package/dist/bundle.d.cts

@@ -0,0 +1,158 @@
+/**
+ * Components
+ */
+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/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/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.js";
+export { classNames, TrapFocus } from "@reshaped/utilities";
+/**
+ * Types
+ */
+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.js";

package/dist/components/Accordion/Accordion.context.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import * as T from "./Accordion.types";
+import * as T from "./Accordion.types.js";
 declare const AccordionContext: React.Context<T.ContextProps>;
 export default AccordionContext;

package/dist/components/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
-import * as T from "./Accordion.types";
+import * as T from "./Accordion.types.js";
 declare const Accordion: React.FC<T.Props>;
 export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import AccordionControlled from "./AccordionControlled";
-import AccordionUncontrolled from "./AccordionUncontrolled";
+import AccordionControlled from "./AccordionControlled.js";
+import AccordionUncontrolled from "./AccordionUncontrolled.js";
 const Accordion = (props) => {
     const { active } = props;
     if (active !== undefined)

package/dist/components/Accordion/Accordion.types.d.ts

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { ClassName } from "@reshaped/utilities";
-import type { IconProps } from "../../components/Icon";
-import type * as G from "../../types/global";
-import type { Attributes } from "../../types/global";
+import type { IconProps } from "../../components/Icon/index.js";
+import type * as G from "../../types/global.js";
+import type { Attributes } from "../../types/global.js";
 export type BaseProps = {
     /** Expand / collapse icon size in units */
     iconSize?: IconProps["size"];

package/dist/components/Accordion/AccordionContent.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type * as T from "./Accordion.types";
+import type * as T from "./Accordion.types.js";
 declare const AccordionContent: React.FC<T.ContentProps>;
 export default AccordionContent;

package/dist/components/Accordion/AccordionContent.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import Expandable from "../../components/Expandable";
-import View from "../../components/View";
-import AccordionContext from "./Accordion.context";
+import Expandable from "../../components/Expandable/index.js";
+import View from "../../components/View/index.js";
+import AccordionContext from "./Accordion.context.js";
 const AccordionContent = (props) => {
     const { children } = props;
     const { active, triggerId, contentId, gap } = React.useContext(AccordionContext);

package/dist/components/Accordion/AccordionControlled.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import * as T from "./Accordion.types";
+import * as T from "./Accordion.types.js";
 declare const AccordionControlled: React.FC<T.ControlledProps>;
 export default AccordionControlled;

package/dist/components/Accordion/AccordionControlled.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import useElementId from "../../hooks/useElementId";
-import useHandlerRef from "../../hooks/useHandlerRef";
-import AccordionContext from "./Accordion.context";
+import useElementId from "../../hooks/useElementId.js";
+import useHandlerRef from "../../hooks/useHandlerRef.js";
+import AccordionContext from "./Accordion.context.js";
 const AccordionControlled = (props) => {
     const { children, onToggle, active, iconPosition, iconSize, gap, className, attributes } = props;
     const rootClassNames = classNames(className);

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import * as T from "./Accordion.types";
+import * as T from "./Accordion.types.js";
 declare const AccordionTrigger: React.FC<T.TriggerProps>;
 export default AccordionTrigger;

package/dist/components/Accordion/AccordionTrigger.js

@@ -2,11 +2,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "@reshaped/utilities";
-import Actionable from "../../components/Actionable";
-import Icon from "../../components/Icon";
-import View from "../../components/View";
-import IconChevronDown from "../../icons/ChevronDown";
-import AccordionContext from "./Accordion.context";
+import Actionable from "../../components/Actionable/index.js";
+import Icon from "../../components/Icon/index.js";
+import View from "../../components/View/index.js";
+import IconChevronDown from "../../icons/ChevronDown.js";
+import AccordionContext from "./Accordion.context.js";
 import s from "./Accordion.module.css";
 const AccordionTrigger = (props) => {
     const { children } = props;

package/dist/components/Accordion/AccordionUncontrolled.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import * as T from "./Accordion.types";
+import * as T from "./Accordion.types.js";
 declare const AccordionUncontrolled: React.FC<T.UncontrolledProps>;
 export default AccordionUncontrolled;

package/dist/components/Accordion/AccordionUncontrolled.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import AccordionControlled from "./AccordionControlled";
+import AccordionControlled from "./AccordionControlled.js";
 const AccordionUncontrolled = (props) => {
     const { defaultActive, onToggle, ...controlledProps } = props;
     const [active, setActive] = React.useState(defaultActive || false);

package/dist/components/Accordion/index.d.ts

@@ -1,9 +1,9 @@
-import Accordion from "./Accordion";
-import AccordionContent from "./AccordionContent";
-import AccordionTrigger from "./AccordionTrigger";
+import Accordion from "./Accordion.js";
+import AccordionContent from "./AccordionContent.js";
+import AccordionTrigger from "./AccordionTrigger.js";
 declare const AccordionRoot: typeof Accordion & {
     Trigger: typeof AccordionTrigger;
     Content: typeof AccordionContent;
 };
 export default AccordionRoot;
-export type { Props as AccordionProps } from "./Accordion.types";
+export type { Props as AccordionProps } from "./Accordion.types.js";

package/dist/components/Accordion/index.js

@@ -1,6 +1,6 @@
-import Accordion from "./Accordion";
-import AccordionContent from "./AccordionContent";
-import AccordionTrigger from "./AccordionTrigger";
+import Accordion from "./Accordion.js";
+import AccordionContent from "./AccordionContent.js";
+import AccordionTrigger from "./AccordionTrigger.js";
 const AccordionRoot = Accordion;
 AccordionRoot.Trigger = AccordionTrigger;
 AccordionRoot.Content = AccordionContent;

package/dist/components/Accordion/tests/Accordion.stories.d.ts

@@ -2,9 +2,9 @@ import { StoryObj } from "@storybook/react-vite";
 import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").FC<import("../../../components/Accordion").AccordionProps> & {
-        Trigger: import("react").FC<import("../Accordion.types").TriggerProps>;
-        Content: import("react").FC<import("../Accordion.types").ContentProps>;
+    component: import("react").FC<import("../../../components/Accordion/index.js").AccordionProps> & {
+        Trigger: import("react").FC<import("../Accordion.types.js").TriggerProps>;
+        Content: import("react").FC<import("../Accordion.types.js").ContentProps>;
     };
     parameters: {
         iframe: {