@synerise/ds-list 1.1.25 → 1.1.27

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.1.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@1.1.26...@synerise/ds-list@1.1.27) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-list
+
+## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@1.1.25...@synerise/ds-list@1.1.26) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-list
+
 ## [1.1.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-list@1.1.24...@synerise/ds-list@1.1.25) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-list

package/README.md

@@ -16,7 +16,7 @@ List UI Component
 | Property   | Description                                                                                                       | Type                         | Default              |
 | ---------- | ----------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------- |
 | bordered   | Toggles rendering of the border around the list                                                                   | boolean                      | `false`              |
-| dataSource | DataSource array of arrays for list                                                                               | any[][]                      | -                    |
+| dataSource | DataSource array or array of arrays for list                                                                      | `T[] \| T[][]`               | -                    |
 | dashed     | Define type of divider line                                                                                       | boolean                      | `true`               |
 | grid       | The grid type of list. You can set grid to something like {gutter: 16, column: 4}                                 | object                       | -                    |
 | header     | List header renderer                                                                                              | string                       | -                    |
@@ -31,16 +31,16 @@ List UI Component
 | rowKey     | Item's unique key, could be a string or function that returns a string                                            | string / (record) = > string | key                  |
 | radio      | Whether or not list should be wrapper with radio group                                                            | boolean                      | -                    |
 
-### List.TextItem
+### List.Item
 
 | Property | Description                                               | Type                  | Default                      |
 | -------- | --------------------------------------------------------- | --------------------- | ---------------------------- | --- |
 | disabled | If element is disabled                                    | boolean               | -                            |
-| icon     | Item will be prefixed with this element                   | React.ReactNode       | -                            |
+| icon     | Item will be prefixed with this element                   | JSX.Element           | -                            |
 | danger   | If element should be marked as danger action (ie. delete) | boolean               | -                            |
 | actions  | Actions for item, will be rendered at the end of the row  | React.ReactNode       | -                            |
 | onSelect | Callback for selecting item                               | (e?: React.MouseEvent | React.KeyboardEvent) => void | -   |
-| size     | Size of item in list                                      | `small` / `medium`    | `medium`                     |
+| size     | Size of item in list                                      | `small` / `medium`    | `small`                      |
 
 ### List.Divider
 

package/dist/Elements/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface DividerProps {
     dashed?: boolean;
 }

package/dist/Elements/Divider/Divider.js

@@ -1,15 +1,9 @@
-import React from 'react';
-import Divider from '@synerise/ds-divider';
-import * as S from './Divider.styles';
-var ListDivider = function ListDivider(_ref) {
-  var _ref$dashed = _ref.dashed,
-    dashed = _ref$dashed === void 0 ? true : _ref$dashed;
-  return /*#__PURE__*/React.createElement(S.Wrapper, {
-    className: "ant-divider-wrapper"
-  }, /*#__PURE__*/React.createElement(Divider, {
-    dashed: dashed,
-    marginBottom: 8,
-    marginTop: 8
-  }));
+import { jsx } from "react/jsx-runtime";
+import Divider from "@synerise/ds-divider";
+import { Wrapper } from "./Divider.styles.js";
+const ListDivider = ({
+  dashed = true
+}) => /* @__PURE__ */ jsx(Wrapper, { className: "ant-divider-wrapper", children: /* @__PURE__ */ jsx(Divider, { dashed, marginBottom: 8, marginTop: 8 }) });
+export {
+  ListDivider as default
 };
-export default ListDivider;

package/dist/Elements/Divider/Divider.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/Elements/Divider/Divider.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var Wrapper = styled.div.withConfig({
+import styled from "styled-components";
+const Wrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Dividerstyles__Wrapper",
   componentId: "sc-7qo69v-0"
-})(["padding:0 20px;"]);
+})(["padding:0 20px;"]);
+export {
+  Wrapper
+};

package/dist/Elements/ItemWrapper/ItemWrapper.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 type ItemWrapperProps = {
     children?: ReactNode;
 };

package/dist/Elements/ItemWrapper/ItemWrapper.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import * as S from './ItemWrapper.styles';
-var ItemWrapper = function ItemWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(S.Wrapper, null, children);
+import { jsx } from "react/jsx-runtime";
+import { Wrapper } from "./ItemWrapper.styles.js";
+const ItemWrapper = ({
+  children
+}) => /* @__PURE__ */ jsx(Wrapper, { children });
+export {
+  ItemWrapper as default
 };
-export default ItemWrapper;

package/dist/Elements/ItemWrapper/ItemWrapper.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/Elements/ItemWrapper/ItemWrapper.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var Wrapper = styled.div.withConfig({
+import styled from "styled-components";
+const Wrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemWrapperstyles__Wrapper",
   componentId: "sc-1fjxuxn-0"
-})(["padding:8px 12px;"]);
+})(["padding:8px 12px;"]);
+export {
+  Wrapper
+};

package/dist/Elements/Text/Text.d.ts

@@ -1,5 +1,5 @@
-import React, { type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { default as React, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 import * as S from './Text.styles';
 export type TextProps = WithHTMLAttributes<HTMLLIElement, {
     disabled?: boolean;

package/dist/Elements/Text/Text.js

@@ -1,31 +1,23 @@
-var _excluded = ["disabled", "icon", "onSelect", "danger", "actions", "children", "size"];
-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, { useCallback } from 'react';
-import * as S from './Text.styles';
-var Text = function Text(_ref) {
-  var disabled = _ref.disabled,
-    icon = _ref.icon,
-    onSelect = _ref.onSelect,
-    danger = _ref.danger,
-    actions = _ref.actions,
-    children = _ref.children,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var onKeyUpHandler = useCallback(function (event) {
-    return event.nativeEvent.code === 'Space' && onSelect && onSelect(event);
-  }, [onSelect]);
-  return /*#__PURE__*/React.createElement(S.Wrapper, _extends({
-    disabled: disabled,
-    tabIndex: !disabled ? 0 : undefined,
-    onClick: onSelect,
-    onKeyUp: onKeyUpHandler,
-    danger: danger,
-    icon: icon,
-    size: size
-  }, htmlAttributes), icon && /*#__PURE__*/React.createElement(S.IconWrapper, null, icon), /*#__PURE__*/React.createElement(S.ContentWrapper, {
-    icon: icon
-  }, children), /*#__PURE__*/React.createElement(S.ActionWraper, null, actions && actions));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Wrapper, IconWrapper, ContentWrapper, ActionWraper } from "./Text.styles.js";
+const Text = ({
+  disabled,
+  icon,
+  onSelect,
+  danger,
+  actions,
+  children,
+  size = "small",
+  ...htmlAttributes
+}) => {
+  const onKeyUpHandler = useCallback((event) => event.nativeEvent.code === "Space" && onSelect && onSelect(event), [onSelect]);
+  return /* @__PURE__ */ jsxs(Wrapper, { disabled, tabIndex: !disabled ? 0 : void 0, onClick: onSelect, onKeyUp: onKeyUpHandler, danger, icon, size, ...htmlAttributes, children: [
+    icon && /* @__PURE__ */ jsx(IconWrapper, { children: icon }),
+    /* @__PURE__ */ jsx(ContentWrapper, { icon, children }),
+    /* @__PURE__ */ jsx(ActionWraper, { children: actions && actions })
+  ] });
+};
+export {
+  Text as default
 };
-export default Text;

package/dist/Elements/Text/Text.styles.d.ts

@@ -8,8 +8,8 @@ type ContentWrapperProps = {
     icon?: JSX.Element;
 };
 export type ListItemType = 'small' | 'medium';
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"li", any, WrapperProps, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, ContentWrapperProps, never>;
-export declare const ActionWraper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"li", any, WrapperProps, never>;
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, ContentWrapperProps, never>;
+export declare const ActionWraper: import('styled-components').StyledComponent<"div", any, {}, never>;
 export {};

package/dist/Elements/Text/Text.styles.js

@@ -1,44 +1,43 @@
-import styled, { css } from 'styled-components';
-export var IconWrapper = styled.div.withConfig({
+import styled, { css } from "styled-components";
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__IconWrapper",
   componentId: "sc-ztsq94-0"
 })([""]);
-export var Wrapper = styled.li.withConfig({
+const Wrapper = /* @__PURE__ */ styled.li.withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-ztsq94-1"
-})(["color:", ";opacity:", ";cursor:", ";font-weight:500;border-radius:3px;display:flex;align-items:center;", " ", " ", "{svg{", "}}&:hover{", " span{color:", ";}}&:focus{box-shadow:inset 0 0 0 2px ", ";}"], function (props) {
+})(["color:", ";opacity:", ";cursor:", ";font-weight:500;border-radius:3px;display:flex;align-items:center;", " ", " ", "{svg{", "}}&:hover{", " span{color:", ";}}&:focus{box-shadow:inset 0 0 0 2px ", ";}"], (props) => {
   if (props.danger) {
-    return props.theme.palette['red-600'];
+    return props.theme.palette["red-600"];
   }
   if (props.disabled) {
-    return props.theme.palette['grey-700'];
+    return props.theme.palette["grey-700"];
   }
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return props.disabled ? '0.4' : '1';
-}, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, function (props) {
-  return props.size === 'small' && css(["padding:5px 12px 4px 7px;"]);
-}, function (props) {
-  return props.size === 'medium' && css(["padding:12px;padding-left:", ";"], props.icon ? '12px' : '16px');
-}, IconWrapper, function (props) {
-  return !props.disabled && "\n        fill: " + (props.danger ? props.theme.palette['red-600'] : props.theme.palette['grey-600']) + ";\n      ";
-}, function (props) {
-  return !props.disabled && "\n      " + IconWrapper + " {\n        svg {\n          fill: " + (props.danger ? props.theme.palette['red-600'] : props.theme.palette['blue-600']) + ";\n        }\n      }\n      color: " + (props.danger ? props.theme.palette['red-600'] : props.theme.palette['blue-600']) + ";\n      background: " + (props.danger ? props.theme.palette['red-050'] : props.theme.palette['grey-050']) + ";\n    ";
-}, function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var ContentWrapper = styled.div.withConfig({
+  return props.theme.palette["grey-700"];
+}, (props) => props.disabled ? "0.4" : "1", (props) => props.disabled ? "not-allowed" : "pointer", (props) => props.size === "small" && css(["padding:5px 12px 4px 7px;"]), (props) => props.size === "medium" && css(["padding:12px;padding-left:", ";"], props.icon ? "12px" : "16px"), IconWrapper, (props) => !props.disabled && `
+        fill: ${props.danger ? props.theme.palette["red-600"] : props.theme.palette["grey-600"]};
+      `, (props) => !props.disabled && `
+      ${IconWrapper} {
+        svg {
+          fill: ${props.danger ? props.theme.palette["red-600"] : props.theme.palette["blue-600"]};
+        }
+      }
+      color: ${props.danger ? props.theme.palette["red-600"] : props.theme.palette["blue-600"]};
+      background: ${props.danger ? props.theme.palette["red-050"] : props.theme.palette["grey-050"]};
+    `, ({
+  theme
+}) => theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ContentWrapper",
   componentId: "sc-ztsq94-2"
-})(["overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;font-size:14px;padding-left:", ";"], function (props) {
-  return props.icon ? '12px' : '0';
-});
-export var ActionWraper = styled.div.withConfig({
+})(["overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;font-size:14px;padding-left:", ";"], (props) => props.icon ? "12px" : "0");
+const ActionWraper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ActionWraper",
   componentId: "sc-ztsq94-3"
-})(["flex:1;"]);
+})(["flex:1;"]);
+export {
+  ActionWraper,
+  ContentWrapper,
+  IconWrapper,
+  Wrapper
+};

package/dist/Elements/index.js

@@ -1,3 +1,8 @@
-export { default as TextItem } from './Text/Text';
-export { default as ItemWrapper } from './ItemWrapper/ItemWrapper';
-export { default as ListDivider } from './Divider/Divider';
+import { default as default2 } from "./Text/Text.js";
+import { default as default3 } from "./ItemWrapper/ItemWrapper.js";
+import { default as default4 } from "./Divider/Divider.js";
+export {
+  default3 as ItemWrapper,
+  default4 as ListDivider,
+  default2 as TextItem
+};

package/dist/List.d.ts

@@ -1,8 +1,6 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
+import { default as React } from 'react';
 import { ItemWrapper, ListDivider, TextItem } from './Elements';
-import { type ListPropsType } from './List.types';
-import './style/index.less';
+import { ListPropsType } from './List.types';
 export declare const isNestedArray: <V>(array: V[] | V[][]) => boolean;
 declare class List<T> extends React.PureComponent<ListPropsType<T>> {
     static ItemWrapper: typeof ItemWrapper;

package/dist/List.js

@@ -1,79 +1,59 @@
-var _excluded = ["dataSource", "radio", "options", "dashed"];
-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; }
-function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import AntdList from 'antd/lib/list';
-import React from 'react';
-import { v4 as uuid } from 'uuid';
-import '@synerise/ds-core/dist/js/style';
-import Radio from '@synerise/ds-radio';
-import { ItemWrapper, ListDivider, TextItem } from './Elements';
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import AntdList from "antd/lib/list";
+import React from "react";
+import { v4 } from "uuid";
+import Radio from "@synerise/ds-radio";
+import Text from "./Elements/Text/Text.js";
+import ItemWrapper from "./Elements/ItemWrapper/ItemWrapper.js";
+import ListDivider from "./Elements/Divider/Divider.js";
 import "./style/index.css";
-var RadioGroupWrapper = function RadioGroupWrapper(_ref) {
-  var children = _ref.children,
-    options = _ref.options;
-  return /*#__PURE__*/React.createElement(Radio.Group, options, children);
-};
-export var isNestedArray = function isNestedArray(array) {
+const RadioGroupWrapper = ({
+  children,
+  options
+}) => /* @__PURE__ */ jsx(Radio.Group, { ...options, children });
+const isNestedArray = (array) => {
   return !!array.length && array[0] instanceof Array;
 };
-var List = /*#__PURE__*/function (_React$PureComponent) {
-  function List(props) {
-    var _this;
-    _this = _React$PureComponent.call(this, props) || this;
-    _this.uuidKey = uuid();
-    return _this;
+const _List = class _List extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.uuidKey = v4();
   }
-  _inheritsLoose(List, _React$PureComponent);
-  var _proto = List.prototype;
-  _proto.render = function render() {
-    var _this$props = this.props,
-      dataSource = _this$props.dataSource,
-      radio = _this$props.radio,
-      options = _this$props.options,
-      dashed = _this$props.dashed,
-      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-    var ReadyList;
+  render() {
+    const {
+      dataSource,
+      radio,
+      options,
+      dashed,
+      ...rest
+    } = this.props;
+    let ReadyList;
     if (isNestedArray(dataSource)) {
-      ReadyList = !!dataSource &&
-      // @ts-expect-error type mismatch
-      dataSource.map(function (singleDataSource, index) {
-        var isLastItem = dataSource.length === index + 1;
+      ReadyList = !!dataSource && // @ts-expect-error type mismatch
+      dataSource.map((singleDataSource, index) => {
+        const isLastItem = dataSource.length === index + 1;
         if (index === 0) {
-          return /*#__PURE__*/React.createElement(React.Fragment, {
-            key: uuid()
-          }, /*#__PURE__*/React.createElement(AntdList, _extends({}, rest, {
-            dataSource: singleDataSource
-          })), !isLastItem && /*#__PURE__*/React.createElement(ListDivider, {
-            dashed: !!dashed,
-            "data-testid": "divider"
-          }));
+          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx(AntdList, { ...rest, dataSource: singleDataSource }),
+            !isLastItem && /* @__PURE__ */ jsx(ListDivider, { dashed: !!dashed, "data-testid": "divider" })
+          ] }, v4());
         }
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: uuid()
-        }, /*#__PURE__*/React.createElement(AntdList, _extends({}, rest, {
-          header: null,
-          dataSource: singleDataSource
-        })), !isLastItem && /*#__PURE__*/React.createElement(ListDivider, {
-          dashed: !!dashed,
-          "data-testid": "divider"
-        }));
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(AntdList, { ...rest, header: null, dataSource: singleDataSource }),
+          !isLastItem && /* @__PURE__ */ jsx(ListDivider, { dashed: !!dashed, "data-testid": "divider" })
+        ] }, v4());
       });
     } else {
-      ReadyList = /*#__PURE__*/React.createElement(React.Fragment, {
-        key: this.uuidKey || uuid()
-      }, /*#__PURE__*/React.createElement(AntdList, _extends({}, rest, {
-        dataSource: dataSource
-      })));
+      ReadyList = /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(AntdList, { ...rest, dataSource }) }, this.uuidKey || v4());
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, radio ? /*#__PURE__*/React.createElement(RadioGroupWrapper, {
-      options: options
-    }, ReadyList) : ReadyList);
-  };
-  return List;
-}(React.PureComponent);
-List.ItemWrapper = ItemWrapper;
-List.Item = TextItem;
-List.Divider = ListDivider;
-export default List;
+    return /* @__PURE__ */ jsx(Fragment, { children: radio ? /* @__PURE__ */ jsx(RadioGroupWrapper, { options, children: ReadyList }) : ReadyList });
+  }
+};
+_List.ItemWrapper = ItemWrapper;
+_List.Item = Text;
+_List.Divider = ListDivider;
+let List = _List;
+export {
+  List as default,
+  isNestedArray
+};

package/dist/List.types.d.ts

@@ -1,5 +1,5 @@
-import { type ListProps } from 'antd/lib/list';
-import { type RadioGroupProps } from 'antd/lib/radio';
+import { ListProps } from 'antd/lib/list';
+import { RadioGroupProps } from 'antd/lib/radio';
 export type ListPropsType<T> = Omit<ListProps<T>, 'dataSource' | 'footer'> & {
     dataSource: T[] | T[][];
     radio?: boolean;

package/dist/List.types.js

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

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './List';
+import { default as default2 } from "./List.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-list",
-  "version": "1.1.25",
+  "version": "1.1.27",
   "description": "List UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,9 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^1.3.0",
-    "@synerise/ds-radio": "^1.1.1",
-    "@synerise/ds-utils": "^1.6.0",
+    "@synerise/ds-divider": "^1.3.2",
+    "@synerise/ds-radio": "^1.1.3",
+    "@synerise/ds-utils": "^1.7.1",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }

package/dist/__spec__/List.spec.d.ts

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