cakeinpanic-ui 1.0.0

package/dist/cjs/popover/usePopoverPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverPosition.js","sources":["../../../src/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '../hooks/index.js'\nimport { PopoverRootProps } from './types.js'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants.js'\nimport { calculatePosition } from './calculatePosition.js'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\n} => {\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement,\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","_ref","placement","DEFAULT_PLACEMENT","anchorRef","style","propsStyle","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,kBAAkB,GAAGC,IAAA,IAW7B;EAAA,IARH;AACAC,IAAAA,SAAS,GAAGC,2BAAiB;IAC7BC,SAAS;AACTC,IAAAA,KAAK,EAAEC,UAAAA;AACoD,GAAC,GAAAL,IAAA,CAAA;AAK5D,EAAA,MAAMM,UAAU,GAAGC,YAAM,CAAI,IAAI,CAAC,CAAA;AAClC,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAI,IAAI,CAAC,CAAA;EAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAgBC,uBAAa,CAAC,CAAA;EAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,2BAAa,EAAE,CAAA;AAEnDC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAI,CAACb,SAAS,CAACc,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAA;IAEtE,MAAMC,UAAU,GAAGf,SAAS,CAACc,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAE9D,MAAMG,QAAQ,GAAGC,mCAAiB,CAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXpB,SACF,CAAC,CAAA;IACDS,eAAe,CAACY,QAAQ,CAAC,CAAA;GAC1B,EAAE,CAACnB,SAAS,EAAEF,SAAS,EAAEY,WAAW,EAAEC,YAAY,CAAC,CAAC,CAAA;AAErD,EAAA,MAAMV,KAAK,GAAG;AACZ,IAAA,GAAGC,UAAU;IACb,GAAGI,YAAAA;GACJ,CAAA;EAED,OAAO;IACLH,UAAU;IACVE,UAAU;AACVJ,IAAAA,KAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/popup-menu/PopupMenu.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../utils/styled-components-wrapper.js');
+const useMergeRefs = require('../hooks/useMergeRefs.js');
+require('../theme/cookie-theme-provider.js');
+require('../theme/theme-provider.js');
+const jsxRuntime = require('react/jsx-runtime');
+require('../theme/document-head-contents/element-theme-colors.js');
+require('../utils/modalRoot.js');
+require('../utils/cookies-client-side.js');
+require('../theme/constants.js');
+require('../theme/utils/set-theme-cookie.js');
+require('../theme/themes.js');
+const PopupMenuProvider = require('./PopupMenuProvider.js');
+const PopupMenuStyles = require('./PopupMenuStyles.js');
+const usePopupFocus = require('./usePopupFocus.js');
+
+const PopupMenu = /*#__PURE__*/React.forwardRef((_ref, externalRef) => {
+  let {
+    variant,
+    children,
+    onKeyDown,
+    onMouseMove,
+    ...rest
+  } = _ref;
+  const {
+    ref: controlRef,
+    handleMouseMove,
+    handleKeyDown,
+    handleEnter,
+    handleExit
+  } = usePopupFocus.usePopupFocus({
+    onMouseMove,
+    onKeyDown
+  });
+  const popupRef = useMergeRefs.useMergeRefs([controlRef, externalRef]);
+  return /*#__PURE__*/jsxRuntime.jsx(PopupMenuStyles.PopupMenuStyle, {
+    onMouseMove: handleMouseMove,
+    onKeyDown: handleKeyDown,
+    onEnter: handleEnter,
+    onExit: handleExit,
+    tabIndex: -1,
+    role: "listbox",
+    ...rest,
+    ref: popupRef,
+    children: /*#__PURE__*/jsxRuntime.jsx(PopupMenuProvider.PopupMenuProvider, {
+      variant: variant,
+      children: children
+    })
+  });
+});
+PopupMenu.displayName = 'PopupMenu';
+
+exports.PopupMenu = PopupMenu;
+//# sourceMappingURL=PopupMenu.js.map

package/dist/cjs/popup-menu/PopupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.js","sources":["../../../src/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenuProvider } from './PopupMenuProvider.js'\nimport { PopupMenuStyle } from './PopupMenuStyles.js'\nimport { PopupMenuProps } from './types.js'\nimport { usePopupFocus } from './usePopupFocus.js'\n\nexport const PopupMenu = forwardRef(\n  (\n    { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n    externalRef?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      ref: controlRef,\n      handleMouseMove,\n      handleKeyDown,\n      handleEnter,\n      handleExit,\n    } = usePopupFocus({ onMouseMove, onKeyDown })\n    const popupRef = useMergeRefs([controlRef, externalRef])\n\n    return (\n      <PopupMenuStyle\n        onMouseMove={handleMouseMove}\n        onKeyDown={handleKeyDown}\n        onEnter={handleEnter}\n        onExit={handleExit}\n        tabIndex={-1}\n        role='listbox'\n        {...rest}\n        ref={popupRef}\n      >\n        <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n      </PopupMenuStyle>\n    )\n  },\n)\nPopupMenu.displayName = 'PopupMenu'\n"],"names":["PopupMenu","forwardRef","_ref","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","_jsx","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EAEEC,WAA0C,KACvC;EAAA,IAFH;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,WAAW;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAN,IAAA,CAAA;EAGtE,MAAM;AACJO,IAAAA,GAAG,EAAEC,UAAU;IACfC,eAAe;IACfC,aAAa;IACbC,WAAW;AACXC,IAAAA,UAAAA;GACD,GAAGC,2BAAa,CAAC;IAAER,WAAW;AAAED,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAC7C,MAAMU,QAAQ,GAAGC,yBAAY,CAAC,CAACP,UAAU,EAAEP,WAAW,CAAC,CAAC,CAAA;EAExD,oBACEe,cAAA,CAACC,8BAAc,EAAA;AACbZ,IAAAA,WAAW,EAAEI,eAAgB;AAC7BL,IAAAA,SAAS,EAAEM,aAAc;AACzBQ,IAAAA,OAAO,EAAEP,WAAY;AACrBQ,IAAAA,MAAM,EAAEP,UAAW;IACnBQ,QAAQ,EAAE,CAAC,CAAE;AACbC,IAAAA,IAAI,EAAC,SAAS;AAAA,IAAA,GACVf,IAAI;AACRC,IAAAA,GAAG,EAAEO,QAAS;IAAAX,QAAA,eAEda,cAAA,CAACM,mCAAiB,EAAA;AAACpB,MAAAA,OAAO,EAAEA,OAAQ;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAA4B,CAAA;AAAC,GACrD,CAAC,CAAA;AAErB,CACF,EAAC;AACDL,SAAS,CAACyB,WAAW,GAAG,WAAW;;;;"}

package/dist/cjs/popup-menu/PopupMenuItem.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const PopupMenuItemStyles = require('./PopupMenuItemStyles.js');
+const PopupMenuProvider = require('./PopupMenuProvider.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const PopupMenuItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    leftDecorator,
+    rightDecorator,
+    children,
+    ...rest
+  } = _ref;
+  const {
+    variant = 'default'
+  } = PopupMenuProvider.usePopupMenuContext();
+  const hasLeftDecorator = !!leftDecorator;
+  const hasRightDecorator = !!rightDecorator;
+  return /*#__PURE__*/jsxRuntime.jsxs(PopupMenuItemStyles.PopupMenuItemStyle, {
+    $active: active,
+    role: "option",
+    "aria-selected": active,
+    ...rest,
+    ref: ref,
+    children: [hasLeftDecorator && /*#__PURE__*/jsxRuntime.jsx(PopupMenuItemStyles.PopupMenuItemLeftDecoratorStyle, {
+      children: leftDecorator
+    }), /*#__PURE__*/jsxRuntime.jsx(PopupMenuItemStyles.PopupMenuItemContentStyle, {
+      $variant: variant,
+      children: children
+    }), hasRightDecorator && /*#__PURE__*/jsxRuntime.jsx(PopupMenuItemStyles.PopupMenuItemRightDecoratorStyle, {
+      children: rightDecorator
+    })]
+  });
+});
+PopupMenuItem.displayName = 'PopupMenuItem';
+
+exports.PopupMenuItem = PopupMenuItem;
+//# sourceMappingURL=PopupMenuItem.js.map

package/dist/cjs/popup-menu/PopupMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenuItem.js","sources":["../../../src/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles.js'\nimport { usePopupMenuContext } from './PopupMenuProvider.js'\nimport { PopupMenuItemProps } from './types.js'\n\nexport const PopupMenuItem = forwardRef(\n  (\n    {\n      active = false,\n      leftDecorator,\n      rightDecorator,\n      children,\n      ...rest\n    }: PopupMenuItemProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { variant = 'default' } = usePopupMenuContext()\n\n    const hasLeftDecorator = !!leftDecorator\n    const hasRightDecorator = !!rightDecorator\n\n    return (\n      <PopupMenuItemStyle\n        $active={active}\n        role='option'\n        aria-selected={active}\n        {...rest}\n        ref={ref}\n      >\n        {hasLeftDecorator && (\n          <PopupMenuItemLeftDecoratorStyle>\n            {leftDecorator}\n          </PopupMenuItemLeftDecoratorStyle>\n        )}\n\n        <PopupMenuItemContentStyle $variant={variant}>\n          {children}\n        </PopupMenuItemContentStyle>\n\n        {hasRightDecorator && (\n          <PopupMenuItemRightDecoratorStyle>\n            {rightDecorator}\n          </PopupMenuItemRightDecoratorStyle>\n        )}\n      </PopupMenuItemStyle>\n    )\n  },\n)\nPopupMenuItem.displayName = 'PopupMenuItem'\n"],"names":["PopupMenuItem","forwardRef","_ref","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","_jsxs","PopupMenuItemStyle","$active","role","_jsx","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,aAAa,gBAAGC,gBAAU,CACrC,CAAAC,IAAA,EAQEC,GAAqC,KAClC;EAAA,IARH;AACEC,IAAAA,MAAM,GAAG,KAAK;IACdC,aAAa;IACbC,cAAc;IACdC,QAAQ;IACR,GAAGC,IAAAA;AACe,GAAC,GAAAN,IAAA,CAAA;EAGrB,MAAM;AAAEO,IAAAA,OAAO,GAAG,SAAA;GAAW,GAAGC,qCAAmB,EAAE,CAAA;AAErD,EAAA,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa,CAAA;AACxC,EAAA,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc,CAAA;EAE1C,oBACEO,eAAA,CAACC,sCAAkB,EAAA;AACjBC,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeZ,MAAO;AAAA,IAAA,GAClBI,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;AAAAI,IAAAA,QAAA,EAERI,CAAAA,gBAAgB,iBACfM,cAAA,CAACC,mDAA+B,EAAA;AAAAX,MAAAA,QAAA,EAC7BF,aAAAA;AAAa,KACiB,CAClC,eAEDY,cAAA,CAACE,6CAAyB,EAAA;AAACC,MAAAA,QAAQ,EAAEX,OAAQ;AAAAF,MAAAA,QAAA,EAC1CA,QAAAA;AAAQ,KACgB,CAAC,EAE3BK,iBAAiB,iBAChBK,cAAA,CAACI,oDAAgC,EAAA;AAAAd,MAAAA,QAAA,EAC9BD,cAAAA;AAAc,KACiB,CACnC,CAAA;AAAA,GACiB,CAAC,CAAA;AAEzB,CACF,EAAC;AACDN,aAAa,CAACsB,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/popup-menu/PopupMenuItemStyles.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const PopupMenuItemStyle = styledComponentsWrapper.default.button`
+  text-align: left;
+  display: flex;
+  width: 100%;
+  align-items: stretch;
+  box-sizing: border-box;
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  background: transparent;
+  border-radius: 0;
+  color: var(--lido-color-text);
+  border: none;
+  box-shadow: none;
+  outline: none;
+  cursor: pointer;
+  padding: 0 15px;
+  margin: 0;
+  position: relative;
+
+  &:disabled {
+    cursor: default;
+    color: var(--lido-color-textSecondary);
+  }
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    opacity: ${_ref => {
+  let {
+    $active
+  } = _ref;
+  return $active ? 0.04 : 0;
+}};
+    background: var(--lido-color-popupMenuItemBgActiveHover);
+    transition: opacity ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.duration.fast;
+}} ease;
+  }
+
+  &:focus:not(:disabled):before {
+    opacity: 0.04;
+  }
+`;
+const variants = {
+  small: _styled.css`
+    padding: 12px 0;
+    font-size: ${_ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme.fontSizesMap.xxs;
+  }}px;
+    line-height: 1.35em;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 800;
+  `,
+  default: _styled.css`
+    padding: 18px 0;
+    font-size: ${_ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return theme.fontSizesMap.xs;
+  }}px;
+    line-height: 1.4em;
+    font-weight: 400;
+  `
+};
+const PopupMenuItemContentStyle = styledComponentsWrapper.default.span`
+  position: relative;
+  padding: 18px 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  ${_ref5 => {
+  let {
+    $variant
+  } = _ref5;
+  return variants[$variant];
+}}
+`;
+const decoratorCSS = _styled.css`
+  flex-grow: 0;
+  flex-shrink: 0;
+  cursor: default;
+  display: flex;
+  align-items: center;
+`;
+const PopupMenuItemLeftDecoratorStyle = styledComponentsWrapper.default.span`
+  ${decoratorCSS};
+  padding-right: 16px;
+`;
+const PopupMenuItemRightDecoratorStyle = styledComponentsWrapper.default.span`
+  ${decoratorCSS};
+  padding-left: 16px;
+`;
+
+exports.PopupMenuItemContentStyle = PopupMenuItemContentStyle;
+exports.PopupMenuItemLeftDecoratorStyle = PopupMenuItemLeftDecoratorStyle;
+exports.PopupMenuItemRightDecoratorStyle = PopupMenuItemRightDecoratorStyle;
+exports.PopupMenuItemStyle = PopupMenuItemStyle;
+//# sourceMappingURL=PopupMenuItemStyles.js.map

package/dist/cjs/popup-menu/PopupMenuItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenuItemStyles.js","sources":["../../../src/popup-menu/PopupMenuItemStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { PopupMenuVariants } from './types.js'\n\nexport const PopupMenuItemStyle = styled.button<{ $active: boolean }>`\n  text-align: left;\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  background: transparent;\n  border-radius: 0;\n  color: var(--lido-color-text);\n  border: none;\n  box-shadow: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0 15px;\n  margin: 0;\n  position: relative;\n\n  &:disabled {\n    cursor: default;\n    color: var(--lido-color-textSecondary);\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    opacity: ${({ $active }) => ($active ? 0.04 : 0)};\n    background: var(--lido-color-popupMenuItemBgActiveHover);\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  &:focus:not(:disabled):before {\n    opacity: 0.04;\n  }\n`\n\nconst variants = {\n  small: css`\n    padding: 12px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.35em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  `,\n  default: css`\n    padding: 18px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.4em;\n    font-weight: 400;\n  `,\n}\n\nexport const PopupMenuItemContentStyle = styled.span<{\n  $variant: PopupMenuVariants\n}>`\n  position: relative;\n  padding: 18px 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  ${({ $variant }) => variants[$variant]}\n`\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: default;\n  display: flex;\n  align-items: center;\n`\n\nexport const PopupMenuItemLeftDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-right: 16px;\n`\n\nexport const PopupMenuItemRightDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-left: 16px;\n`\n"],"names":["PopupMenuItemStyle","styled","button","_ref","$active","_ref2","theme","duration","fast","variants","small","css","_ref3","fontSizesMap","xxs","default","_ref4","xs","PopupMenuItemContentStyle","span","_ref5","$variant","decoratorCSS","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle"],"mappings":";;;;;;;AAGaA,MAAAA,kBAAkB,GAAGC,+BAAM,CAACC,MAA4B,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,IAAI,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AACpD;AACA,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA,EAAC;AAED,MAAMC,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEC,WAAG,CAAA;AACZ;AACA,eAAA,EAAiBC,KAAA,IAAA;IAAA,IAAC;AAAEN,MAAAA,KAAAA;AAAM,KAAC,GAAAM,KAAA,CAAA;AAAA,IAAA,OAAKN,KAAK,CAACO,YAAY,CAACC,GAAG,CAAA;AAAA,GAAA,CAAA;AACtD;AACA;AACA;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAEJ,WAAG,CAAA;AACd;AACA,eAAA,EAAiBK,KAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;AAAM,KAAC,GAAAU,KAAA,CAAA;AAAA,IAAA,OAAKV,KAAK,CAACO,YAAY,CAACI,EAAE,CAAA;AAAA,GAAA,CAAA;AACrD;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYC,MAAAA,yBAAyB,GAAGjB,+BAAM,CAACkB,IAE9C,CAAA;AACF;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKX,QAAQ,CAACY,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACxC,EAAC;AAED,MAAMC,YAAY,GAAGX,WAAG,CAAA;AACxB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAEYY,MAAAA,+BAA+B,GAAGtB,+BAAM,CAACkB,IAAI,CAAA;AAC1D,EAAA,EAAIG,YAAY,CAAA;AAChB;AACA,EAAC;AAEYE,MAAAA,gCAAgC,GAAGvB,+BAAM,CAACkB,IAAI,CAAA;AAC3D,EAAA,EAAIG,YAAY,CAAA;AAChB;AACA;;;;;;;"}

package/dist/cjs/popup-menu/PopupMenuProvider.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Context = /*#__PURE__*/React.createContext({});
+const usePopupMenuContext = () => {
+  return React.useContext(Context);
+};
+const PopupMenuProvider = _ref => {
+  let {
+    variant,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: {
+      variant
+    },
+    ...rest
+  });
+};
+
+exports.PopupMenuProvider = PopupMenuProvider;
+exports.usePopupMenuContext = usePopupMenuContext;
+//# sourceMappingURL=PopupMenuProvider.js.map

package/dist/cjs/popup-menu/PopupMenuProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenuProvider.js","sources":["../../../src/popup-menu/PopupMenuProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types.js'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = ({\n  variant,\n  ...rest\n}) => {\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["Context","createContext","usePopupMenuContext","useContext","PopupMenuProvider","_ref","variant","rest","_jsx","Provider","value"],"mappings":";;;;;;;AAOA,MAAMA,OAAO,gBAAGC,mBAAa,CAAC,EAAsB,CAAC,CAAA;AAExCC,MAAAA,mBAAmB,GAAGA,MAAwB;EACzD,OAAOC,gBAAU,CAACH,OAAO,CAAC,CAAA;AAC5B,EAAC;AAEYI,MAAAA,iBAA0D,GAAGC,IAAA,IAGpE;EAAA,IAHqE;IACzEC,OAAO;IACP,GAAGC,IAAAA;AACL,GAAC,GAAAF,IAAA,CAAA;AACC,EAAA,oBAAOG,cAAA,CAACR,OAAO,CAACS,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,OAAAA;KAAU;IAAA,GAAKC,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC3D;;;;;"}

package/dist/cjs/popup-menu/PopupMenuStyles.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const Popover = require('../popover/Popover.js');
+const PopupMenuItemStyles = require('./PopupMenuItemStyles.js');
+
+const PopupMenuStyle = styledComponentsWrapper.default(Popover.Popover)`
+  outline: none;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.lg;
+}}px;
+  overflow: auto;
+  overflow-x: hidden;
+  box-shadow: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.boxShadows.xs;
+}}
+    var(--lido-color-shadowLight);
+  padding: 0;
+
+  ${PopupMenuItemStyles.PopupMenuItemStyle}:first-child {
+    border-top-left-radius: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-top-right-radius: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+
+  ${PopupMenuItemStyles.PopupMenuItemStyle}:last-child {
+    border-bottom-left-radius: ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-bottom-right-radius: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+`;
+
+exports.PopupMenuStyle = PopupMenuStyle;
+//# sourceMappingURL=PopupMenuStyles.js.map

package/dist/cjs/popup-menu/PopupMenuStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenuStyles.js","sources":["../../../src/popup-menu/PopupMenuStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Popover } from '../popover/index.js'\nimport { PopupMenuItemStyle } from './PopupMenuItemStyles.js'\n\nexport const PopupMenuStyle = styled(Popover)`\n  outline: none;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  overflow: auto;\n  overflow-x: hidden;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: 0;\n\n  ${PopupMenuItemStyle}:first-child {\n    border-top-left-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n    border-top-right-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n  }\n\n  ${PopupMenuItemStyle}:last-child {\n    border-bottom-left-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n    border-bottom-right-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n  }\n`\n"],"names":["PopupMenuStyle","styled","Popover","_ref","theme","borderRadiusesMap","lg","_ref2","boxShadows","xs","PopupMenuItemStyle","_ref3","_ref4","_ref5","_ref6"],"mappings":";;;;;;;;MAIaA,cAAc,GAAGC,+BAAM,CAACC,eAAO,CAAC,CAAA;AAC7C;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,cAAA,EAAgBC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,UAAU,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAClD;AACA;AACA;AACA,EAAA,EAAIC,sCAAkB,CAAA;AACtB,4BAAA,EAA8BC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAC3E,6BAAA,EAA+BM,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;AAAM,GAAC,GAAAQ,KAAA,CAAA;AAAA,EAAA,OAAKR,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAC5E;AACA;AACA,EAAA,EAAII,sCAAkB,CAAA;AACtB,+BAAA,EAAiCG,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,KAAAA;AAAM,GAAC,GAAAS,KAAA,CAAA;AAAA,EAAA,OACrCT,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AACpC,gCAAA,EAAkCQ,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OACtCV,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AACpC;AACA;;;;"}

package/dist/cjs/popup-menu/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FOCUSABLE_ELEMENTS = ['a[href]', 'button:not([disabled]):not([aria-hidden])', '[tabindex]:not([tabindex^="-"])'];
+
+exports.FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/popup-menu/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/popup-menu/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'button:not([disabled]):not([aria-hidden])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":";;;;AAAO,MAAMA,kBAAkB,GAAG,CAChC,SAAS,EACT,2CAA2C,EAC3C,iCAAiC;;;;"}

package/dist/cjs/popup-menu/types.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let PopupMenuVariant = /*#__PURE__*/function (PopupMenuVariant) {
+  PopupMenuVariant[PopupMenuVariant["small"] = 0] = "small";
+  PopupMenuVariant[PopupMenuVariant["default"] = 1] = "default";
+  return PopupMenuVariant;
+}({});
+
+exports.PopupMenuVariant = PopupMenuVariant;
+//# sourceMappingURL=types.js.map

package/dist/cjs/popup-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/popup-menu/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport { PopoverProps } from '../popover/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n    active?: boolean\n  }\n>\n"],"names":["PopupMenuVariant"],"mappings":";;;;AAKYA,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/popup-menu/usePopupFocus.js

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../utils/styled-components-wrapper.js');
+const useInterceptFocus = require('../hooks/useInterceptFocus.js');
+require('use-callback-ref');
+require('../theme/cookie-theme-provider.js');
+require('../theme/theme-provider.js');
+require('react/jsx-runtime');
+require('../theme/document-head-contents/element-theme-colors.js');
+require('../utils/modalRoot.js');
+require('../utils/cookies-client-side.js');
+require('../theme/constants.js');
+require('../theme/utils/set-theme-cookie.js');
+require('../theme/themes.js');
+const constants = require('./constants.js');
+
+const usePopupFocus = _ref => {
+  let {
+    onMouseMove,
+    onKeyDown
+  } = _ref;
+  const ref = React.useRef(null);
+  const getFocusableNodes = React.useCallback(() => {
+    const nodes = ref.current?.querySelectorAll(constants.FOCUSABLE_ELEMENTS.join(',')) ?? [];
+    return Array.from(nodes).filter(node => node && node instanceof HTMLElement && node.offsetParent !== null);
+  }, []);
+  const handleFocusTo = React.useCallback(function (event) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    const focusableNodes = getFocusableNodes();
+    if (focusableNodes.length === 0) return;
+    const currentElement = document.activeElement;
+    const focusedItemIndex = currentElement instanceof HTMLElement ? focusableNodes.indexOf(currentElement) : -1;
+    const activeItemIndex = focusableNodes.findIndex(node => node.getAttribute('aria-selected') === 'true');
+    const currentIndex = focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex;
+    let nextIndex = currentIndex + offset;
+    if (nextIndex < 0) nextIndex = focusableNodes.length - 1;
+    if (nextIndex >= focusableNodes.length) nextIndex = 0;
+    focusableNodes[nextIndex].focus();
+    event.preventDefault();
+  }, [getFocusableNodes]);
+  const handleMouseMove = React.useCallback(event => {
+    onMouseMove?.(event);
+    const {
+      target
+    } = event;
+    if (!(target instanceof HTMLElement)) return;
+    const focusableNodes = getFocusableNodes();
+    const overed = target.closest(constants.FOCUSABLE_ELEMENTS.join(','));
+    if (!(overed instanceof HTMLElement)) return;
+    const isNotFocusable = !focusableNodes.includes(overed);
+    const isActive = overed === document.activeElement;
+    if (isActive || isNotFocusable) return;
+    overed.focus();
+  }, [getFocusableNodes, onMouseMove]);
+  const handleKeyDown = React.useCallback(event => {
+    onKeyDown?.(event);
+    const code = event.code ?? event.key;
+    if (code === 'Tab') event.preventDefault();
+    if (code === 'ArrowDown') handleFocusTo(event, +1);
+    if (code === 'ArrowUp') handleFocusTo(event, -1);
+  }, [handleFocusTo, onKeyDown]);
+  const [interceptFocus, restoreFocus] = useInterceptFocus.useInterceptFocus();
+  const handleEnter = React.useCallback(() => {
+    if (ref.current) interceptFocus(ref.current);
+  }, [interceptFocus]);
+  const handleExit = React.useCallback(() => {
+    restoreFocus();
+  }, [restoreFocus]);
+  return {
+    ref,
+    handleMouseMove,
+    handleKeyDown,
+    handleEnter,
+    handleExit
+  };
+};
+
+exports.usePopupFocus = usePopupFocus;
+//# sourceMappingURL=usePopupFocus.js.map

package/dist/cjs/popup-menu/usePopupFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupFocus.js","sources":["../../../src/popup-menu/usePopupFocus.ts"],"sourcesContent":["import {\n  KeyboardEvent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useRef,\n} from 'react'\nimport { useInterceptFocus } from '../hooks/index.js'\nimport { FOCUSABLE_ELEMENTS } from './constants.js'\nimport { PopupMenuProps } from './types.js'\n\nexport const usePopupFocus = <T extends HTMLDivElement>({\n  onMouseMove,\n  onKeyDown,\n}: Pick<PopupMenuProps, 'onMouseMove' | 'onKeyDown'>): {\n  ref: RefObject<T>\n  handleMouseMove: MouseEventHandler<T>\n  handleKeyDown: KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null,\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true',\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes],\n  )\n\n  const handleMouseMove: MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove],\n  )\n\n  const handleKeyDown: KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown],\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["usePopupFocus","_ref","onMouseMove","onKeyDown","ref","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","arguments","length","undefined","focusableNodes","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","useInterceptFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/cjs/section/Section.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const SectionStyles = require('./SectionStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Section = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    title,
+    headerDecorator,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(SectionStyles.SectionStyle, {
+    ...rest,
+    ref: ref,
+    children: [title && /*#__PURE__*/jsxRuntime.jsxs(SectionStyles.SectionHeaderStyle, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(SectionStyles.SectionTitleStyle, {
+        children: title
+      }), headerDecorator && /*#__PURE__*/jsxRuntime.jsx(SectionStyles.SectionHeaderDecoratorStyle, {
+        children: headerDecorator
+      })]
+    }), children]
+  });
+});
+Section.displayName = 'Section';
+
+exports.Section = Section;
+//# sourceMappingURL=Section.js.map

package/dist/cjs/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../src/section/Section.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SectionProps } from './types.js'\nimport {\n  SectionStyle,\n  SectionHeaderStyle,\n  SectionTitleStyle,\n  SectionHeaderDecoratorStyle,\n} from './SectionStyles.js'\n\nexport const Section = forwardRef(\n  (\n    { title, headerDecorator, children, ...rest }: SectionProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <SectionStyle {...rest} ref={ref}>\n        {title && (\n          <SectionHeaderStyle>\n            <SectionTitleStyle>{title}</SectionTitleStyle>\n            {headerDecorator && (\n              <SectionHeaderDecoratorStyle>\n                {headerDecorator}\n              </SectionHeaderDecoratorStyle>\n            )}\n          </SectionHeaderStyle>\n        )}\n        {children}\n      </SectionStyle>\n    )\n  },\n)\nSection.displayName = 'Section'\n"],"names":["Section","forwardRef","_ref","ref","title","headerDecorator","children","rest","_jsxs","SectionStyle","SectionHeaderStyle","_jsx","SectionTitleStyle","SectionHeaderDecoratorStyle","displayName"],"mappings":";;;;;;;;AASO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,eAAe;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAmB,GAAC,GAAAL,IAAA,CAAA;EAG3D,oBACEM,eAAA,CAACC,0BAAY,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEJ,IAAAA,GAAG,EAAEA,GAAI;AAAAG,IAAAA,QAAA,EAC9BF,CAAAA,KAAK,iBACJI,eAAA,CAACE,gCAAkB,EAAA;MAAAJ,QAAA,EAAA,cACjBK,cAAA,CAACC,+BAAiB,EAAA;AAAAN,QAAAA,QAAA,EAAEF,KAAAA;AAAK,OAAoB,CAAC,EAC7CC,eAAe,iBACdM,cAAA,CAACE,yCAA2B,EAAA;AAAAP,QAAAA,QAAA,EACzBD,eAAAA;AAAe,OACW,CAC9B,CAAA;KACiB,CACrB,EACAC,QAAQ,CAAA;AAAA,GACG,CAAC,CAAA;AAEnB,CACF,EAAC;AACDN,OAAO,CAACc,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/section/SectionStyles.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const SectionStyle = styledComponentsWrapper.default.section`
+  margin: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.xxl;
+}}px 0;
+`;
+const SectionHeaderStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontSizesMap.xxs;
+}}px;
+`;
+const SectionTitleStyle = styledComponentsWrapper.default.h2`
+  margin-right: auto;
+  font-weight: 800;
+  font-size: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.fontSizesMap.md;
+}}px;
+  line-height: 1.3em;
+`;
+const SectionHeaderDecoratorStyle = styledComponentsWrapper.default.div`
+  margin-left: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.lg;
+}}px;
+  font-size: ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.5em;
+`;
+
+exports.SectionHeaderDecoratorStyle = SectionHeaderDecoratorStyle;
+exports.SectionHeaderStyle = SectionHeaderStyle;
+exports.SectionStyle = SectionStyle;
+exports.SectionTitleStyle = SectionTitleStyle;
+//# sourceMappingURL=SectionStyles.js.map

package/dist/cjs/section/SectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionStyles.js","sources":["../../../src/section/SectionStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const SectionStyle = styled.section`\n  margin: ${({ theme }) => theme.spaceMap.xxl}px 0;\n`\n\nexport const SectionHeaderStyle = styled.div`\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: ${({ theme }) => theme.fontSizesMap.xxs}px;\n`\n\nexport const SectionTitleStyle = styled.h2`\n  margin-right: auto;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n  line-height: 1.3em;\n`\n\nexport const SectionHeaderDecoratorStyle = styled.div`\n  margin-left: ${({ theme }) => theme.spaceMap.lg}px;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.5em;\n`\n"],"names":["SectionStyle","styled","section","_ref","theme","spaceMap","xxl","SectionHeaderStyle","div","_ref2","fontSizesMap","xxs","SectionTitleStyle","h2","_ref3","md","SectionHeaderDecoratorStyle","_ref4","lg","_ref5"],"mappings":";;;;;;AAEaA,MAAAA,YAAY,GAAGC,+BAAM,CAACC,OAAO,CAAA;AAC1C,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC7C,EAAC;AAEYC,MAAAA,kBAAkB,GAAGN,+BAAM,CAACO,GAAG,CAAA;AAC5C;AACA;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACxD,EAAC;AAEYC,MAAAA,iBAAiB,GAAGX,+BAAM,CAACY,EAAE,CAAA;AAC1C;AACA;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACM,YAAY,CAACK,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAC;AAEYC,MAAAA,2BAA2B,GAAGf,+BAAM,CAACO,GAAG,CAAA;AACrD,eAAA,EAAiBS,KAAA,IAAA;EAAA,IAAC;AAAEb,IAAAA,KAAAA;AAAM,GAAC,GAAAa,KAAA,CAAA;AAAA,EAAA,OAAKb,KAAK,CAACC,QAAQ,CAACa,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEf,IAAAA,KAAAA;AAAM,GAAC,GAAAe,KAAA,CAAA;AAAA,EAAA,OAAKf,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;;;;"}

package/dist/cjs/select/Option.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../popup-menu/PopupMenu.js');
+const PopupMenuItem = require('../popup-menu/PopupMenuItem.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Option = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    value,
+    onClick,
+    onChange,
+    ...rest
+  } = _ref;
+  const handleClick = React.useCallback(event => {
+    onChange?.(value);
+    onClick?.(event);
+  }, [value, onChange, onClick]);
+  return /*#__PURE__*/jsxRuntime.jsx(PopupMenuItem.PopupMenuItem, {
+    onClick: handleClick,
+    ref: ref,
+    ...rest
+  });
+});
+Option.displayName = 'Option';
+
+exports.Option = Option;
+//# sourceMappingURL=Option.js.map

package/dist/cjs/select/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../src/select/Option.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEvent, useCallback } from 'react'\nimport { PopupMenuItem } from '../popup-menu/index.js'\nimport { OptionProps } from './types.js'\n\nexport const Option = forwardRef(\n  (\n    { value, onClick, onChange, ...rest }: OptionProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onChange?.(value)\n        onClick?.(event)\n      },\n      [value, onChange, onClick],\n    )\n\n    return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n  },\n)\nOption.displayName = 'Option'\n"],"names":["Option","forwardRef","_ref","ref","value","onClick","onChange","rest","handleClick","useCallback","event","_jsx","PopupMenuItem","displayName"],"mappings":";;;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAL,IAAA,CAAA;AAGlD,EAAA,MAAMM,WAAW,GAAGC,iBAAW,CAC5BC,KAAoC,IAAK;IACxCJ,QAAQ,GAAGF,KAAK,CAAC,CAAA;IACjBC,OAAO,GAAGK,KAAK,CAAC,CAAA;GACjB,EACD,CAACN,KAAK,EAAEE,QAAQ,EAAED,OAAO,CAC3B,CAAC,CAAA;EAED,oBAAOM,cAAA,CAACC,2BAAa,EAAA;AAACP,IAAAA,OAAO,EAAEG,WAAY;AAACL,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKI,IAAAA;AAAI,GAAG,CAAC,CAAA;AACpE,CACF,EAAC;AACDP,MAAM,CAACa,WAAW,GAAG,QAAQ;;;;"}