@synerise/ds-list-item 1.4.8 → 1.4.10

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.4.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@1.4.9...@synerise/ds-list-item@1.4.10) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-list-item
+
+## [1.4.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@1.4.8...@synerise/ds-list-item@1.4.9) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-list-item
+
 ## [1.4.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list-item@1.4.7...@synerise/ds-list-item@1.4.8) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-list-item

package/README.md

@@ -11,6 +11,8 @@ ListItem UI Component
 npm i @synerise/ds-list-item
 or
 yarn add @synerise/ds-list-item
+or
+pnpm add @synerise/ds-list-item
 ```
 
 ## Usage
@@ -33,19 +35,19 @@ import ListItem from '@synerise/ds-list-item'
 | className               | Extra styles                                                                                      | string                                                             | -         |
 | children                | ListItem content                                                                                  | React.ReactNode                                                    | -         |
 | checked                 | for type="select" it renders a check icon as suffix, for other types only an additional classname | `boolean`                                                          | -         |
-| copyable                | Allow copying value by clicking                                                                   | `boolean`                                                          | -         |
-| copyHint                | Content that disaplys on hover if copyable                                                        | `ReactNode`                                                        | -         |
-| copyValue               | Value that gets copied to clipboard                                                               | `string`                                                           | -         |
-| copyTooltip             | Content displayed in tooltip after copying                                                        | `ReactNode`                                                        | -         |
+| copyable                | Allow copying value by clicking. Prefer object form `{ copyValue, copiedLabel?, timeToReset?, delayClickEvent? }` | `boolean` | `Copyable`                   | -         |
+| copyHint                | **Deprecated** — no longer rendered                                                               | `ReactNode`                                                        | -         |
+| copyValue               | **Deprecated** — use `copyable: { copyValue }` instead                                            | `string`                                                           | -         |
+| copyTooltip             | **Deprecated** — no longer rendered                                                               | `ReactNode`                                                        | -         |
 | description             | 2nd line of content in item                                                                       | `ReactNode`                                                        | -         |
 | disabled                | renders disabled / unclickable item                                                               | `boolean`                                                          | -         |
 | higher                  | Applies to `type "divider"` only                                                                  | `boolean`                                                          | -         |
 | highlight               | string to highlight in items                                                                      | `string`                                                           | -         |
-| hoverTooltipProps       | Props for hover tooltip. see rc-trigger for details                                               | `TriggerProps & { ref?: React.LegacyRef<TriggerHandle> }`          | -         |
+| popoverProps            | Options for the hover tooltip popover (used with `renderHoverTooltip`)                            | `{ placement?, getPopupContainer?, offsetConfig?, flipConfig?, shiftConfig?, initialOpen? }` | - |
 | key                     | unique key                                                                                        | `string / number`                                                  | -         |
 | level                   | Applies to `type "divider"` only                                                                  | `number`                                                           | -         |
 | onItemHover             | hoverHandler                                                                                      | `(item: ItemData<MouseEvent<HTMLDivElement>>) => void`             | -         |
-| onClick                 | onClick handler                                                                                   | `(item: ItemData<MouseEvent<HTMLDivElement>>) => void`             | -         |
+| onClick                 | onClick/onKeyDown handler                                                                         | `(item: ItemData<MouseEvent<HTMLDivElement> \| KeyboardEvent<HTMLDivElement>>) => void` | - |
 | ordered                 | renders ordinal numbers in items                                                                  | `boolean`                                                          | -         |
 | parent                  | if true will display an arrow icon next to label                                                  | `boolean`                                                          | -         |
 | prefixel                | prefix element                                                                                    | `ReactNode` &#124; `AddonRenderer`                                 | -         |
@@ -55,12 +57,28 @@ import ListItem from '@synerise/ds-list-item'
 | suffixel                | suffix element. Item with type="select" and checked also displays a check icon                    | `ReactNode` &#124; `AddonRenderer`                                 | -         |
 | suffixVisibilityTrigger | drives suffix visibility                                                                          | `'hover'` &#124; `'default'`                                       | -         |
 | text                    | prop alternative to `children`                                                                    | `ReactNode`                                                        | -         |
-| timeToHideTooltip       | copy tooltip delay                                                                                | `number`                                                           | -         |
+| timeToHideTooltip       | **Deprecated** — no longer rendered                                                               | `number`                                                           | -         |
 | title                   | title attribute (a11y prop)                                                                       | `string`                                                           | -         |
-| tooltipProps            | Tooltip props for "copied" tooltip. See @synerise/ds-tooltip                                      | `TooltipProps`                                                     | -         |
-| type                    | Type of the list item                                                                             | `"default"` &#124; `"danger"` &#124; `"divider"` &#124; `"select"` | -         |
+| tooltipProps            | **Deprecated** — no longer rendered                                                               | `TooltipProps`                                                     | -         |
+| type                    | Type of the list item                                                                             | `"default"` &#124; `"danger"` &#124; `"divider"` &#124; `"select"` &#124; `"header"` | - |
 | featured                | featured item will have a blue label and blue prefixel / suffixel icons                           | `boolean`                                                          | -         |
+| selected                | additional selected state                                                                         | `boolean`                                                          | -         |
+| itemKey                 | stable key used in `ItemData` callback payload; falls back to a stable UUID                       | `string \| number`                                                 | -         |
+| subMenu                 | inline collapsible sub-list; clicking the item toggles it open/closed                             | `ListItemProps[]`                                                  | -         |
+| indentLevel             | left indent depth; each level adds 20px                                                           | `number`                                                           | -         |
+| direction               | text direction                                                                                    | `'ltr'` &#124; `'rtl'`                                             | -         |
+
+
+### Copyable
 
+```typescript
+type Copyable = {
+  copyValue: string;
+  copiedLabel?: ReactNode;       // label shown temporarily after copy
+  timeToReset?: number;          // ms to show copiedLabel (default 1000)
+  delayClickEvent?: number | false; // ms to delay onClick after copy (default 700)
+};
+```
 
 ### AddonRenderer
 

package/dist/ListItem.const.d.ts

@@ -1,2 +1,2 @@
-import { type ItemSize } from './ListItem.types';
+import { ItemSize } from './ListItem.types';
 export declare const LIST_ITEM_SIZE_MAPPING: Record<ItemSize, number>;

package/dist/ListItem.const.js

@@ -1,4 +1,7 @@
-export var LIST_ITEM_SIZE_MAPPING = {
-  "default": 32,
+const LIST_ITEM_SIZE_MAPPING = {
+  default: 32,
   large: 50
-};
+};
+export {
+  LIST_ITEM_SIZE_MAPPING
+};

package/dist/ListItem.d.ts

@@ -1,40 +1,40 @@
-import React, { type KeyboardEvent, type MouseEvent } from 'react';
-import { type ListItemProps } from './ListItem.types';
-declare const ListItem: React.ForwardRefExoticComponent<import("./ListItem.types").ListItemDividerProps & {
+import { default as React, KeyboardEvent, MouseEvent } from 'react';
+import { ListItemProps } from './ListItem.types';
+declare const ListItem: React.ForwardRefExoticComponent<import('./ListItem.types').ListItemDividerProps & {
     checked?: boolean;
     selected?: boolean;
     children?: React.ReactNode;
     className?: string;
-    copyable?: boolean | import("./ListItem.types").Copyable;
+    copyable?: boolean | import('./ListItem.types').Copyable;
     copyValue?: string;
     copyHint?: React.ReactNode;
     copyTooltip?: React.ReactNode;
     timeToHideTooltip?: number;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
     description?: React.ReactNode;
     direction?: "ltr" | "rtl";
     disabled?: boolean;
     highlight?: string;
-    popoverProps?: Pick<import("@synerise/ds-popover").PopoverOptions, "getPopupContainer" | "offsetConfig" | "flipConfig" | "shiftConfig" | "initialOpen"> & {
-        placement?: import("@synerise/ds-popover").LegacyPlacement;
+    popoverProps?: Pick<import('@synerise/ds-popover').PopoverOptions, "getPopupContainer" | "offsetConfig" | "flipConfig" | "shiftConfig" | "initialOpen"> & {
+        placement?: import('@synerise/ds-popover').LegacyPlacement;
     };
     key?: React.Key;
     itemKey?: React.Key;
     noHover?: boolean;
-    onItemHover?: import("./ListItem.types").ListItemEventHandler<MouseEvent<HTMLDivElement>>;
-    onClick?: import("./ListItem.types").ListItemEventHandler<MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>>;
+    onItemHover?: import('./ListItem.types').ListItemEventHandler<MouseEvent<HTMLDivElement>>;
+    onClick?: import('./ListItem.types').ListItemEventHandler<MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>>;
     ordered?: boolean;
     parent?: boolean;
-    prefixel?: React.ReactNode | import("./ListItem.types").AddonRenderer;
+    prefixel?: React.ReactNode | import('./ListItem.types').AddonRenderer;
     prefixVisibilityTrigger?: "hover" | "default";
     renderHoverTooltip?: () => JSX.Element;
-    size?: import("./ListItem.types").ItemSize;
-    suffixel?: React.ReactNode | import("./ListItem.types").AddonRenderer;
+    size?: import('./ListItem.types').ItemSize;
+    suffixel?: React.ReactNode | import('./ListItem.types').AddonRenderer;
     suffixVisibilityTrigger?: "hover" | "default";
     text?: React.ReactNode;
-    type?: import("./ListItem.types").ItemType;
+    type?: import('./ListItem.types').ItemType;
     subMenu?: ListItemProps[];
     indentLevel?: number;
     featured?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children" | "onClick" | keyof import("./ListItem.types").ListItemDividerProps | "checked" | "selected" | "copyable" | "copyValue" | "copyHint" | "copyTooltip" | "timeToHideTooltip" | "tooltipProps" | "description" | "direction" | "disabled" | "highlight" | "popoverProps" | "key" | "itemKey" | "noHover" | "onItemHover" | "ordered" | "parent" | "prefixel" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "size" | "suffixel" | "suffixVisibilityTrigger" | "text" | "type" | "subMenu" | "indentLevel" | "featured"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children" | "onClick" | keyof import('./ListItem.types').ListItemDividerProps | "checked" | "selected" | "copyable" | "copyValue" | "copyHint" | "copyTooltip" | "timeToHideTooltip" | "tooltipProps" | "description" | "direction" | "disabled" | "highlight" | "popoverProps" | "key" | "itemKey" | "noHover" | "onItemHover" | "ordered" | "parent" | "prefixel" | "prefixVisibilityTrigger" | "renderHoverTooltip" | "size" | "suffixel" | "suffixVisibilityTrigger" | "text" | "type" | "subMenu" | "indentLevel" | "featured"> & import('@synerise/ds-utils').DataAttributes & React.RefAttributes<HTMLDivElement>>;
 export default ListItem;

package/dist/ListItem.js

@@ -1,60 +1,43 @@
-var _excluded = ["text", "children", "type", "onClick"];
-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, { forwardRef, useContext } from 'react';
-import { useDropdown } from '@synerise/ds-core';
-import { itemTypes } from './ListItem.types';
-import Danger from './components/Danger/Danger';
-import { Divider } from './components/Divider/Divider';
-import { Header } from './components/Header/Header';
-import { ListContext } from './components/ListContext/ListContext';
-import Select from './components/Select/Select';
-import Text from './components/Text/Text';
-var ListItem = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
-  var text = props.text,
-    children = props.children,
-    type = props.type,
-    onClickProp = props.onClick,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var listItemContext = useContext(ListContext);
-  var dropdownContext = useDropdown();
-  var handleClick = function handleClick(itemData) {
-    listItemContext == null || listItemContext.onClick == null || listItemContext.onClick(itemData);
-    onClickProp == null || onClickProp(itemData);
-    if ((dropdownContext == null ? void 0 : dropdownContext.hideOnItemClick) === true) {
-      dropdownContext == null || dropdownContext.setIsOpen(false);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { useDropdown } from "@synerise/ds-core";
+import { itemTypes } from "./ListItem.types.js";
+import Danger from "./components/Danger/Danger.js";
+import { Divider } from "./components/Divider/Divider.js";
+import { Header } from "./components/Header/Header.js";
+import { ListContext } from "./components/ListContext/ListContext.js";
+import Select from "./components/Select/Select.js";
+import Text from "./components/Text/Text.js";
+const ListItem = forwardRef((props, forwardedRef) => {
+  const {
+    text,
+    children,
+    type,
+    onClick: onClickProp,
+    ...rest
+  } = props;
+  const listItemContext = useContext(ListContext);
+  const dropdownContext = useDropdown();
+  const handleClick = (itemData) => {
+    listItemContext?.onClick?.(itemData);
+    onClickProp?.(itemData);
+    if (dropdownContext?.hideOnItemClick === true) {
+      dropdownContext?.setIsOpen(false);
     }
   };
   switch (type) {
     case itemTypes.DANGER:
-      return /*#__PURE__*/React.createElement(Danger, _extends({
-        ref: forwardedRef,
-        onClick: handleClick,
-        ItemComponent: ListItem
-      }, rest), text || children);
+      return /* @__PURE__ */ jsx(Danger, { ref: forwardedRef, onClick: handleClick, ItemComponent: ListItem, ...rest, children: text || children });
     case itemTypes.SELECT:
-      return /*#__PURE__*/React.createElement(Select, _extends({
-        ref: forwardedRef,
-        onClick: handleClick,
-        ItemComponent: ListItem
-      }, rest), text || children);
+      return /* @__PURE__ */ jsx(Select, { ref: forwardedRef, onClick: handleClick, ItemComponent: ListItem, ...rest, children: text || children });
     case itemTypes.DIVIDER:
-      return /*#__PURE__*/React.createElement(Divider, {
-        level: rest.level
-      });
+      return /* @__PURE__ */ jsx(Divider, { level: rest.level });
     case itemTypes.HEADER:
-      return /*#__PURE__*/React.createElement(Header, {
-        ref: forwardedRef,
-        style: rest.style,
-        className: rest.className
-      }, text || children);
+      return /* @__PURE__ */ jsx(Header, { ref: forwardedRef, style: rest.style, className: rest.className, children: text || children });
     default:
-      return /*#__PURE__*/React.createElement(Text, _extends({
-        ref: forwardedRef,
-        onClick: handleClick
-      }, rest, {
-        ItemComponent: ListItem
-      }), text || children);
+      return /* @__PURE__ */ jsx(Text, { ref: forwardedRef, onClick: handleClick, ...rest, ItemComponent: ListItem, children: text || children });
   }
 });
-export default ListItem;
+export {
+  ListItem as default
+};

package/dist/ListItem.styles.js

@@ -0,0 +1 @@
+

package/dist/ListItem.types.d.ts

@@ -1,8 +1,8 @@
-import type { ComponentType, ForwardRefExoticComponent, Key, KeyboardEvent, MouseEvent, ReactNode, RefAttributes } from 'react';
-import { type StyledComponent } from 'styled-components';
-import { type LegacyPlacement, type PopoverOptions } from '@synerise/ds-popover';
-import type { TooltipProps } from '@synerise/ds-tooltip';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ComponentType, ForwardRefExoticComponent, Key, KeyboardEvent, MouseEvent, ReactNode, RefAttributes } from 'react';
+import { StyledComponent } from 'styled-components';
+import { LegacyPlacement, PopoverOptions } from '@synerise/ds-popover';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type AddonRenderer = (hovered: boolean) => ReactNode;
 export declare const itemTypes: {
     readonly DEFAULT: "default";

package/dist/ListItem.types.js

@@ -1,16 +1,15 @@
-export var itemTypes = {
-  DEFAULT: 'default',
-  DANGER: 'danger',
-  DIVIDER: 'divider',
-  SELECT: 'select',
-  HEADER: 'header'
+const itemTypes = {
+  DEFAULT: "default",
+  DANGER: "danger",
+  DIVIDER: "divider",
+  SELECT: "select",
+  HEADER: "header"
 };
-export var itemSizes = {
-  DEFAULT: 'default',
-  LARGE: 'large'
+const itemSizes = {
+  DEFAULT: "default",
+  LARGE: "large"
+};
+export {
+  itemSizes,
+  itemTypes
 };
-
-/**
- * @deprecated
- * provide Copyable type instead
- */

package/dist/components/Danger/Danger.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { NestedItemProps } from '../../ListItem.types';
-declare const Danger: React.ForwardRefExoticComponent<Omit<import("../../ListItem.types").ListItemProps, "level" | "higher" | "text" | "type"> & {
-    ItemComponent: React.ComponentType<import("../../ListItem.types").ListItemProps>;
+import { default as React } from 'react';
+import { NestedItemProps } from '../../ListItem.types';
+declare const Danger: React.ForwardRefExoticComponent<Omit<import('../../ListItem.types').ListItemProps, "level" | "higher" | "text" | "type"> & {
+    ItemComponent: React.ComponentType<import('../../ListItem.types').ListItemProps>;
 } & NestedItemProps & React.RefAttributes<HTMLDivElement>>;
 export default Danger;

package/dist/components/Danger/Danger.js

@@ -1,13 +1,12 @@
-var _excluded = ["children"];
-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, { forwardRef } from 'react';
-import * as S from './Danger.styles';
-var Danger = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.DangerItem, _extends({}, rest, {
-    ref: ref
-  }), children);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { DangerItem } from "./Danger.styles.js";
+const Danger = forwardRef(({
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx(DangerItem, { ...rest, ref, children });
 });
-export default Danger;
+export {
+  Danger as default
+};

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

@@ -1,3 +1,3 @@
-export declare const DangerItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ListItemProps, "level" | "higher" | "text" | "type"> & {
-    ItemComponent: import("react").ComponentType<import("../..").ListItemProps>;
-} & import("../../ListItem.types").NestedItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DangerItem: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<import('../..').ListItemProps, "level" | "higher" | "text" | "type"> & {
+    ItemComponent: import('react').ComponentType<import('../..').ListItemProps>;
+} & import('../../ListItem.types').NestedItemProps & import('react').RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/Danger/Danger.styles.js

@@ -1,20 +1,25 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import Text from '../Text/Text';
-import { Inner, PrefixWrapper, Wrapper } from '../Text/Text.styles';
-export var DangerItem = styled(Text).withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import Text from "../Text/Text.js";
+import { Inner, Wrapper, PrefixWrapper } from "../Text/Text.styles.js";
+const DangerItem = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "Dangerstyles__DangerItem",
   componentId: "sc-1v6qv1-0"
-})(["&&&{", "{color:", ";", "{color:", ";}", "{.ds-icon > svg{", "}}&:hover{", "}&:focus-visible{", "}&:focus-visible:active{", "}}}"], Inner, function (props) {
-  return props.theme.palette['red-600'];
-}, Wrapper, function (props) {
-  return props.theme.palette['red-600'];
-}, PrefixWrapper, function (props) {
-  return "\n            fill: " + props.theme.palette['red-600'] + ";\n            ";
-}, function (props) {
-  return !props.disabled && "\n            " + PrefixWrapper + " > " + IconContainer + " > svg {\n            fill: " + props.theme.palette['red-600'] + " !important;\n            }\n            background: " + props.theme.palette['red-050'] + ";\n        ";
-}, function (props) {
-  return !props.disabled && "\n            " + PrefixWrapper + " > " + IconContainer + " > svg {\n              fill: " + props.theme.palette['red-600'] + " !important;\n            }\n            background: " + props.theme.palette['red-050'] + " !important;\n        ";
-}, function (props) {
-  return !props.disabled && "\n            background: " + props.theme.palette['red-100'] + " !important;\n        ";
-});
+})(["&&&{", "{color:", ";", "{color:", ";}", "{.ds-icon > svg{", "}}&:hover{", "}&:focus-visible{", "}&:focus-visible:active{", "}}}"], Inner, (props) => props.theme.palette["red-600"], Wrapper, (props) => props.theme.palette["red-600"], PrefixWrapper, (props) => `
+            fill: ${props.theme.palette["red-600"]};
+            `, (props) => !props.disabled && `
+            ${PrefixWrapper} > ${IconContainer} > svg {
+            fill: ${props.theme.palette["red-600"]} !important;
+            }
+            background: ${props.theme.palette["red-050"]};
+        `, (props) => !props.disabled && `
+            ${PrefixWrapper} > ${IconContainer} > svg {
+              fill: ${props.theme.palette["red-600"]} !important;
+            }
+            background: ${props.theme.palette["red-050"]} !important;
+        `, (props) => !props.disabled && `
+            background: ${props.theme.palette["red-100"]} !important;
+        `);
+export {
+  DangerItem
+};

package/dist/components/Divider/Divider.d.ts

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

package/dist/components/Divider/Divider.js

@@ -1,9 +1,8 @@
-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 * as S from './Divider.styles';
-export var Divider = function Divider(props) {
-  return /*#__PURE__*/React.createElement(S.MenuDivider, _extends({
-    withSideMargin: true,
-    dashed: true
-  }, props));
-};
+import { jsx } from "react/jsx-runtime";
+import { MenuDivider } from "./Divider.styles.js";
+const Divider = (props) => {
+  return /* @__PURE__ */ jsx(MenuDivider, { withSideMargin: true, dashed: true, ...props });
+};
+export {
+  Divider
+};

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

@@ -1,2 +1,2 @@
-import { type DividerProps } from './Divider.types';
-export declare const MenuDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, DividerProps, never>;
+import { DividerProps } from './Divider.types';
+export declare const MenuDivider: import('styled-components').StyledComponent<(props: import('@synerise/ds-divider').DividerProps) => React.JSX.Element, any, DividerProps, never>;

package/dist/components/Divider/Divider.styles.js

@@ -1,10 +1,9 @@
-import styled from 'styled-components';
-import DSDivider from '@synerise/ds-divider';
-export var MenuDivider = styled(DSDivider).withConfig({
+import styled from "styled-components";
+import DSDivider from "@synerise/ds-divider";
+const MenuDivider = /* @__PURE__ */ styled(DSDivider).withConfig({
   displayName: "Dividerstyles__MenuDivider",
   componentId: "sc-nbfv08-0"
-})(["height:1px;width:auto;display:flex;margin:", " ", ";"], function (props) {
-  return props.higher ? '16px' : '8px';
-}, function (props) {
-  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '35px' : '12px';
-});
+})(["height:1px;width:auto;display:flex;margin:", " ", ";"], (props) => props.higher ? "16px" : "8px", (props) => props?.level && props?.level > 1 ? "35px" : "12px");
+export {
+  MenuDivider
+};

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

@@ -1,4 +1,4 @@
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type DividerProps = WithHTMLAttributes<HTMLDivElement, {
     higher?: boolean;
     level?: number;

package/dist/components/Divider/Divider.types.js

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

package/dist/components/GroupItem/GroupItem.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from 'react';
-import { type ListItemProps } from '../../ListItem.types';
+import { default as React, ReactNode } from 'react';
+import { ListItemProps } from '../../ListItem.types';
 type GroupItemProps = {
     title: ReactNode;
     children?: ReactNode;

package/dist/components/GroupItem/GroupItem.js

@@ -1,9 +1,17 @@
-import React from 'react';
-import ListItem from '../../ListItem';
-import * as S from './GroupItem.styles';
-export var GroupItem = function GroupItem(_ref) {
-  var title = _ref.title,
-    items = _ref.items,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Title, null, title), items == null ? void 0 : items.map(ListItem), children);
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import ListItem from "../../ListItem.js";
+import { Title } from "./GroupItem.styles.js";
+const GroupItem = ({
+  title,
+  items,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Title, { children: title }),
+    items?.map(ListItem),
+    children
+  ] });
+};
+export {
+  GroupItem
+};

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

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

package/dist/components/GroupItem/GroupItem.styles.js

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
-export var Title = styled.div.withConfig({
+import styled from "styled-components";
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupItemstyles__Title",
   componentId: "sc-1ut24k3-0"
-})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 0;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
+})(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 0;"], (props) => props.theme.palette["grey-500"]);
+export {
+  Title
+};

package/dist/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const Header: React.ForwardRefExoticComponent<{
     text?: React.ReactNode;
     children?: React.ReactNode;
     tooltip?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "text" | "tooltip"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "text" | "tooltip"> & import('@synerise/ds-utils').DataAttributes & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Header/Header.js

@@ -1,22 +1,19 @@
-var _excluded = ["text", "children", "tooltip"];
-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, { forwardRef } from 'react';
-import Icon, { InfoFillS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './Header.styles';
-export var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var text = _ref.text,
-    children = _ref.children,
-    tooltip = _ref.tooltip,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.MenuHeader, _extends({
-    ref: ref
-  }, htmlAttributes), text || children, tooltip && /*#__PURE__*/React.createElement(Tooltip, {
-    type: "default",
-    trigger: "hover",
-    title: tooltip
-  }, /*#__PURE__*/React.createElement(S.HeaderIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(InfoFillS, null)
-  }))));
-});
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import Icon, { InfoFillS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { MenuHeader, HeaderIconWrapper } from "./Header.styles.js";
+const Header = forwardRef(({
+  text,
+  children,
+  tooltip,
+  ...htmlAttributes
+}, ref) => {
+  return /* @__PURE__ */ jsxs(MenuHeader, { ref, ...htmlAttributes, children: [
+    text || children,
+    tooltip && /* @__PURE__ */ jsx(Tooltip, { type: "default", trigger: "hover", title: tooltip, children: /* @__PURE__ */ jsx(HeaderIconWrapper, { children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(InfoFillS, {}) }) }) })
+  ] });
+});
+export {
+  Header
+};

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

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