@synerise/ds-dropdown 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@1.3.1...@synerise/ds-dropdown@1.3.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-dropdown
+
+## [1.3.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@1.3.0...@synerise/ds-dropdown@1.3.1) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-dropdown
+
 # [1.3.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@1.2.7...@synerise/ds-dropdown@1.3.0) (2026-03-09)
 
 ### Features

package/README.md

@@ -17,14 +17,19 @@ Dropdown UI Component
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | --------------------- |
 | disabled          | Whether the dropdown menu is disabled                                                                                                                                                    | boolean                                                                                             | -                     |
 | getPopupContainer | Function used to set the container of the dropdown menu. The default is to create a `div` element in `body`, you can reset it to the scrolling area and make a relative reposition.      | Function(triggerNode)                                                                               | `() => document.body` |
-| overlay           | Dropdown menu                                                                                                                                                                            | [Menu](/docs/components/menu) \ () => Menu                                                          | -                     |
+| overlay           | Dropdown panel content                                                                                                                                                                   | ReactNode                                                                                           | -                     |
 | overlayClassName  | Class name of the dropdown root element                                                                                                                                                  | string                                                                                              | -                     |
 | overlayStyle      | Style of the dropdown root element                                                                                                                                                       | object                                                                                              | -                     |
-| placement         | Placement of pop menu.                                                                                                                                                                   | `bottomLeft` / `bottomCenter` / `bottomRight` / `topLeft` / `topCenter` / `topRight` / `bottomLeft` | -                     |
-| trigger           | Trigger mode which executes the drop-down action (hover doesn't work on mobile device)                                                                                                   | `['hover', 'click']`                                                                 | `['hover']`           |
-| visible           | Whether the dropdown menu is visible                                                                                                                                                     | boolean                                                                                             | -                     |
-| onVisibleChange   | A callback executed on visibility changes.                                                                                                                                               | (visible: boolean)=>void                                                                            | -                     |
-| hideOnItemClick   | Will hide dropdown on click of an item inside the dropdown changes. Provide a CSS selector of element that should trigger dropdown closing or `true` to use `[role="menuitem"]` selector | boolean / string                                                                                    | -                     |
+| placement         | Placement of pop menu.                                                                                                                                                                   | `bottomLeft` / `bottomCenter` / `bottomRight` / `topLeft` / `topCenter` / `topRight`               | -                     |
+| trigger           | Trigger mode which executes the drop-down action                                                                                                                                         | `'click'` / `'hover'` / `'focus'` / array of these                                  | `'click'`             |
+| open              | Controlled open state                                                                                                                                                                    | boolean                                                                                             | -                     |
+| onOpenChange      | Callback executed on visibility changes                                                                                                                                                  | (isOpen: boolean) => void                                                                           | -                     |
+| onDismiss         | Callback executed when closed by clicking outside                                                                                                                                        | (event?: Event, reason?: OpenChangeReason) => void                                                  | -                     |
+| size              | Width of the overlay                                                                                                                                                                     | `'small'`(216px) / `'medium'`(282px) / `'large'`(588px) / `'auto'` / `'match-trigger'` / `'min-match-trigger'` / number(px) | - |
+| footer            | Footer below overlay content; object `{ left?, right? }` renders split layout                                                                                                           | ReactNode / `{ left?: ReactNode; right?: ReactNode }`                                               | -                     |
+| hideOnItemClick   | Close on click of an item inside the dropdown. Provide a CSS selector or `true` to use `[role="menuitem"]`                                                                               | boolean / string                                                                                    | -                     |
+| asChild           | Forward trigger props to first child element (Radix-style)                                                                                                                               | boolean                                                                                             | -                     |
+| popoverProps      | Pass-through props to the underlying ds-popover                                                                                                                                          | Partial\<PopoverOptions\>                                                                           | -                     |
 
 ### Dropdown.SearchInput
 
@@ -43,7 +48,9 @@ Dropdown UI Component
 
 ### Dropdown.BackAction
 
-| Property | Description               | Type          | Default |
-| -------- | ------------------------- | ------------- | ------- |
-| onClick  | Action triggered on click | () => void    | -       |
-| label    | Label of the button       | React.Element | -       |
+| Property     | Description                    | Type                     | Default |
+| ------------ | ------------------------------ | ------------------------ | ------- |
+| onClick      | Action triggered on click      | () => void               | -       |
+| label        | Label of the button            | ReactNode                | -       |
+| tooltip      | Tooltip content                | ReactNode                | -       |
+| tooltipProps | Props passed to ds-tooltip     | Partial\<TooltipProps\>  | -       |

package/dist/Dropdown.const.d.ts

@@ -1,7 +1,7 @@
-import { type Placement } from '@floating-ui/react';
-import { type ListItemProps } from '@synerise/ds-list-item';
-import { type FlipConfig, type OffsetConfig, type ShiftConfig } from '@synerise/ds-popover';
-import { type DropdownPlacement } from './Dropdown.types';
+import { Placement } from '@floating-ui/react';
+import { ListItemProps } from '@synerise/ds-list-item';
+import { FlipConfig, OffsetConfig, ShiftConfig } from '@synerise/ds-popover';
+import { DropdownPlacement } from './Dropdown.types';
 export declare const PLACEMENT_MAP: Record<DropdownPlacement, Placement>;
 export declare const COPYABLE_CLOSE_DELAY = 500;
 export declare const DEFAULT_MATCHING_FUNCTION: (item: ListItemProps, query: string) => boolean;

package/dist/Dropdown.const.js

@@ -1,25 +1,35 @@
-export var PLACEMENT_MAP = {
-  topRight: 'top-end',
-  topLeft: 'top-start',
-  top: 'top',
-  topCenter: 'top',
-  bottom: 'bottom',
-  bottomCenter: 'bottom',
-  bottomLeft: 'bottom-start',
-  bottomRight: 'bottom-end'
+const PLACEMENT_MAP = {
+  topRight: "top-end",
+  topLeft: "top-start",
+  top: "top",
+  topCenter: "top",
+  bottom: "bottom",
+  bottomCenter: "bottom",
+  bottomLeft: "bottom-start",
+  bottomRight: "bottom-end"
 };
-export var COPYABLE_CLOSE_DELAY = 500;
-export var DEFAULT_MATCHING_FUNCTION = function DEFAULT_MATCHING_FUNCTION(item, query) {
-  return !!(item.text && item.text.toLocaleLowerCase().match(query.toLocaleLowerCase()));
-};
-export var DROPDOWN_MAX_HEIGHT = 400;
-export var MAX_VISIBLE_ITEMS = 7;
-export var SCROLLBAR_OFFSET = 11;
-export var POPOVER_TRANSITION_DURATION = 150;
-export var POPOVER_OFFSET_CONFIG = {
+const COPYABLE_CLOSE_DELAY = 500;
+const DEFAULT_MATCHING_FUNCTION = (item, query) => !!(item.text && item.text.toLocaleLowerCase().match(query.toLocaleLowerCase()));
+const DROPDOWN_MAX_HEIGHT = 400;
+const MAX_VISIBLE_ITEMS = 7;
+const SCROLLBAR_OFFSET = 11;
+const POPOVER_TRANSITION_DURATION = 150;
+const POPOVER_OFFSET_CONFIG = {
   mainAxis: 8
 };
-export var POPOVER_FLIP_CONFIG = {};
-export var POPOVER_SHIFT_CONFIG = {
+const POPOVER_FLIP_CONFIG = {};
+const POPOVER_SHIFT_CONFIG = {
   crossAxis: true
-};
+};
+export {
+  COPYABLE_CLOSE_DELAY,
+  DEFAULT_MATCHING_FUNCTION,
+  DROPDOWN_MAX_HEIGHT,
+  MAX_VISIBLE_ITEMS,
+  PLACEMENT_MAP,
+  POPOVER_FLIP_CONFIG,
+  POPOVER_OFFSET_CONFIG,
+  POPOVER_SHIFT_CONFIG,
+  POPOVER_TRANSITION_DURATION,
+  SCROLLBAR_OFFSET
+};

package/dist/Dropdown.d.ts

@@ -1,7 +1,7 @@
-import { type ComponentType } from 'react';
-import SearchBar from '@synerise/ds-search-bar';
+import { ComponentType } from 'react';
+import { default as SearchBar } from '@synerise/ds-search-bar';
 import { Wrapper } from './Dropdown.styles';
-import { type DropdownProps } from './Dropdown.types';
+import { DropdownProps } from './Dropdown.types';
 import { BackAction } from './components/BackAction/BackAction';
 import { BottomAction } from './components/BottomAction/BottomAction';
 import { MenuWrapper } from './components/DropdownMenuList/DropdownMenuList.styles';

package/dist/Dropdown.js

@@ -1,85 +1,65 @@
-var _excluded = ["hideOnItemClick", "placement", "dropdownRender", "open", "onOpenChange", "onDismiss", "overlay", "trigger", "size", "asChild", "children", "overlayStyle", "overlayClassName", "disabled", "destroyPopupOnHide", "align", "getPopupContainer", "popoverProps", "popoverTriggerProps", "footer"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useMemo, useState } from 'react';
-import SearchBar from '@synerise/ds-search-bar';
-import { getPopupContainer as getPopupContainerDefault } from '@synerise/ds-utils';
-import { Wrapper } from './Dropdown.styles';
-import { BackAction } from './components/BackAction/BackAction';
-import { BottomAction } from './components/BottomAction/BottomAction';
-import { DropdownFooter } from './components/DropdownFooter/DropdownFooter';
-import { MenuWrapper } from './components/DropdownMenuList/DropdownMenuList.styles';
-import { DropdownPopover } from './components/DropdownPopover/DropdownPopover';
-import { TextTrigger } from './components/TextTrigger/TextTrigger';
-import { useDropdownVisibility } from './hooks/useDropdownVisibility';
-export var Dropdown = function Dropdown(_ref) {
-  var hideOnItemClick = _ref.hideOnItemClick,
-    placement = _ref.placement,
-    dropdownRender = _ref.dropdownRender,
-    open = _ref.open,
-    onOpenChange = _ref.onOpenChange,
-    onDismiss = _ref.onDismiss,
-    overlay = _ref.overlay,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
-    size = _ref.size,
-    asChild = _ref.asChild,
-    children = _ref.children,
-    overlayStyle = _ref.overlayStyle,
-    overlayClassName = _ref.overlayClassName,
-    disabled = _ref.disabled,
-    destroyPopupOnHide = _ref.destroyPopupOnHide,
-    align = _ref.align,
-    _ref$getPopupContaine = _ref.getPopupContainer,
-    getPopupContainer = _ref$getPopupContaine === void 0 ? getPopupContainerDefault : _ref$getPopupContaine,
-    popoverProps = _ref.popoverProps,
-    popoverTriggerProps = _ref.popoverTriggerProps,
-    footer = _ref.footer,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDropdownVisibilit = useDropdownVisibility({
-      open: open,
-      onOpenChange: onOpenChange
-    }),
-    isOpen = _useDropdownVisibilit.open,
-    toggleOpen = _useDropdownVisibilit.toggleOpen;
-  var _useState = useState(null),
-    activeIndex = _useState[0],
-    setActiveIndex = _useState[1];
-  var renderedOverlay = useMemo(function () {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import SearchBar from "@synerise/ds-search-bar";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { Wrapper } from "./Dropdown.styles.js";
+import { BackAction } from "./components/BackAction/BackAction.js";
+import { BottomAction } from "./components/BottomAction/BottomAction.js";
+import { DropdownFooter } from "./components/DropdownFooter/DropdownFooter.js";
+import { MenuWrapper } from "./components/DropdownMenuList/DropdownMenuList.styles.js";
+import { DropdownPopover } from "./components/DropdownPopover/DropdownPopover.js";
+import { TextTrigger } from "./components/TextTrigger/TextTrigger.js";
+import { useDropdownVisibility } from "./hooks/useDropdownVisibility.js";
+const Dropdown = ({
+  hideOnItemClick,
+  placement,
+  dropdownRender,
+  open,
+  onOpenChange,
+  onDismiss,
+  overlay,
+  trigger = "click",
+  size,
+  asChild,
+  children,
+  overlayStyle,
+  overlayClassName,
+  disabled,
+  destroyPopupOnHide,
+  // unused
+  align,
+  // unused
+  getPopupContainer: getPopupContainer$1 = getPopupContainer,
+  popoverProps,
+  popoverTriggerProps,
+  footer,
+  ...htmlAttributes
+}) => {
+  const {
+    open: isOpen,
+    toggleOpen
+  } = useDropdownVisibility({
+    open,
+    onOpenChange
+  });
+  const [activeIndex, setActiveIndex] = useState(null);
+  const renderedOverlay = useMemo(() => {
     return overlay ? overlay : dropdownRender && dropdownRender();
   }, [dropdownRender, overlay]);
-  var isTriggeredByClick = Array.isArray(trigger) ? trigger.includes('click') : trigger === 'click';
-  return disabled ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : /*#__PURE__*/React.createElement(DropdownPopover, {
-    getPopupContainer: getPopupContainer,
-    overlayHTMLAttributes: htmlAttributes,
-    open: isOpen,
-    placement: placement,
-    asChild: asChild,
-    overlay: /*#__PURE__*/React.createElement(React.Fragment, null, renderedOverlay, footer && /*#__PURE__*/React.createElement(DropdownFooter, {
-      footer: footer
-    })),
-    handleOpenChange: toggleOpen,
-    handleTriggerClick: function handleTriggerClick() {
-      isTriggeredByClick && toggleOpen(!isOpen);
-    },
-    hideOnItemClick: hideOnItemClick,
-    handleItemClick: function handleItemClick() {
-      if (hideOnItemClick) {
-        toggleOpen(false);
-      }
-    },
-    onDismiss: onDismiss,
-    popoverProps: _extends({}, popoverProps, {
-      componentId: 'dropdown'
-    }),
-    popoverTriggerProps: popoverTriggerProps,
-    trigger: trigger,
-    size: size,
-    overlayStyle: overlayStyle,
-    overlayClassName: overlayClassName,
-    activeIndex: activeIndex,
-    setActiveIndex: setActiveIndex
-  }, children);
+  const isTriggeredByClick = Array.isArray(trigger) ? trigger.includes("click") : trigger === "click";
+  return disabled ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(DropdownPopover, { getPopupContainer: getPopupContainer$1, overlayHTMLAttributes: htmlAttributes, open: isOpen, placement, asChild, overlay: /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderedOverlay,
+    footer && /* @__PURE__ */ jsx(DropdownFooter, { footer })
+  ] }), handleOpenChange: toggleOpen, handleTriggerClick: () => {
+    isTriggeredByClick && toggleOpen(!isOpen);
+  }, hideOnItemClick, handleItemClick: () => {
+    if (hideOnItemClick) {
+      toggleOpen(false);
+    }
+  }, onDismiss, popoverProps: {
+    ...popoverProps,
+    componentId: "dropdown"
+  }, popoverTriggerProps, trigger, size, overlayStyle, overlayClassName, activeIndex, setActiveIndex, children });
 };
 Dropdown.Wrapper = Wrapper;
 Dropdown.MenuWrapper = MenuWrapper;
@@ -87,4 +67,7 @@ Dropdown.SearchInput = SearchBar;
 Dropdown.BottomAction = BottomAction;
 Dropdown.BackAction = BackAction;
 Dropdown.TextTrigger = TextTrigger;
-export default Dropdown;
+export {
+  Dropdown,
+  Dropdown as default
+};

package/dist/Dropdown.styles.d.ts

@@ -1 +1 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Dropdown.styles.js

@@ -1,8 +1,9 @@
-import styled from 'styled-components';
-import { Wrapper as ListItemWrapper } from '@synerise/ds-list-item/dist/components/Text/Text.styles';
-export var Wrapper = styled.div.withConfig({
+import styled from "styled-components";
+import { Wrapper as Wrapper$1 } from "@synerise/ds-list-item/dist/components/Text/Text.styles";
+const Wrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Dropdownstyles__Wrapper",
   componentId: "sc-1onktq5-0"
-})(["overflow:hidden;background:", ";", "{min-width:0;}"], function (props) {
-  return props.theme.palette.white;
-}, ListItemWrapper);
+})(["overflow:hidden;background:", ";", "{min-width:0;}"], (props) => props.theme.palette.white, Wrapper$1);
+export {
+  Wrapper
+};

package/dist/Dropdown.types.d.ts

@@ -1,7 +1,7 @@
-import { type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
-import { type OpenChangeReason } from '@floating-ui/react';
-import { type LegacyDropdownPlacement, type PopoverOptions, type PopoverTriggerType } from '@synerise/ds-popover';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { LegacyDropdownPlacement, PopoverOptions, PopoverTriggerType } from '@synerise/ds-popover';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type DropdownProps = Omit<WithHTMLAttributes<HTMLDivElement, DropdownSharedProps & {
     /**
      * @deprecated all dropdowns are destroyed when hidden

package/dist/Dropdown.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/BackAction/BackAction.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type Props } from './BackAction.types';
+import { default as React } from 'react';
+import { Props } from './BackAction.types';
 export declare const BackAction: ({ label, onClick, tooltip, tooltipProps, }: Props) => React.JSX.Element;

package/dist/components/BackAction/BackAction.js

@@ -1,25 +1,20 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import Divider from '@synerise/ds-divider';
-import Icon, { ArrowLeftM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './BackAction.styles';
-export var BackAction = function BackAction(_ref) {
-  var label = _ref.label,
-    onClick = _ref.onClick,
-    tooltip = _ref.tooltip,
-    tooltipProps = _ref.tooltipProps;
-  return /*#__PURE__*/React.createElement(S.BackActionWrapper, null, /*#__PURE__*/React.createElement(S.ContentWrapper, {
-    "data-testid": "dropdown-back-action-arrow",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
-    title: tooltip
-  }, tooltipProps), /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(ArrowLeftM, null)
-  }))), /*#__PURE__*/React.createElement(S.Label, {
-    "data-testid": "dropdown-back-action-label"
-  }, label)), /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    withSideMargin: true
-  }));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import Divider from "@synerise/ds-divider";
+import Icon, { ArrowLeftM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { BackActionWrapper, ContentWrapper, IconWrapper, Label } from "./BackAction.styles.js";
+const BackAction = ({
+  label,
+  onClick,
+  tooltip,
+  tooltipProps
+}) => /* @__PURE__ */ jsxs(BackActionWrapper, { children: [
+  /* @__PURE__ */ jsxs(ContentWrapper, { "data-testid": "dropdown-back-action-arrow", onClick, children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: tooltip, ...tooltipProps, children: /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowLeftM, {}) }) }) }),
+    /* @__PURE__ */ jsx(Label, { "data-testid": "dropdown-back-action-label", children: label })
+  ] }),
+  /* @__PURE__ */ jsx(Divider, { dashed: true, withSideMargin: true })
+] });
+export {
+  BackAction
+};

package/dist/components/BackAction/BackAction.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BackActionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/components/BackAction/BackAction.styles.js

@@ -1,25 +1,23 @@
-import styled from 'styled-components';
-export var Label = styled.div.withConfig({
+import styled from "styled-components";
+const Label = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BackActionstyles__Label",
   componentId: "sc-1cwqmxm-0"
-})(["font-weight:500;font-size:14px;transition:color 0.3s ease;color:", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var IconWrapper = styled.div.withConfig({
+})(["font-weight:500;font-size:14px;transition:color 0.3s ease;color:", ";"], (props) => props.theme.palette["grey-700"]);
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BackActionstyles__IconWrapper",
   componentId: "sc-1cwqmxm-1"
-})(["margin-right:12px;color:", ";transition:color 0.3s ease;"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var BackActionWrapper = styled.div.withConfig({
+})(["margin-right:12px;color:", ";transition:color 0.3s ease;"], (props) => props.theme.palette["grey-700"]);
+const BackActionWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BackActionstyles__BackActionWrapper",
   componentId: "sc-1cwqmxm-2"
-})(["padding:0 8px;&:hover{", "{color:", ";}", "{color:", ";}}"], Label, function (props) {
-  return props.theme.palette['grey-800'];
-}, IconWrapper, function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var ContentWrapper = styled.div.withConfig({
+})(["padding:0 8px;&:hover{", "{color:", ";}", "{color:", ";}}"], Label, (props) => props.theme.palette["grey-800"], IconWrapper, (props) => props.theme.palette["grey-800"]);
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BackActionstyles__ContentWrapper",
   componentId: "sc-1cwqmxm-3"
-})(["padding:14px 8px;display:flex;align-items:center;cursor:pointer;"]);
+})(["padding:14px 8px;display:flex;align-items:center;cursor:pointer;"]);
+export {
+  BackActionWrapper,
+  ContentWrapper,
+  IconWrapper,
+  Label
+};

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
+import { ReactNode } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
 export type Props = {
     label: ReactNode;
     onClick: () => void;

package/dist/components/BackAction/BackAction.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/BottomAction/BottomAction.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type BottomActionProps } from './BottomAction.types';
+import { default as React } from 'react';
+import { BottomActionProps } from './BottomAction.types';
 export declare const BottomAction: ({ onClickAction, children, icon, ...rest }: BottomActionProps) => React.JSX.Element;

package/dist/components/BottomAction/BottomAction.js

@@ -1,17 +1,15 @@
-var _excluded = ["onClickAction", "children", "icon"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import Icon from '@synerise/ds-icon';
-import * as S from './BottomAction.styles';
-export var BottomAction = function BottomAction(_ref) {
-  var onClickAction = _ref.onClickAction,
-    children = _ref.children,
-    icon = _ref.icon,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.BottomAction, _extends({
-    onClick: onClickAction
-  }, rest), icon && /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    component: icon
-  })), /*#__PURE__*/React.createElement(S.TextWrapper, null, children));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import { BottomAction as BottomAction$1, IconWrapper, TextWrapper } from "./BottomAction.styles.js";
+const BottomAction = ({
+  onClickAction,
+  children,
+  icon,
+  ...rest
+}) => /* @__PURE__ */ jsxs(BottomAction$1, { onClick: onClickAction, ...rest, children: [
+  icon && /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(Icon, { component: icon }) }),
+  /* @__PURE__ */ jsx(TextWrapper, { children })
+] });
+export {
+  BottomAction
+};

package/dist/components/BottomAction/BottomAction.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BottomAction: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TextWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BottomAction: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/components/BottomAction/BottomAction.styles.js

@@ -1,25 +1,18 @@
-import styled from 'styled-components';
-export var IconWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BottomActionstyles__IconWrapper",
   componentId: "sc-sbwluh-0"
-})(["margin-right:4px;svg{fill:", ";}"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var TextWrapper = styled.div.withConfig({
+})(["margin-right:4px;svg{fill:", ";}"], (props) => props.theme.palette["grey-600"]);
+const TextWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BottomActionstyles__TextWrapper",
   componentId: "sc-sbwluh-1"
 })(["line-height:12px;width:100%;"]);
-export var BottomAction = styled.div.withConfig({
+const BottomAction = /* @__PURE__ */ styled.div.withConfig({
   displayName: "BottomActionstyles__BottomAction",
   componentId: "sc-sbwluh-2"
-})(["background-color:", ";padding:0 16px;height:52px;display:flex;align-items:center;color:", ";font-weight:500;border-width:1px 0 0 0;border-color:", ";border-style:solid;margin-top:8px;cursor:pointer;&:hover{color:", ";", "{svg{fill:", ";}}}"], function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-100'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, IconWrapper, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["background-color:", ";padding:0 16px;height:52px;display:flex;align-items:center;color:", ";font-weight:500;border-width:1px 0 0 0;border-color:", ";border-style:solid;margin-top:8px;cursor:pointer;&:hover{color:", ";", "{svg{fill:", ";}}}"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-100"], (props) => props.theme.palette["blue-600"], IconWrapper, (props) => props.theme.palette["blue-600"]);
+export {
+  BottomAction,
+  IconWrapper,
+  TextWrapper
+};

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

@@ -1,5 +1,5 @@
-import type { ReactElement, ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactElement, ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type BottomActionProps = WithHTMLAttributes<HTMLDivElement, {
     onClickAction: () => void;
     icon?: ReactElement;

package/dist/components/BottomAction/BottomAction.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/DropdownFooter/DropdownFooter.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type DropdownFooterProps } from './DropdownFooter.types';
+import { default as React } from 'react';
+import { DropdownFooterProps } from './DropdownFooter.types';
 export declare const DropdownFooter: ({ footer }: DropdownFooterProps) => React.JSX.Element;

package/dist/components/DropdownFooter/DropdownFooter.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { isSplitFooter } from '../../utils';
-import * as S from './DropdownFooter.styles';
-export var DropdownFooter = function DropdownFooter(_ref) {
-  var footer = _ref.footer;
-  var split = isSplitFooter(footer);
-  return /*#__PURE__*/React.createElement(S.DropdownFooterWrapper, {
-    split: split
-  }, split ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DropdownFooterLeft, null, footer.left), /*#__PURE__*/React.createElement(S.DropdownFooterLeft, null, footer.right)) : footer);
-};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { isSplitFooter } from "../../utils/isSplitFooter.js";
+import { DropdownFooterWrapper, DropdownFooterLeft } from "./DropdownFooter.styles.js";
+const DropdownFooter = ({
+  footer
+}) => {
+  const split = isSplitFooter(footer);
+  return /* @__PURE__ */ jsx(DropdownFooterWrapper, { split, children: split ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DropdownFooterLeft, { children: footer.left }),
+    /* @__PURE__ */ jsx(DropdownFooterLeft, { children: footer.right })
+  ] }) : footer });
+};
+export {
+  DropdownFooter
+};