@synerise/ds-popover 1.5.2 → 1.5.3

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.5.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.5.2...@synerise/ds-popover@1.5.3) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-popover
+
 ## [1.5.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popover@1.5.1...@synerise/ds-popover@1.5.2) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-popover

package/dist/Popover.const.d.ts

@@ -1,5 +1,5 @@
-import { type Placement } from '@floating-ui/react';
-import { type LegacyPlacement } from './Popover.types';
+import { Placement } from '@floating-ui/react';
+import { LegacyPlacement } from './Popover.types';
 export declare const HOVER_OPEN_DELAY = 100;
 export declare const HOVER_CLOSE_DELAY = 100;
 export declare const PLACEMENT_MAP: Record<LegacyPlacement, Placement>;

package/dist/Popover.const.js

@@ -1,18 +1,23 @@
-export var HOVER_OPEN_DELAY = 100;
-export var HOVER_CLOSE_DELAY = 100;
-export var PLACEMENT_MAP = {
-  top: 'top',
-  bottom: 'bottom',
-  left: 'left',
-  right: 'right',
-  leftTop: 'left-start',
-  leftBottom: 'left-end',
-  rightTop: 'right-start',
-  rightBottom: 'right-end',
-  topRight: 'top-end',
-  topLeft: 'top-start',
-  topCenter: 'top',
-  bottomCenter: 'bottom',
-  bottomLeft: 'bottom-start',
-  bottomRight: 'bottom-end'
-};
+const HOVER_OPEN_DELAY = 100;
+const HOVER_CLOSE_DELAY = 100;
+const PLACEMENT_MAP = {
+  top: "top",
+  bottom: "bottom",
+  left: "left",
+  right: "right",
+  leftTop: "left-start",
+  leftBottom: "left-end",
+  rightTop: "right-start",
+  rightBottom: "right-end",
+  topRight: "top-end",
+  topLeft: "top-start",
+  topCenter: "top",
+  bottomCenter: "bottom",
+  bottomLeft: "bottom-start",
+  bottomRight: "bottom-end"
+};
+export {
+  HOVER_CLOSE_DELAY,
+  HOVER_OPEN_DELAY,
+  PLACEMENT_MAP
+};

package/dist/Popover.d.ts

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

package/dist/Popover.js

@@ -1,34 +1,26 @@
-var _excluded = ["children", "modal"];
-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 { FloatingNode, FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';
-import { PopoverContext } from './contexts';
-import { usePopover } from './hooks';
-
-// Inner component that must be called from within FloatingTree
-var PopoverContent = function PopoverContent(_ref) {
-  var children = _ref.children,
-    _ref$modal = _ref.modal,
-    modal = _ref$modal === void 0 ? false : _ref$modal,
-    restOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var popover = usePopover(_extends({
-    modal: modal
-  }, restOptions));
-  return /*#__PURE__*/React.createElement(FloatingNode, {
-    id: popover.context.nodeId
-  }, /*#__PURE__*/React.createElement(PopoverContext.Provider, {
-    value: popover
-  }, children));
+import { jsx } from "react/jsx-runtime";
+import { useFloatingParentNodeId, FloatingTree, FloatingNode } from "@floating-ui/react";
+import { PopoverContext } from "./contexts/PopoverContext.js";
+import { usePopover } from "./hooks/usePopover.js";
+import "react";
+const PopoverContent = ({
+  children,
+  modal = false,
+  ...restOptions
+}) => {
+  const popover = usePopover({
+    modal,
+    ...restOptions
+  });
+  return /* @__PURE__ */ jsx(FloatingNode, { id: popover.context.nodeId, children: /* @__PURE__ */ jsx(PopoverContext.Provider, { value: popover, children }) });
 };
-
-// Outer component that ensures FloatingTree exists
-export var Popover = function Popover(props) {
-  var parentId = useFloatingParentNodeId();
-
-  // If there's no parent node, wrap with FloatingTree for nested popover support
+const Popover = (props) => {
+  const parentId = useFloatingParentNodeId();
   if (parentId === null) {
-    return /*#__PURE__*/React.createElement(FloatingTree, null, /*#__PURE__*/React.createElement(PopoverContent, props));
+    return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(PopoverContent, { ...props }) });
   }
-  return /*#__PURE__*/React.createElement(PopoverContent, props);
-};
+  return /* @__PURE__ */ jsx(PopoverContent, { ...props });
+};
+export {
+  Popover
+};

package/dist/Popover.types.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type Dispatch, type ReactNode, type RefObject, type SetStateAction } from 'react';
-import { type ArrowOptions, type AutoUpdateOptions, type Delay, type FlipOptions, type OffsetOptions, type OpenChangeReason, type Placement, type ShiftOptions, type UseDismissProps, type UseFloatingReturn, type UseHoverProps, type UseInteractionsReturn, type UseListNavigationProps, type UseTransitionStylesProps } from '@floating-ui/react';
+import { CSSProperties, Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import { ArrowOptions, AutoUpdateOptions, Delay, FlipOptions, OffsetOptions, OpenChangeReason, Placement, ShiftOptions, UseDismissProps, UseFloatingReturn, UseHoverProps, UseInteractionsReturn, UseListNavigationProps, UseTransitionStylesProps } from '@floating-ui/react';
 export type PopoverProps = {
     children: ReactNode;
 } & PopoverOptions;

package/dist/Popover.types.js

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

package/dist/components/PopoverArrow.d.ts

@@ -1,6 +1,6 @@
-import { type ReactElement } from 'react';
-import { type Placement } from '@floating-ui/react';
+import { ReactElement } from 'react';
+import { Placement } from '@floating-ui/react';
 export declare const PopoverArrow: ({ children, getClassNameFromPlacement, }: {
     children?: ReactElement;
     getClassNameFromPlacement?: (placement: Placement) => string;
-}) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+}) => ReactElement<any, string | import('react').JSXElementConstructor<any>> | undefined;

package/dist/components/PopoverArrow.js

@@ -1,31 +1,36 @@
-import classNames from 'classnames';
-import { cloneElement, isValidElement } from 'react';
-import { useTheme } from '@synerise/ds-core';
-import { usePopoverContext } from '../hooks';
-export var PopoverArrow = function PopoverArrow(_ref) {
-  var children = _ref.children,
-    getClassNameFromPlacement = _ref.getClassNameFromPlacement;
-  var theme = useTheme();
-  var _usePopoverContext = usePopoverContext(),
-    arrowRef = _usePopoverContext.arrowRef,
-    placement = _usePopoverContext.placement,
-    zIndex = _usePopoverContext.zIndex,
-    middlewareData = _usePopoverContext.middlewareData;
-  var placementClassName = (getClassNameFromPlacement == null ? void 0 : getClassNameFromPlacement(placement)) || "ds-popover-arrow-" + placement;
-  if (/*#__PURE__*/isValidElement(children)) {
-    var _children$props, _middlewareData$arrow, _middlewareData$arrow2;
-    return /*#__PURE__*/cloneElement(children, {
+import classNames from "classnames";
+import { isValidElement, cloneElement } from "react";
+import { useTheme } from "@synerise/ds-core";
+import "@floating-ui/react";
+import { usePopoverContext } from "../hooks/usePopoverContext.js";
+const PopoverArrow = ({
+  children,
+  getClassNameFromPlacement
+}) => {
+  const theme = useTheme();
+  const {
+    arrowRef,
+    placement,
+    zIndex,
+    middlewareData
+  } = usePopoverContext();
+  const placementClassName = getClassNameFromPlacement?.(placement) || `ds-popover-arrow-${placement}`;
+  if (isValidElement(children)) {
+    return cloneElement(children, {
       // @ts-expect-error ref unknown
       ref: arrowRef,
       // @ts-expect-error props.className may not exist
-      className: classNames(placementClassName, (_children$props = children.props) == null ? void 0 : _children$props.className),
+      className: classNames(placementClassName, children.props?.className),
       style: {
-        zIndex: zIndex !== undefined ? "" + zIndex : theme.variables['zindex-dropdown'],
-        position: 'absolute',
-        left: (_middlewareData$arrow = middlewareData.arrow) == null ? void 0 : _middlewareData$arrow.x,
-        top: (_middlewareData$arrow2 = middlewareData.arrow) == null ? void 0 : _middlewareData$arrow2.y
+        zIndex: zIndex !== void 0 ? `${zIndex}` : theme.variables["zindex-dropdown"],
+        position: "absolute",
+        left: middlewareData.arrow?.x,
+        top: middlewareData.arrow?.y
       }
     });
   }
   return children;
-};
+};
+export {
+  PopoverArrow
+};

package/dist/components/PopoverClose.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const PopoverClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/PopoverClose.js

@@ -1,16 +1,15 @@
-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, { forwardRef } from 'react';
-import { usePopoverContext } from '../hooks/usePopoverContext';
-export var PopoverClose = /*#__PURE__*/forwardRef(function PopoverClose(props, ref) {
-  var _usePopoverContext = usePopoverContext(),
-    setOpen = _usePopoverContext.setOpen;
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    ref: ref
-  }, props, {
-    onClick: function onClick(event) {
-      props.onClick == null || props.onClick(event);
-      setOpen(false);
-    }
-  }));
-});
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { usePopoverContext } from "../hooks/usePopoverContext.js";
+const PopoverClose = forwardRef(function PopoverClose2(props, ref) {
+  const {
+    setOpen
+  } = usePopoverContext();
+  return /* @__PURE__ */ jsx("button", { type: "button", ref, ...props, onClick: (event) => {
+    props.onClick?.(event);
+    setOpen(false);
+  } });
+});
+export {
+  PopoverClose
+};

package/dist/components/PopoverContent.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/PopoverContent.js

@@ -1,77 +1,64 @@
-var _excluded = ["style"];
-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, useEffect, useMemo, useRef, useState } from 'react';
-import { FloatingFocusManager, FloatingPortal, useMergeRefs } from '@floating-ui/react';
-import { useTheme } from '@synerise/ds-core';
-import { usePopoverContext } from '../hooks/usePopoverContext';
-import { GlobalStyles } from './PopoverContent.styles';
-export var PopoverContent = /*#__PURE__*/forwardRef(function PopoverContent(_ref, propRef) {
-  var style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _usePopoverContext = usePopoverContext(),
-    floatingContext = _usePopoverContext.context,
-    getPopupContainer = _usePopoverContext.getPopupContainer,
-    modal = _usePopoverContext.modal,
-    testId = _usePopoverContext.testId,
-    refs = _usePopoverContext.refs,
-    getFloatingProps = _usePopoverContext.getFloatingProps,
-    floatingStyles = _usePopoverContext.floatingStyles,
-    labelId = _usePopoverContext.labelId,
-    descriptionId = _usePopoverContext.descriptionId,
-    transitionStyles = _usePopoverContext.transitionStyles,
-    componentId = _usePopoverContext.componentId,
-    _usePopoverContext$re = _usePopoverContext.returnFocus,
-    returnFocus = _usePopoverContext$re === void 0 ? true : _usePopoverContext$re,
-    zIndex = _usePopoverContext.zIndex;
-  var theme = useTheme();
-  var _useState = useState(false),
-    transitionEnded = _useState[0],
-    setTransitionEnded = _useState[1];
-  var popupContainerRef = useRef(null);
-  var ref = useMergeRefs([refs.setFloating, propRef]);
-  useEffect(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
+import { useMergeRefs, FloatingPortal, FloatingFocusManager } from "@floating-ui/react";
+import { useTheme } from "@synerise/ds-core";
+import { usePopoverContext } from "../hooks/usePopoverContext.js";
+import { GlobalStyles } from "./PopoverContent.styles.js";
+const PopoverContent = forwardRef(function PopoverContent2({
+  style,
+  ...props
+}, propRef) {
+  const {
+    context: floatingContext,
+    getPopupContainer,
+    modal,
+    testId,
+    refs,
+    getFloatingProps,
+    floatingStyles,
+    labelId,
+    descriptionId,
+    transitionStyles,
+    componentId,
+    returnFocus = true,
+    zIndex
+  } = usePopoverContext();
+  const theme = useTheme();
+  const [transitionEnded, setTransitionEnded] = useState(false);
+  const popupContainerRef = useRef(null);
+  const ref = useMergeRefs([refs.setFloating, propRef]);
+  useEffect(() => {
     if (!floatingContext.open) {
       setTransitionEnded(false);
     }
   }, [floatingContext.open]);
-  useEffect(function () {
+  useEffect(() => {
     if (getPopupContainer && refs.reference.current) {
       popupContainerRef.current = getPopupContainer(refs.reference.current);
     }
   }, [getPopupContainer, refs.reference]);
-  var dataProps = useMemo(function () {
-    var propsSet = {
-      'data-testid': "popover-" + testId + "-content",
-      'data-popover-content': 'true'
+  const dataProps = useMemo(() => {
+    const propsSet = {
+      "data-testid": `popover-${testId}-content`,
+      "data-popover-content": "true"
     };
     if (componentId) {
-      propsSet["data-popover-" + componentId] = 'true';
+      propsSet[`data-popover-${componentId}`] = "true";
     }
     return propsSet;
   }, [componentId, testId]);
   if (!floatingContext.open) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(FloatingPortal, {
-    root: getPopupContainer ? popupContainerRef : undefined
-  }, /*#__PURE__*/React.createElement(GlobalStyles, null), /*#__PURE__*/React.createElement(FloatingFocusManager, {
-    initialFocus: -1,
-    context: floatingContext,
-    modal: modal,
-    returnFocus: returnFocus
-  }, /*#__PURE__*/React.createElement("div", _extends({}, dataProps, {
-    ref: ref,
-    style: _extends({}, floatingStyles, style, {
-      zIndex: zIndex !== undefined ? "" + zIndex : theme.variables['zindex-dropdown']
-    }),
-    "aria-labelledby": labelId,
-    "aria-describedby": descriptionId
-  }, getFloatingProps(props)), transitionStyles ? /*#__PURE__*/React.createElement("div", {
-    "data-transition-state": transitionEnded ? 'ended' : 'started',
-    style: transitionStyles,
-    onTransitionEnd: function onTransitionEnd() {
-      return setTransitionEnded(true);
-    }
-  }, props.children) : props.children)));
-});
+  return /* @__PURE__ */ jsxs(FloatingPortal, { root: getPopupContainer ? popupContainerRef : void 0, children: [
+    /* @__PURE__ */ jsx(GlobalStyles, {}),
+    /* @__PURE__ */ jsx(FloatingFocusManager, { initialFocus: -1, context: floatingContext, modal, returnFocus, children: /* @__PURE__ */ jsx("div", { ...dataProps, ref, style: {
+      ...floatingStyles,
+      ...style,
+      zIndex: zIndex !== void 0 ? `${zIndex}` : theme.variables["zindex-dropdown"]
+    }, "aria-labelledby": labelId, "aria-describedby": descriptionId, ...getFloatingProps(props), children: transitionStyles ? /* @__PURE__ */ jsx("div", { "data-transition-state": transitionEnded ? "ended" : "started", style: transitionStyles, onTransitionEnd: () => setTransitionEnded(true), children: props.children }) : props.children }) })
+  ] });
+});
+export {
+  PopoverContent
+};

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

@@ -1 +1 @@
-export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const GlobalStyles: import('styled-components').GlobalStyleComponent<{}, import('styled-components').DefaultTheme>;

package/dist/components/PopoverContent.styles.js

@@ -1,2 +1,5 @@
-import { createGlobalStyle } from 'styled-components';
-export var GlobalStyles = createGlobalStyle(["[data-popover-trigger] ~ span[aria-hidden],div[data-floating-ui-portal]{display:contents;}"]);
+import { createGlobalStyle } from "styled-components";
+const GlobalStyles = /* @__PURE__ */ createGlobalStyle(["[data-popover-trigger] ~ span[aria-hidden],div[data-floating-ui-portal]{display:contents;}"]);
+export {
+  GlobalStyles
+};

package/dist/components/PopoverTrigger.d.ts

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

package/dist/components/PopoverTrigger.js

@@ -1,46 +1,48 @@
-var _excluded = ["children", "asChild"];
-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, { cloneElement, forwardRef, isValidElement } from 'react';
-import { useMergeRefs } from '@floating-ui/react';
-import { usePopoverContext } from '../hooks/usePopoverContext';
-import * as S from './PopoverTrigger.styles';
-export var PopoverTrigger = /*#__PURE__*/forwardRef(function (_ref, propRef) {
-  var children = _ref.children,
-    _ref$asChild = _ref.asChild,
-    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var context = usePopoverContext();
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var childrenRef = children.ref;
-  var renderAsChild = asChild && /*#__PURE__*/isValidElement(children);
-  var refsArray = [propRef, childrenRef, !renderAsChild && context.refs.setReference];
-  var ref = useMergeRefs(refsArray.filter(Boolean));
-  // `asChild` allows the user to pass any element as the anchor
-  // if the child is a component it needs to forward the ref to a html element
-  // so that the Popover can position itself correctly.
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, isValidElement, cloneElement } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { usePopoverContext } from "../hooks/usePopoverContext.js";
+import { TriggerAnchor, Trigger } from "./PopoverTrigger.styles.js";
+const PopoverTrigger = forwardRef(({
+  children,
+  asChild = false,
+  ...props
+}, propRef) => {
+  const context = usePopoverContext();
+  const childrenRef = children.ref;
+  const renderAsChild = asChild && isValidElement(children);
+  const refsArray = [propRef, childrenRef, !renderAsChild && context.refs.setReference];
+  const ref = useMergeRefs(refsArray.filter(Boolean));
   if (renderAsChild) {
-    var referenceProps = context.getReferenceProps(_extends({
-      ref: ref,
-      'data-popover-trigger': true,
-      'data-testid': "popover-" + context.testId + "-trigger"
-    }, props, children.props, {
-      'data-state': context.open ? 'open' : 'closed'
-    }));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.TriggerAnchor, {
-      "aria-hidden": "true",
-      hidden: true,
-      ref: function ref(node) {
-        context.refs.setReference((node == null ? void 0 : node.nextElementSibling) || null);
-      }
-    }), /*#__PURE__*/cloneElement(children, _extends({}, referenceProps)));
+    const referenceProps = context.getReferenceProps({
+      ref,
+      "data-popover-trigger": true,
+      "data-testid": `popover-${context.testId}-trigger`,
+      ...props,
+      ...children.props,
+      "data-state": context.open ? "open" : "closed"
+    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TriggerAnchor, { "aria-hidden": "true", hidden: true, ref: (node) => {
+        context.refs.setReference(node?.nextElementSibling || null);
+      } }),
+      cloneElement(children, {
+        ...referenceProps
+      })
+    ] });
   }
-  return /*#__PURE__*/React.createElement(S.Trigger, _extends({
-    ref: ref
-    // The user can style the trigger based on the state
-    ,
-    "data-state": context.open ? 'open' : 'closed',
-    "data-popover-trigger": true,
-    "data-testid": "popover-" + context.testId + "-trigger"
-  }, context.getReferenceProps(props)), children);
-});
+  return /* @__PURE__ */ jsx(
+    Trigger,
+    {
+      ref,
+      "data-state": context.open ? "open" : "closed",
+      "data-popover-trigger": true,
+      "data-testid": `popover-${context.testId}-trigger`,
+      ...context.getReferenceProps(props),
+      children
+    }
+  );
+});
+export {
+  PopoverTrigger
+};

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

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

package/dist/components/PopoverTrigger.styles.js

@@ -1,9 +1,13 @@
-import styled from 'styled-components';
-export var Trigger = styled.span.withConfig({
+import styled from "styled-components";
+const Trigger = /* @__PURE__ */ styled.span.withConfig({
   displayName: "PopoverTriggerstyles__Trigger",
   componentId: "sc-1irht31-0"
 })(["display:flex;min-width:0;"]);
-export var TriggerAnchor = styled.span.withConfig({
+const TriggerAnchor = /* @__PURE__ */ styled.span.withConfig({
   displayName: "PopoverTriggerstyles__TriggerAnchor",
   componentId: "sc-1irht31-1"
-})(["display:contents !important;"]);
+})(["display:contents !important;"]);
+export {
+  Trigger,
+  TriggerAnchor
+};

package/dist/components/index.js

@@ -1,4 +1,10 @@
-export * from './PopoverTrigger';
-export * from './PopoverClose';
-export * from './PopoverContent';
-export * from './PopoverArrow';
+import { PopoverTrigger } from "./PopoverTrigger.js";
+import { PopoverClose } from "./PopoverClose.js";
+import { PopoverContent } from "./PopoverContent.js";
+import { PopoverArrow } from "./PopoverArrow.js";
+export {
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+};

package/dist/contexts/PopoverContext.d.ts

@@ -1,7 +1,7 @@
-import { type Dispatch, type SetStateAction } from 'react';
-import { type UsePopoverReturn } from '../Popover.types';
+import { Dispatch, SetStateAction } from 'react';
+import { UsePopoverReturn } from '../Popover.types';
 export type ContextType = (UsePopoverReturn & {
     setLabelId: Dispatch<SetStateAction<string | undefined>>;
     setDescriptionId: Dispatch<SetStateAction<string | undefined>>;
 }) | null;
-export declare const PopoverContext: import("react").Context<ContextType>;
+export declare const PopoverContext: import('react').Context<ContextType>;

package/dist/contexts/PopoverContext.js

@@ -1,2 +1,5 @@
-import { createContext } from 'react';
-export var PopoverContext = /*#__PURE__*/createContext(null);
+import { createContext } from "react";
+const PopoverContext = createContext(null);
+export {
+  PopoverContext
+};

package/dist/contexts/index.js

@@ -1 +1,4 @@
-export * from './PopoverContext';
+import { PopoverContext } from "./PopoverContext.js";
+export {
+  PopoverContext
+};

package/dist/hooks/index.js

@@ -1,2 +1,6 @@
-export * from './usePopover';
-export * from './usePopoverContext';
+import { usePopover } from "./usePopover.js";
+import { usePopoverContext } from "./usePopoverContext.js";
+export {
+  usePopover,
+  usePopoverContext
+};

package/dist/hooks/useListNavigationConfig.d.ts

@@ -1,4 +1,4 @@
-import { type UseListNavigationProps } from '@floating-ui/react';
+import { UseListNavigationProps } from '@floating-ui/react';
 export declare const useListNavigationConfig: (listNavigationConfig?: UseListNavigationProps) => {
     listRef: React.MutableRefObject<Array<HTMLElement | null>>;
     activeIndex: number | null;
@@ -19,6 +19,6 @@ export declare const useListNavigationConfig: (listNavigationConfig?: UseListNav
     cols?: number;
     scrollItemIntoView?: boolean | ScrollIntoViewOptions;
     virtualItemRef?: React.MutableRefObject<HTMLElement | null>;
-    itemSizes?: import("@floating-ui/react").Dimensions[];
+    itemSizes?: import('@floating-ui/react').Dimensions[];
     dense?: boolean;
 };

package/dist/hooks/useListNavigationConfig.js

@@ -1,10 +1,13 @@
-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 { useRef } from 'react';
-export var useListNavigationConfig = function useListNavigationConfig(listNavigationConfig) {
-  var listRef = useRef([]);
-  return _extends({
+import { useRef } from "react";
+const useListNavigationConfig = (listNavigationConfig) => {
+  const listRef = useRef([]);
+  return {
     activeIndex: null,
     enabled: false,
-    listRef: listRef
-  }, listNavigationConfig);
-};
+    listRef,
+    ...listNavigationConfig
+  };
+};
+export {
+  useListNavigationConfig
+};

package/dist/hooks/usePopover.d.ts

@@ -1,2 +1,2 @@
-import { type PopoverOptions, type UsePopoverReturn } from '../Popover.types';
+import { PopoverOptions, UsePopoverReturn } from '../Popover.types';
 export declare const usePopover: ({ initialOpen, placement, modal, trigger, open: controlledOpen, onOpenChange: setControlledOpen, onDismiss, transitionDuration, getPopupContainer, autoUpdate: autoUpdateWhileMounted, dismissConfig, offsetConfig, flipConfig, shiftConfig, arrowConfig, hoverConfig, testId, componentId, returnFocus, listNavigationConfig, getTransitionConfig, zIndex, }?: PopoverOptions) => UsePopoverReturn;

package/dist/hooks/usePopover.js

@@ -1,101 +1,86 @@
-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 { useMemo, useRef, useState } from 'react';
-import { autoUpdate, useClick, useDelayGroup, useDismiss, useFloating, useFloatingNodeId, useHover, useInteractions, useListNavigation, useRole, useTransitionStyles } from '@floating-ui/react';
-import { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY } from '../Popover.const';
-import { getDefaultTransitionConfig, getMiddleware } from '../utils';
-import { useListNavigationConfig } from './useListNavigationConfig';
-export var usePopover = function usePopover(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$initialOpen = _ref.initialOpen,
-    initialOpen = _ref$initialOpen === void 0 ? false : _ref$initialOpen,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-    modal = _ref.modal,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
-    controlledOpen = _ref.open,
-    setControlledOpen = _ref.onOpenChange,
-    onDismiss = _ref.onDismiss,
-    transitionDuration = _ref.transitionDuration,
-    getPopupContainer = _ref.getPopupContainer,
-    autoUpdateWhileMounted = _ref.autoUpdate,
-    _ref$dismissConfig = _ref.dismissConfig,
-    dismissConfig = _ref$dismissConfig === void 0 ? {} : _ref$dismissConfig,
-    _ref$offsetConfig = _ref.offsetConfig,
-    offsetConfig = _ref$offsetConfig === void 0 ? {} : _ref$offsetConfig,
-    _ref$flipConfig = _ref.flipConfig,
-    flipConfig = _ref$flipConfig === void 0 ? {} : _ref$flipConfig,
-    _ref$shiftConfig = _ref.shiftConfig,
-    shiftConfig = _ref$shiftConfig === void 0 ? {} : _ref$shiftConfig,
-    _ref$arrowConfig = _ref.arrowConfig,
-    arrowConfig = _ref$arrowConfig === void 0 ? {} : _ref$arrowConfig,
-    _ref$hoverConfig = _ref.hoverConfig,
-    hoverConfig = _ref$hoverConfig === void 0 ? {} : _ref$hoverConfig,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'noTestId' : _ref$testId,
-    componentId = _ref.componentId,
-    returnFocus = _ref.returnFocus,
-    listNavigationConfig = _ref.listNavigationConfig,
-    _ref$getTransitionCon = _ref.getTransitionConfig,
-    getTransitionConfig = _ref$getTransitionCon === void 0 ? getDefaultTransitionConfig : _ref$getTransitionCon,
-    zIndex = _ref.zIndex;
-  var _useState = useState(initialOpen),
-    uncontrolledOpen = _useState[0],
-    setUncontrolledOpen = _useState[1];
-  var _useState2 = useState(),
-    labelId = _useState2[0],
-    setLabelId = _useState2[1];
-  var _useState3 = useState(),
-    descriptionId = _useState3[0],
-    setDescriptionId = _useState3[1];
-  var open = controlledOpen != null ? controlledOpen : uncontrolledOpen;
-  var setOpen = setControlledOpen != null ? setControlledOpen : setUncontrolledOpen;
-  var arrowRef = useRef(null);
-  var nodeId = useFloatingNodeId();
-  var triggerArray = Array.isArray(trigger) ? trigger : [trigger];
-  var whileElementsMounted = useMemo(function () {
+import { useState, useRef, useMemo } from "react";
+import { useFloatingNodeId, autoUpdate, useFloating, useListNavigation, useClick, useDelayGroup, useHover, useDismiss, useRole, useInteractions, useTransitionStyles } from "@floating-ui/react";
+import { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY } from "../Popover.const.js";
+import { getDefaultTransitionConfig } from "../utils/getDefaultTransitionConfig.js";
+import { getMiddleware } from "../utils/getMiddleware.js";
+import { useListNavigationConfig } from "./useListNavigationConfig.js";
+const usePopover = ({
+  initialOpen = false,
+  placement = "bottom",
+  modal,
+  trigger = "click",
+  open: controlledOpen,
+  onOpenChange: setControlledOpen,
+  onDismiss,
+  transitionDuration,
+  getPopupContainer,
+  autoUpdate: autoUpdateWhileMounted,
+  dismissConfig = {},
+  offsetConfig = {},
+  flipConfig = {},
+  shiftConfig = {},
+  arrowConfig = {},
+  hoverConfig = {},
+  testId = "noTestId",
+  componentId,
+  returnFocus,
+  listNavigationConfig,
+  getTransitionConfig = getDefaultTransitionConfig,
+  zIndex
+} = {}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(initialOpen);
+  const [labelId, setLabelId] = useState();
+  const [descriptionId, setDescriptionId] = useState();
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = setControlledOpen ?? setUncontrolledOpen;
+  const arrowRef = useRef(null);
+  const nodeId = useFloatingNodeId();
+  const triggerArray = Array.isArray(trigger) ? trigger : [trigger];
+  const whileElementsMounted = useMemo(() => {
     if (!autoUpdateWhileMounted) {
-      return undefined;
+      return void 0;
     }
     if (autoUpdateWhileMounted === true) {
       return autoUpdate;
     }
-    return function (referenceEl, floatingEl, update) {
-      var cleanup = autoUpdate(referenceEl, floatingEl, update, autoUpdateWhileMounted);
+    return (referenceEl, floatingEl, update) => {
+      const cleanup = autoUpdate(referenceEl, floatingEl, update, autoUpdateWhileMounted);
       return cleanup;
     };
   }, [autoUpdateWhileMounted]);
-  var data = useFloating({
-    nodeId: nodeId,
-    placement: placement,
-    open: open,
-    onOpenChange: function onOpenChange(newState, event, reason) {
+  const data = useFloating({
+    nodeId,
+    placement,
+    open,
+    onOpenChange: (newState, event, reason) => {
       setOpen(newState, event, reason);
-      if (dismissConfig.enabled !== false && (reason === 'escape-key' || reason === 'outside-press')) {
-        onDismiss == null || onDismiss(event, reason);
+      if (dismissConfig.enabled !== false && (reason === "escape-key" || reason === "outside-press")) {
+        onDismiss?.(event, reason);
       }
     },
-    whileElementsMounted: whileElementsMounted,
+    whileElementsMounted,
     middleware: getMiddleware({
-      offsetConfig: offsetConfig,
-      flipConfig: flipConfig,
-      shiftConfig: shiftConfig,
-      arrowConfig: _extends({}, arrowConfig, {
+      offsetConfig,
+      flipConfig,
+      shiftConfig,
+      arrowConfig: {
+        ...arrowConfig,
         element: arrowRef.current
-      })
+      }
     })
   });
-  var context = data.context;
-  var isClickEnabled = triggerArray.includes('click');
-  var isHoverEnabled = triggerArray.includes('hover');
-  var listNavConfig = useListNavigationConfig(listNavigationConfig);
-  var listNav = useListNavigation(context, listNavConfig);
-  var click = useClick(context, {
-    enabled: isClickEnabled && controlledOpen === undefined
+  const context = data.context;
+  const isClickEnabled = triggerArray.includes("click");
+  const isHoverEnabled = triggerArray.includes("hover");
+  const listNavConfig = useListNavigationConfig(listNavigationConfig);
+  const listNav = useListNavigation(context, listNavConfig);
+  const click = useClick(context, {
+    enabled: isClickEnabled && controlledOpen === void 0
   });
-  var _useDelayGroup = useDelayGroup(context),
-    groupDelay = _useDelayGroup.delay;
-  var hover = useHover(context, _extends({
+  const {
+    delay: groupDelay
+  } = useDelayGroup(context);
+  const hover = useHover(context, {
     enabled: isHoverEnabled,
     // All hover popovers use their local FloatingDelayGroup delay
     // Nested components should wrap content in their own FloatingDelayGroup for isolation
@@ -103,33 +88,38 @@ export var usePopover = function usePopover(_temp) {
     delay: groupDelay || {
       open: HOVER_OPEN_DELAY,
       close: HOVER_CLOSE_DELAY
-    }
-  }, hoverConfig));
-  var dismiss = useDismiss(context, dismissConfig);
-  var role = useRole(context);
-  var interactions = useInteractions([click, hover, dismiss, role, listNav]);
-  var _useTransitionStyles = useTransitionStyles(context, _extends({
-      duration: transitionDuration
-    }, getTransitionConfig(data))),
-    styles = _useTransitionStyles.styles,
-    isMounted = _useTransitionStyles.isMounted;
-  return useMemo(function () {
-    return _extends({
-      open: isMounted,
-      setOpen: setOpen,
-      transitionStyles: typeof transitionDuration === 'number' ? styles : undefined
-    }, interactions, data, {
-      modal: modal,
-      labelId: labelId,
-      getPopupContainer: getPopupContainer,
-      descriptionId: descriptionId,
-      setLabelId: setLabelId,
-      setDescriptionId: setDescriptionId,
-      testId: testId,
-      zIndex: zIndex,
-      returnFocus: returnFocus,
-      componentId: componentId,
-      arrowRef: arrowRef
-    });
-  }, [getPopupContainer, isMounted, setOpen, transitionDuration, styles, interactions, data, modal, labelId, descriptionId, zIndex, testId, returnFocus, componentId]);
-};
+    },
+    ...hoverConfig
+  });
+  const dismiss = useDismiss(context, dismissConfig);
+  const role = useRole(context);
+  const interactions = useInteractions([click, hover, dismiss, role, listNav]);
+  const {
+    styles,
+    isMounted
+  } = useTransitionStyles(context, {
+    duration: transitionDuration,
+    ...getTransitionConfig(data)
+  });
+  return useMemo(() => ({
+    open: isMounted,
+    setOpen,
+    transitionStyles: typeof transitionDuration === "number" ? styles : void 0,
+    ...interactions,
+    ...data,
+    modal,
+    labelId,
+    getPopupContainer,
+    descriptionId,
+    setLabelId,
+    setDescriptionId,
+    testId,
+    zIndex,
+    returnFocus,
+    componentId,
+    arrowRef
+  }), [getPopupContainer, isMounted, setOpen, transitionDuration, styles, interactions, data, modal, labelId, descriptionId, zIndex, testId, returnFocus, componentId]);
+};
+export {
+  usePopover
+};

package/dist/hooks/usePopoverContext.d.ts

@@ -1,2 +1,2 @@
-import { type ContextType } from '../contexts';
+import { ContextType } from '../contexts';
 export declare const usePopoverContext: () => Exclude<ContextType, null>;

package/dist/hooks/usePopoverContext.js

@@ -1,9 +1,12 @@
-import { useContext } from 'react';
-import { PopoverContext } from '../contexts';
-export var usePopoverContext = function usePopoverContext() {
-  var context = useContext(PopoverContext);
+import { useContext } from "react";
+import { PopoverContext } from "../contexts/PopoverContext.js";
+const usePopoverContext = () => {
+  const context = useContext(PopoverContext);
   if (context === null) {
-    throw new Error('Popover components must be wrapped in <Popover />');
+    throw new Error("Popover components must be wrapped in <Popover />");
   }
   return context;
-};
+};
+export {
+  usePopoverContext
+};

package/dist/index.js

@@ -1,7 +1,22 @@
-export * from './Popover';
-export * from './components';
-export { Popover as default } from './Popover';
-export { limitShift, FloatingDelayGroup } from '@floating-ui/react';
-export * from './Popover.types';
-export { getPlacement } from './utils/getPlacement';
-export { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY, PLACEMENT_MAP } from './Popover.const';
+import { Popover, Popover as Popover2 } from "./Popover.js";
+import { PopoverTrigger } from "./components/PopoverTrigger.js";
+import { PopoverClose } from "./components/PopoverClose.js";
+import { PopoverContent } from "./components/PopoverContent.js";
+import { PopoverArrow } from "./components/PopoverArrow.js";
+import { FloatingDelayGroup, limitShift } from "@floating-ui/react";
+import { getPlacement } from "./utils/getPlacement.js";
+import { HOVER_CLOSE_DELAY, HOVER_OPEN_DELAY, PLACEMENT_MAP } from "./Popover.const.js";
+export {
+  FloatingDelayGroup,
+  HOVER_CLOSE_DELAY,
+  HOVER_OPEN_DELAY,
+  PLACEMENT_MAP,
+  Popover,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
+  Popover2 as default,
+  getPlacement,
+  limitShift
+};

package/dist/modules.d.js

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

package/dist/utils/getDefaultTransitionConfig.d.ts

@@ -1,2 +1,2 @@
-import { type UseTransitionStylesProps } from '@floating-ui/react';
+import { UseTransitionStylesProps } from '@floating-ui/react';
 export declare const getDefaultTransitionConfig: () => Partial<UseTransitionStylesProps>;

package/dist/utils/getDefaultTransitionConfig.js

@@ -1,4 +1,4 @@
-export var getDefaultTransitionConfig = function getDefaultTransitionConfig() {
+const getDefaultTransitionConfig = () => {
   return {
     open: {
       opacity: 1
@@ -7,4 +7,7 @@ export var getDefaultTransitionConfig = function getDefaultTransitionConfig() {
       opacity: 0
     }
   };
-};
+};
+export {
+  getDefaultTransitionConfig
+};

package/dist/utils/getMiddleware.d.ts

@@ -1,5 +1,5 @@
-import { type ArrowOptions } from '@floating-ui/react';
-import { type FlipConfig, type OffsetConfig, type ShiftConfig } from '../Popover.types';
+import { ArrowOptions } from '@floating-ui/react';
+import { FlipConfig, OffsetConfig, ShiftConfig } from '../Popover.types';
 type GetMiddleware = {
     offsetConfig: OffsetConfig;
     flipConfig: FlipConfig;
@@ -9,6 +9,6 @@ type GetMiddleware = {
 export declare const getMiddleware: ({ offsetConfig, flipConfig, shiftConfig, arrowConfig, }: GetMiddleware) => {
     name: string;
     options?: any;
-    fn: (state: import("@floating-ui/react").MiddlewareState) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
+    fn: (state: import('@floating-ui/react').MiddlewareState) => import('@floating-ui/react').MiddlewareReturn | Promise<import('@floating-ui/react').MiddlewareReturn>;
 }[];
 export {};

package/dist/utils/getMiddleware.js

@@ -1,26 +1,23 @@
-var _excluded = ["enabled"],
-  _excluded2 = ["enabled"],
-  _excluded3 = ["enabled"];
-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 { arrow, flip, offset, shift } from '@floating-ui/react';
-export var getMiddleware = function getMiddleware(_ref) {
-  var offsetConfig = _ref.offsetConfig,
-    flipConfig = _ref.flipConfig,
-    shiftConfig = _ref.shiftConfig,
-    arrowConfig = _ref.arrowConfig;
-  var middleware = [];
-  var _ref2 = offsetConfig || {},
-    _ref2$enabled = _ref2.enabled,
-    offsetEnabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
-    offsetOptions = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  var _ref3 = flipConfig || {},
-    _ref3$enabled = _ref3.enabled,
-    flipEnabled = _ref3$enabled === void 0 ? true : _ref3$enabled,
-    flipOptions = _objectWithoutPropertiesLoose(_ref3, _excluded2);
-  var _ref4 = shiftConfig || {},
-    _ref4$enabled = _ref4.enabled,
-    shiftEnabled = _ref4$enabled === void 0 ? true : _ref4$enabled,
-    shiftOptions = _objectWithoutPropertiesLoose(_ref4, _excluded3);
+import { offset, flip, shift, arrow } from "@floating-ui/react";
+const getMiddleware = ({
+  offsetConfig,
+  flipConfig,
+  shiftConfig,
+  arrowConfig
+}) => {
+  const middleware = [];
+  const {
+    enabled: offsetEnabled = true,
+    ...offsetOptions
+  } = offsetConfig || {};
+  const {
+    enabled: flipEnabled = true,
+    ...flipOptions
+  } = flipConfig || {};
+  const {
+    enabled: shiftEnabled = true,
+    ...shiftOptions
+  } = shiftConfig || {};
   if (offsetEnabled) {
     middleware.push(offset(offsetOptions));
   }
@@ -30,8 +27,11 @@ export var getMiddleware = function getMiddleware(_ref) {
   if (shiftEnabled) {
     middleware.push(shift(shiftOptions));
   }
-  if (arrowConfig != null && arrowConfig.element) {
+  if (arrowConfig?.element) {
     middleware.push(arrow(arrowConfig));
   }
   return middleware;
-};
+};
+export {
+  getMiddleware
+};

package/dist/utils/getPlacement.d.ts

@@ -1,3 +1,3 @@
-import { type Placement } from '@floating-ui/react';
-import { type LegacyPlacement } from '../Popover.types';
+import { Placement } from '@floating-ui/react';
+import { LegacyPlacement } from '../Popover.types';
 export declare const getPlacement: (placement: LegacyPlacement) => Placement;

package/dist/utils/getPlacement.js

@@ -1,4 +1,7 @@
-import { PLACEMENT_MAP } from '../Popover.const';
-export var getPlacement = function getPlacement(placement) {
+import { PLACEMENT_MAP } from "../Popover.const.js";
+const getPlacement = (placement) => {
   return PLACEMENT_MAP[placement];
-};
+};
+export {
+  getPlacement
+};

package/dist/utils/index.js

@@ -1,2 +1,6 @@
-export * from './getDefaultTransitionConfig';
-export * from './getMiddleware';
+import { getDefaultTransitionConfig } from "./getDefaultTransitionConfig.js";
+import { getMiddleware } from "./getMiddleware.js";
+export {
+  getDefaultTransitionConfig,
+  getMiddleware
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popover",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Popover 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",
     "prepublish": "pnpm run build",
     "types": "tsc --noEmit",
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }