@synerise/ds-list-item 1.4.9 → 1.4.10

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 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

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>;

package/dist/components/Header/Header.styles.js

@@ -1,13 +1,13 @@
-import styled from 'styled-components';
-export var MenuHeader = styled.div.withConfig({
+import styled from "styled-components";
+const MenuHeader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__MenuHeader",
   componentId: "sc-1ntgmf9-0"
-})(["display:flex;align-items:center;font-size:10px;font-weight:500;text-transform:uppercase;color:", ";height:40px;padding:12px;line-height:1.6;letter-spacing:0.1px;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var HeaderIconWrapper = styled.div.withConfig({
+})(["display:flex;align-items:center;font-size:10px;font-weight:500;text-transform:uppercase;color:", ";height:40px;padding:12px;line-height:1.6;letter-spacing:0.1px;"], (props) => props.theme.palette["grey-500"]);
+const HeaderIconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Headerstyles__HeaderIconWrapper",
   componentId: "sc-1ntgmf9-1"
-})(["color:", ";"], function (props) {
-  return props.theme.palette['grey-400'];
-});
+})(["color:", ";"], (props) => props.theme.palette["grey-400"]);
+export {
+  HeaderIconWrapper,
+  MenuHeader
+};

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

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type HeaderProps = WithHTMLAttributes<HTMLDivElement, {
     text?: ReactNode;
     children?: ReactNode;

package/dist/components/Header/Header.types.js

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

package/dist/components/HoverTooltip/HoverTooltip.const.d.ts

@@ -1,4 +1,4 @@
-import { type FlipConfig, type HoverConfig, type OffsetConfig, type ShiftConfig } from '@synerise/ds-popover';
+import { FlipConfig, HoverConfig, OffsetConfig, ShiftConfig } from '@synerise/ds-popover';
 export declare const TRANSITION_DURATION = 150;
 export declare const OFFSET_CONFIG: OffsetConfig;
 export declare const FLIP_CONFIG: FlipConfig;

package/dist/components/HoverTooltip/HoverTooltip.const.js

@@ -1,14 +1,21 @@
-export var TRANSITION_DURATION = 150;
-export var OFFSET_CONFIG = {
+const TRANSITION_DURATION = 150;
+const OFFSET_CONFIG = {
   mainAxis: 8
 };
-export var FLIP_CONFIG = {};
-export var HOVER_CONFIG = {
+const FLIP_CONFIG = {};
+const HOVER_CONFIG = {
   delay: {
     open: 100,
     close: 400
   }
 };
-export var SHIFT_CONFIG = {
+const SHIFT_CONFIG = {
   crossAxis: true
-};
+};
+export {
+  FLIP_CONFIG,
+  HOVER_CONFIG,
+  OFFSET_CONFIG,
+  SHIFT_CONFIG,
+  TRANSITION_DURATION
+};

package/dist/components/HoverTooltip/HoverTooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type HoverTooltipProps } from './HoverTooltip.types';
+import { default as React } from 'react';
+import { HoverTooltipProps } from './HoverTooltip.types';
 declare const HoverTooltip: ({ popoverProps, renderHoverTooltip, children, style, }: HoverTooltipProps) => React.JSX.Element;
 export default HoverTooltip;