# @synerise/ds-utils

> Utils UI Component for the Synerise Design System

Latest version **2.2.0** (published 2026-09-22) · ISC license · 0 weekly downloads

## Install

```sh
npm install @synerise/ds-utils
pnpm add @synerise/ds-utils
yarn add @synerise/ds-utils
bun add @synerise/ds-utils
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 2.2.0 |
| Published | 2026-09-22 |
| First published | 2019-09-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 113.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | synerise |

## Links

- npm: https://www.npmjs.com/package/@synerise/ds-utils
- Repository: synerise/synerise-design
- npm.io page: https://npm.io/package/@synerise/ds-utils

## Dependencies (2)

- [uuid](https://npm.io/package/uuid.md) ^8.3.2
- [latinize](https://npm.io/package/latinize.md) ^0.5.0

## Recent versions

- 2.2.0 (latest) — 2026-09-22
- 2.1.1 — 2026-09-18
- 2.1.0 — 2026-09-16
- 2.0.0 — 2026-08-26
- 1.10.2 — 2026-07-23
- 1.10.1 — 2026-06-17
- 1.10.0 — 2026-06-11
- 1.9.1 — 2026-05-26
- 1.9.0 — 2026-05-22
- 1.8.1 — 2026-05-04
- 1.8.0 — 2026-04-10
- 1.7.1 — 2026-03-24
- 1.7.0 — 2026-03-23
- 1.6.0 — 2026-02-05
- 1.5.4 — 2026-01-29
- … 188 more at https://npm.io/package/@synerise/ds-utils/versions

## README

##Utils UI Component
Package contains utils used across different DS components:

List of utils:

- doubleClickListener,
- focusWithArrowKeys,
- getInitials (not exported from package index),
- escapeRegEx,
- hexToRgba,
- omitKeys,
- renderWithHighlight,
- selectColorByLetter,
- toCamelCase,
- getPopupContainer,
- NOOP,
- useBreakpoint,
- useCombinedRefs,
- useDelimiterEscape,
- useElementInView,
- useFocusTrap,
- useIsMounted,
- useKeyboardShortcuts,
- useLatestRef,
- useOnClickOutside,
- useOverscrollBlock,
- usePrevious,
- useResize,
- useResizeObserver,
- useResizeToFit,
- useScrollContain,
- useSearchResults,
- useStableId,
- useTraceUpdate.

---
_Source: https://npm.io/package/@synerise/ds-utils · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._