@marigold/components 15.0.0 → 15.0.2

package/dist/index.d.mts

@@ -686,8 +686,8 @@ interface DrawerActions {
 declare const DrawerActions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
 
 interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
+    size?: 'xsmall' | 'small' | 'medium' | (string & {});
     variant?: string;
-    size?: string;
     /**
      * Whether the overlay is open by default (controlled).
      * @default undefined
@@ -697,6 +697,11 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
      * Whether pressing the escape key closes the modal.
      * @default true
      */
+    /**
+     * The placement of the drawer on the screen.
+     * @default right
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
     keyboardDismissable?: boolean;
     /**
      * Show the close button.
@@ -714,7 +719,7 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
     role?: Exclude<AriaLandmarkRole, 'main'>;
 }
 declare const Drawer: {
-    ({ children, variant, size, open, keyboardDismissable, closeButton, role, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
+    ({ children, size, variant, open, keyboardDismissable, closeButton, role, placement, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
     Trigger: ({ open, children, ...props }: DrawerTriggerProps) => react_jsx_runtime.JSX.Element;
     Title: ({ variant, size, children }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
     Content: ({ variant, size, children, }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
@@ -2178,4 +2183,4 @@ interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProp
 }
 declare const _Breadcrumbs: BreadcrumbsComponent;
 
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$s as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$s as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, type ToastContentProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };

package/dist/index.d.ts

@@ -686,8 +686,8 @@ interface DrawerActions {
 declare const DrawerActions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
 
 interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
+    size?: 'xsmall' | 'small' | 'medium' | (string & {});
     variant?: string;
-    size?: string;
     /**
      * Whether the overlay is open by default (controlled).
      * @default undefined
@@ -697,6 +697,11 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
      * Whether pressing the escape key closes the modal.
      * @default true
      */
+    /**
+     * The placement of the drawer on the screen.
+     * @default right
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
     keyboardDismissable?: boolean;
     /**
      * Show the close button.
@@ -714,7 +719,7 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
     role?: Exclude<AriaLandmarkRole, 'main'>;
 }
 declare const Drawer: {
-    ({ children, variant, size, open, keyboardDismissable, closeButton, role, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
+    ({ children, size, variant, open, keyboardDismissable, closeButton, role, placement, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
     Trigger: ({ open, children, ...props }: DrawerTriggerProps) => react_jsx_runtime.JSX.Element;
     Title: ({ variant, size, children }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
     Content: ({ variant, size, children, }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
@@ -2178,4 +2183,4 @@ interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProp
 }
 declare const _Breadcrumbs: BreadcrumbsComponent;
 
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$s as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$s as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, Toast, type ToastContentProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };

package/dist/index.js

@@ -977,8 +977,8 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var AccordionHeader = ({ children }) => {
   const { classNames: classNames3 } = useAccordionContext();
   const { isExpanded } = (0, import_react3.useContext)(import_react_aria_components.DisclosureStateContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Heading, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_aria_components.Button, { slot: "trigger", className: classNames3.header, children: [
-    children,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Heading, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_aria_components.Button, { slot: "trigger", className: classNames3.header, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex-1", children }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ChevronDown,
       {
@@ -2703,8 +2703,8 @@ var _Dialog = (0, import_react32.forwardRef)(
     const { isDismissable, isKeyboardDismissDisabled, isOpen, onOpenChange } = (0, import_react32.useContext)(DialogContext);
     const state = (0, import_react32.useContext)(import_react_aria_components31.OverlayTriggerStateContext);
     const children = typeof props.children === "function" ? props.children({
-      close: (_a = state == null ? void 0 : state.close) != null ? _a : () => {
-      }
+      close: (_a = state == null ? void 0 : state.close) != null ? _a : (() => {
+      })
     }) : props.children;
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       _Modal,
@@ -2830,14 +2830,7 @@ var DrawerModal = ({
   ...props
 }) => {
   const isSmallScreen = (0, import_system47.useSmallScreen)();
-  return isSmallScreen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MobileModal, { children }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    NonModal,
-    {
-      ...props,
-      className: (0, import_system47.cn)("fixed top-0 right-0 bottom-0", className),
-      children
-    }
-  );
+  return isSmallScreen ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(MobileModal, { children }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(NonModal, { ...props, className: (0, import_system47.cn)("fixed", className), children });
 };
 
 // src/Drawer/DrawerTitle.tsx
@@ -2874,16 +2867,21 @@ var DrawerTrigger = ({
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Drawer = ({
   children,
+  size: size2 = "medium",
   variant,
-  size: size2,
   open,
   keyboardDismissable,
   closeButton,
   role = "complementary",
+  placement = "right",
   ...props
 }) => {
   const ref = (0, import_react34.useRef)(null);
-  const classNames3 = (0, import_system49.useClassNames)({ component: "Drawer", variant, size: size2 });
+  const classNames3 = (0, import_system49.useClassNames)({
+    component: "Drawer",
+    variant,
+    size: size2
+  });
   const ctx = (0, import_react34.useContext)(import_react_aria_components36.OverlayTriggerStateContext);
   const isSmallScreen = (0, import_system49.useSmallScreen)();
   const landmarkAria = (0, import_landmark.useLandmark)({ ...props, role }, ref);
@@ -2894,6 +2892,8 @@ var Drawer = ({
       className: classNames3.overlay,
       open,
       keyboardDismissable,
+      "data-testid": "drawer-modal",
+      "data-placement": placement,
       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
         import_react_aria_components36.Dialog,
         {
@@ -2904,6 +2904,7 @@ var Drawer = ({
             'grid [grid-template-areas:"title"_"content"_"actions"]',
             classNames3.container
           ),
+          "data-placement": placement,
           children: [
             closeButton && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               CloseButton,
@@ -4015,7 +4016,7 @@ function _objectWithoutProperties(e, t) {
   return i;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 var import_react47 = require("react");
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
@@ -4073,7 +4074,7 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 var React11 = __toESM(require("react"));
 var import_react54 = require("react");
 
@@ -4181,11 +4182,11 @@ function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 var React10 = __toESM(require("react"));
 var import_react52 = require("react");
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var React8 = __toESM(require("react"));
 var import_react48 = require("react");
 
@@ -4212,7 +4213,7 @@ function createStyleElement(options2) {
   tag.setAttribute("data-s", "");
   return tag;
 }
-var StyleSheet = /* @__PURE__ */ function() {
+var StyleSheet = /* @__PURE__ */ (function() {
   function StyleSheet2(options2) {
     var _this = this;
     this._insertTag = function(tag) {
@@ -4270,7 +4271,7 @@ var StyleSheet = /* @__PURE__ */ function() {
     this.ctr = 0;
   };
   return StyleSheet2;
-}();
+})();
 
 // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js
 var MS = "-ms-";
@@ -5359,7 +5360,7 @@ var syncFallback = function syncFallback2(create) {
 var useInsertionEffect2 = React7["useInsertionEffect"] ? React7["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment3 = false;
 var isBrowser4 = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
@@ -5463,7 +5464,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 });
 var Emotion$1 = Emotion;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-react.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-react.esm.js
 var React9 = __toESM(require("react"));
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
@@ -5514,7 +5515,7 @@ function _taggedTemplateLiteral(e, t) {
   }));
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
 var import_react51 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -5917,14 +5918,14 @@ function autoUpdate(reference, floating, update, options2) {
   };
 }
 
-// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.1.9_react@19.1.1/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.1.12_react@19.1.1/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 var import_react49 = require("react");
 var isClient = typeof document !== "undefined";
 var noop = function noop2() {
 };
 var index = isClient ? import_react49.useLayoutEffect : noop;
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 var noop3 = function noop4() {
 };
@@ -6998,7 +6999,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
@@ -8010,7 +8011,7 @@ var shouldHideSelectedOptions = function shouldHideSelectedOptions2(props) {
   return hideSelectedOptions;
 };
 var instanceId = 1;
-var Select = /* @__PURE__ */ function(_Component) {
+var Select = /* @__PURE__ */ (function(_Component) {
   _inherits(Select3, _Component);
   var _super = _createSuper(Select3);
   function Select3(_props) {
@@ -9296,10 +9297,10 @@ var Select = /* @__PURE__ */ function(_Component) {
     }
   }]);
   return Select3;
-}(import_react52.Component);
+})(import_react52.Component);
 Select.defaultProps = defaultProps;
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 var import_objectSpread24 = __toESM(require_objectSpread2());
 var import_slicedToArray3 = __toESM(require_slicedToArray());
 var import_objectWithoutProperties4 = __toESM(require_objectWithoutProperties());

package/dist/index.mjs

@@ -884,8 +884,8 @@ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AccordionHeader = ({ children }) => {
   const { classNames: classNames3 } = useAccordionContext();
   const { isExpanded } = useContext2(DisclosureStateContext);
-  return /* @__PURE__ */ jsx2(Heading, { className: "flex-1", children: /* @__PURE__ */ jsxs(Button, { slot: "trigger", className: classNames3.header, children: [
-    children,
+  return /* @__PURE__ */ jsx2(Heading, { children: /* @__PURE__ */ jsxs(Button, { slot: "trigger", className: classNames3.header, children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex-1", children }),
     /* @__PURE__ */ jsx2(
       ChevronDown,
       {
@@ -2650,8 +2650,8 @@ var _Dialog = forwardRef19(
     const { isDismissable, isKeyboardDismissDisabled, isOpen, onOpenChange } = useContext9(DialogContext);
     const state = useContext9(OverlayTriggerStateContext2);
     const children = typeof props.children === "function" ? props.children({
-      close: (_a = state == null ? void 0 : state.close) != null ? _a : () => {
-      }
+      close: (_a = state == null ? void 0 : state.close) != null ? _a : (() => {
+      })
     }) : props.children;
     return /* @__PURE__ */ jsx50(
       _Modal,
@@ -2777,14 +2777,7 @@ var DrawerModal = ({
   ...props
 }) => {
   const isSmallScreen = useSmallScreen2();
-  return isSmallScreen ? /* @__PURE__ */ jsx54(MobileModal, { children }) : /* @__PURE__ */ jsx54(
-    NonModal,
-    {
-      ...props,
-      className: cn31("fixed top-0 right-0 bottom-0", className),
-      children
-    }
-  );
+  return isSmallScreen ? /* @__PURE__ */ jsx54(MobileModal, { children }) : /* @__PURE__ */ jsx54(NonModal, { ...props, className: cn31("fixed", className), children });
 };
 
 // src/Drawer/DrawerTitle.tsx
@@ -2821,16 +2814,21 @@ var DrawerTrigger = ({
 import { jsx as jsx57, jsxs as jsxs20 } from "react/jsx-runtime";
 var Drawer = ({
   children,
+  size: size2 = "medium",
   variant,
-  size: size2,
   open,
   keyboardDismissable,
   closeButton,
   role = "complementary",
+  placement = "right",
   ...props
 }) => {
   const ref = useRef(null);
-  const classNames3 = useClassNames34({ component: "Drawer", variant, size: size2 });
+  const classNames3 = useClassNames34({
+    component: "Drawer",
+    variant,
+    size: size2
+  });
   const ctx = useContext11(OverlayTriggerStateContext3);
   const isSmallScreen = useSmallScreen3();
   const landmarkAria = useLandmark({ ...props, role }, ref);
@@ -2841,6 +2839,8 @@ var Drawer = ({
       className: classNames3.overlay,
       open,
       keyboardDismissable,
+      "data-testid": "drawer-modal",
+      "data-placement": placement,
       children: /* @__PURE__ */ jsx57(DrawerContext.Provider, { value: { variant, size: size2 }, children: /* @__PURE__ */ jsxs20(
         Dialog3,
         {
@@ -2851,6 +2851,7 @@ var Drawer = ({
             'grid [grid-template-areas:"title"_"content"_"actions"]',
             classNames3.container
           ),
+          "data-placement": placement,
           children: [
             closeButton && /* @__PURE__ */ jsx57(
               CloseButton,
@@ -3990,7 +3991,7 @@ function _objectWithoutProperties(e, t) {
   return i;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
 import { useState as useState4, useCallback } from "react";
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
@@ -4048,7 +4049,7 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 import * as React11 from "react";
 import { forwardRef as forwardRef24, useMemo as useMemo5 } from "react";
 
@@ -4156,11 +4157,11 @@ function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 import * as React10 from "react";
 import { useMemo as useMemo4, Fragment as Fragment7, useRef as useRef5, useCallback as useCallback3, useEffect, Component } from "react";
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 import * as React8 from "react";
 import { useContext as useContext20, forwardRef as forwardRef23 } from "react";
 
@@ -4187,7 +4188,7 @@ function createStyleElement(options2) {
   tag.setAttribute("data-s", "");
   return tag;
 }
-var StyleSheet = /* @__PURE__ */ function() {
+var StyleSheet = /* @__PURE__ */ (function() {
   function StyleSheet2(options2) {
     var _this = this;
     this._insertTag = function(tag) {
@@ -4245,7 +4246,7 @@ var StyleSheet = /* @__PURE__ */ function() {
     this.ctr = 0;
   };
   return StyleSheet2;
-}();
+})();
 
 // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js
 var MS = "-ms-";
@@ -5334,7 +5335,7 @@ var syncFallback = function syncFallback2(create) {
 var useInsertionEffect2 = React7["useInsertionEffect"] ? React7["useInsertionEffect"] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var isDevelopment3 = false;
 var isBrowser4 = typeof document !== "undefined";
 var EmotionCacheContext = /* @__PURE__ */ React8.createContext(
@@ -5438,7 +5439,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
 });
 var Emotion$1 = Emotion;
 
-// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.9_react@19.1.1/node_modules/@emotion/react/dist/emotion-react.esm.js
+// ../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1/node_modules/@emotion/react/dist/emotion-react.esm.js
 import * as React9 from "react";
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
@@ -5489,7 +5490,7 @@ function _taggedTemplateLiteral(e, t) {
   }));
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
 import { useContext as useContext22, useRef as useRef4, useState as useState5, useMemo as useMemo3, useCallback as useCallback2, createContext as createContext11 } from "react";
 import { createPortal } from "react-dom";
 
@@ -5892,14 +5893,14 @@ function autoUpdate(reference, floating, update, options2) {
   };
 }
 
-// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.1.9_react@19.1.1/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
+// ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.1.12_react@19.1.1/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect2 } from "react";
 var isClient = typeof document !== "undefined";
 var noop = function noop2() {
 };
 var index = isClient ? useLayoutEffect2 : noop;
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 var noop3 = function noop4() {
 };
@@ -6973,7 +6974,7 @@ function memoizeOne(resultFn, isEqual2) {
   return memoized;
 }
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/Select-ef7c0426.esm.js
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
@@ -7985,7 +7986,7 @@ var shouldHideSelectedOptions = function shouldHideSelectedOptions2(props) {
   return hideSelectedOptions;
 };
 var instanceId = 1;
-var Select = /* @__PURE__ */ function(_Component) {
+var Select = /* @__PURE__ */ (function(_Component) {
   _inherits(Select3, _Component);
   var _super = _createSuper(Select3);
   function Select3(_props) {
@@ -9271,10 +9272,10 @@ var Select = /* @__PURE__ */ function(_Component) {
     }
   }]);
   return Select3;
-}(Component);
+})(Component);
 Select.defaultProps = defaultProps;
 
-// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.9_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
+// ../../node_modules/.pnpm/react-select@5.10.2_@types+react@19.1.12_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-select/dist/react-select.esm.js
 var import_objectSpread24 = __toESM(require_objectSpread2());
 var import_slicedToArray3 = __toESM(require_slicedToArray());
 var import_objectWithoutProperties4 = __toESM(require_objectWithoutProperties());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "15.0.0",
+  "version": "15.0.2",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -33,29 +33,29 @@
     "directory": "packages/components"
   },
   "dependencies": {
-    "@internationalized/date": "3.8.2",
-    "@react-aria/button": "3.14.0",
-    "@react-aria/calendar": "3.9.0",
-    "@react-aria/focus": "3.21.0",
-    "@react-aria/i18n": "3.12.11",
-    "@react-aria/interactions": "3.25.4",
-    "@react-aria/label": "3.7.20",
-    "@react-aria/landmark": "3.0.5",
-    "@react-aria/overlays": "3.28.0",
-    "@react-aria/selection": "3.25.0",
-    "@react-aria/ssr": "3.9.10",
-    "@react-aria/table": "3.17.6",
-    "@react-aria/utils": "3.30.0",
-    "@react-aria/visually-hidden": "3.8.26",
-    "@react-stately/collections": "3.12.6",
-    "@react-stately/data": "3.13.2",
-    "@react-stately/table": "3.14.4",
-    "@react-stately/tree": "3.9.1",
-    "@react-types/shared": "3.31.0",
-    "@react-types/table": "3.13.2",
-    "react-aria-components": "1.11.0",
-    "react-stately": "3.40.0",
-    "@marigold/system": "15.0.0",
+    "@internationalized/date": "^3.9.0",
+    "@react-aria/button": "^3.14.1",
+    "@react-aria/calendar": "^3.9.1",
+    "@react-aria/focus": "^3.21.1",
+    "@react-aria/i18n": "^3.12.12",
+    "@react-aria/interactions": "^3.25.5",
+    "@react-aria/label": "^3.7.21",
+    "@react-aria/landmark": "^3.0.6",
+    "@react-aria/overlays": "^3.29.1",
+    "@react-aria/selection": "^3.25.1",
+    "@react-aria/ssr": "^3.9.10",
+    "@react-aria/table": "^3.17.7",
+    "@react-aria/utils": "^3.30.1",
+    "@react-aria/visually-hidden": "^3.8.27",
+    "@react-stately/collections": "^3.12.7",
+    "@react-stately/data": "^3.14.0",
+    "@react-stately/table": "^3.15.0",
+    "@react-stately/tree": "^3.9.2",
+    "@react-types/shared": "^3.32.0",
+    "@react-types/table": "^3.13.3",
+    "react-aria-components": "^1.12.1",
+    "react-stately": "^3.41.0",
+    "@marigold/system": "15.0.2",
     "@marigold/types": "1.3.2"
   },
   "peerDependencies": {
@@ -63,11 +63,11 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@types/react": "19.1.9",
+    "@types/react": "19.1.12",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "tsup": "8.5.0",
-    "@marigold/icons": "1.3.18",
+    "@marigold/icons": "1.3.20",
     "@marigold/tsconfig": "0.4.1"
   },
   "scripts": {