cakeinpanic-ui 1.0.0

package/dist/cjs/select/Select.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const SelectStyles = require('./SelectStyles.js');
+const SelectArrow = require('./SelectArrow.js');
+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 PopupMenu = require('../popup-menu/PopupMenu.js');
+require('../popup-menu/PopupMenuItem.js');
+const useSelect = require('./useSelect.js');
+const useSelectWidth = require('./useSelectWidth.js');
+
+const Select = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    wrapperRef: externalWrapperRef,
+    anchorRef: externalAnchorRef,
+    arrow = 'default',
+    variant,
+    value,
+    defaultValue,
+    disabled,
+    children,
+    onClick,
+    onKeyDown,
+    onChange,
+    ...rest
+  } = _ref;
+  const localAnchorRef = React.useRef(null);
+  const wrapperRef = useMergeRefs.useMergeRefs([localAnchorRef, externalWrapperRef]);
+  const anchorRef = externalAnchorRef || localAnchorRef;
+  const {
+    opened,
+    options,
+    title,
+    handleClick,
+    handleClose,
+    handleKeyDown
+  } = useSelect.useSelect({
+    value,
+    defaultValue,
+    disabled,
+    onClick,
+    onChange,
+    onKeyDown,
+    children
+  });
+  const width = useSelectWidth.useSelectWidth(opened, anchorRef);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(SelectStyles.SelectWrapperStyle, {
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      active: opened,
+      value: title,
+      rightDecorator: /*#__PURE__*/jsxRuntime.jsx(SelectArrow.SelectArrow, {
+        arrow: arrow,
+        disabled: disabled,
+        opened: opened
+      }),
+      wrapperRef: wrapperRef,
+      variant: variant,
+      ...rest,
+      ref: ref,
+      readOnly: true
+    }), /*#__PURE__*/jsxRuntime.jsx(PopupMenu.PopupMenu, {
+      open: opened,
+      variant: variant,
+      anchorRef: anchorRef,
+      style: {
+        minWidth: width
+      },
+      onClose: handleClose,
+      children: options
+    })]
+  });
+});
+Select.displayName = 'Select';
+
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/select/Select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles.js'\nimport { SelectArrow } from './SelectArrow.js'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenu } from '../popup-menu/index.js'\nimport { SelectProps } from './types.js'\nimport { useSelect } from './useSelect.js'\nimport { useSelectWidth } from './useSelectWidth.js'\n\nexport const Select = forwardRef(\n  (\n    {\n      wrapperRef: externalWrapperRef,\n      anchorRef: externalAnchorRef,\n      arrow = 'default',\n      variant,\n      value,\n      defaultValue,\n      disabled,\n      children,\n      onClick,\n      onKeyDown,\n      onChange,\n      ...rest\n    }: SelectProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const localAnchorRef = useRef<HTMLLabelElement>(null)\n    const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n    const anchorRef = externalAnchorRef || localAnchorRef\n\n    const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n      useSelect({\n        value,\n        defaultValue,\n        disabled,\n        onClick,\n        onChange,\n        onKeyDown,\n        children,\n      })\n    const width = useSelectWidth(opened, anchorRef)\n\n    return (\n      <>\n        <SelectWrapperStyle\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          active={opened}\n          value={title}\n          rightDecorator={\n            <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n          }\n          wrapperRef={wrapperRef}\n          variant={variant}\n          {...rest}\n          ref={ref}\n          readOnly\n        />\n        <PopupMenu\n          open={opened}\n          variant={variant}\n          anchorRef={anchorRef}\n          style={{ minWidth: width }}\n          onClose={handleClose}\n        >\n          {options}\n        </PopupMenu>\n      </>\n    )\n  },\n)\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","_ref","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","disabled","children","onClick","onKeyDown","onChange","rest","localAnchorRef","useRef","useMergeRefs","opened","options","title","handleClick","handleClose","handleKeyDown","useSelect","width","useSelectWidth","_jsxs","_Fragment","_jsx","SelectWrapperStyle","active","rightDecorator","SelectArrow","readOnly","PopupMenu","open","style","minWidth","onClose","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAoC,KACjC;EAAA,IAfH;AACEC,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BC,IAAAA,SAAS,EAAEC,iBAAiB;AAC5BC,IAAAA,KAAK,GAAG,SAAS;IACjBC,OAAO;IACPC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACQ,GAAC,GAAAf,IAAA,CAAA;AAGd,EAAA,MAAMgB,cAAc,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAA;EACrD,MAAMf,UAAU,GAAGgB,yBAAY,CAAC,CAACF,cAAc,EAAEb,kBAAkB,CAAC,CAAC,CAAA;AACrE,EAAA,MAAMC,SAAS,GAAGC,iBAAiB,IAAIW,cAAc,CAAA;EAErD,MAAM;IAAEG,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,WAAW;IAAEC,WAAW;AAAEC,IAAAA,aAAAA;GAAe,GACvEC,mBAAS,CAAC;IACRjB,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRE,OAAO;IACPE,QAAQ;IACRD,SAAS;AACTF,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;AACJ,EAAA,MAAMe,KAAK,GAAGC,6BAAc,CAACR,MAAM,EAAEf,SAAS,CAAC,CAAA;EAE/C,oBACEwB,eAAA,CAAAC,mBAAA,EAAA;IAAAlB,QAAA,EAAA,cACEmB,cAAA,CAACC,+BAAkB,EAAA;AACjBnB,MAAAA,OAAO,EAAEU,WAAY;AACrBT,MAAAA,SAAS,EAAEW,aAAc;AACzBQ,MAAAA,MAAM,EAAEb,MAAO;AACfX,MAAAA,KAAK,EAAEa,KAAM;MACbY,cAAc,eACZH,cAAA,CAACI,uBAAW,EAAA;AAAC5B,QAAAA,KAAK,EAAEA,KAAM;AAACI,QAAAA,QAAQ,EAAEA,QAAS;AAACS,QAAAA,MAAM,EAAEA,MAAAA;AAAO,OAAE,CACjE;AACDjB,MAAAA,UAAU,EAAEA,UAAW;AACvBK,MAAAA,OAAO,EAAEA,OAAQ;AAAA,MAAA,GACbQ,IAAI;AACRd,MAAAA,GAAG,EAAEA,GAAI;MACTkC,QAAQ,EAAA,IAAA;AAAA,KACT,CAAC,eACFL,cAAA,CAACM,mBAAS,EAAA;AACRC,MAAAA,IAAI,EAAElB,MAAO;AACbZ,MAAAA,OAAO,EAAEA,OAAQ;AACjBH,MAAAA,SAAS,EAAEA,SAAU;AACrBkC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAEb,KAAAA;OAAQ;AAC3Bc,MAAAA,OAAO,EAAEjB,WAAY;AAAAZ,MAAAA,QAAA,EAEpBS,OAAAA;AAAO,KACC,CAAC,CAAA;AAAA,GACZ,CAAC,CAAA;AAEP,CACF,EAAC;AACDtB,MAAM,CAAC2C,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/select/SelectArrow.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SelectArrowStyles = require('./SelectArrowStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const SelectArrow = _ref => {
+  let {
+    arrow,
+    disabled = false,
+    opened
+  } = _ref;
+  const commonProps = {
+    $opened: opened,
+    $disabled: disabled
+  };
+  if (arrow === 'default') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowBigStyle, {
+    ...commonProps
+  });
+  if (arrow === 'small') return /*#__PURE__*/jsxRuntime.jsx(SelectArrowStyles.SelectArrowSmallStyle, {
+    ...commonProps
+  });
+  return null;
+};
+
+exports.SelectArrow = SelectArrow;
+//# sourceMappingURL=SelectArrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectArrow.js","sources":["../../../src/select/SelectArrow.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  SelectArrowBigStyle,\n  SelectArrowSmallStyle,\n} from './SelectArrowStyles.js'\nimport { SelectArrows } from './types.js'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = ({\n  arrow,\n  disabled = false,\n  opened,\n}) => {\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n"],"names":["SelectArrow","_ref","arrow","disabled","opened","commonProps","$opened","$disabled","_jsx","SelectArrowBigStyle","SelectArrowSmallStyle"],"mappings":";;;;;;;AAcaA,MAAAA,WAAiC,GAAGC,IAAA,IAI3C;EAAA,IAJ4C;IAChDC,KAAK;AACLC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,MAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;AACC,EAAA,MAAMI,WAAW,GAAG;AAClBC,IAAAA,OAAO,EAAEF,MAAM;AACfG,IAAAA,SAAS,EAAEJ,QAAAA;GACZ,CAAA;AAED,EAAA,IAAID,KAAK,KAAK,SAAS,EAAE,oBAAOM,cAAA,CAACC,qCAAmB,EAAA;IAAA,GAAKJ,WAAAA;AAAW,GAAG,CAAC,CAAA;AACxE,EAAA,IAAIH,KAAK,KAAK,OAAO,EAAE,oBAAOM,cAAA,CAACE,uCAAqB,EAAA;IAAA,GAAKL,WAAAA;AAAW,GAAG,CAAC,CAAA;AAExE,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/dist/cjs/select/SelectArrowStyles.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const index = require('../icons/index.js');
+const _styled = require('styled-components');
+
+const commonCSS = _styled.css`
+  transform: rotate(${_ref => {
+  let {
+    $opened
+  } = _ref;
+  return $opened ? 180 : 0;
+}}deg);
+  transition: transform ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.duration.norm;
+}} ease;
+  opacity: ${_ref3 => {
+  let {
+    $disabled
+  } = _ref3;
+  return $disabled ? 0.5 : 1;
+}};
+`;
+const SelectArrowBigStyle = styledComponentsWrapper.default(index.ArrowBottom)`
+  ${commonCSS};
+  fill: var(--lido-color-textSecondary);
+`;
+const SelectArrowSmallStyle = styledComponentsWrapper.default.div`
+  ${commonCSS};
+  color: var(--lido-color-text);
+
+  border: 3px solid currentColor;
+  border-bottom-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+`;
+
+exports.SelectArrowBigStyle = SelectArrowBigStyle;
+exports.SelectArrowSmallStyle = SelectArrowSmallStyle;
+//# sourceMappingURL=SelectArrowStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectArrowStyles.js","sources":["../../../src/select/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ArrowBottom } from '../icons/index.js'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["commonCSS","css","_ref","$opened","_ref2","theme","duration","norm","_ref3","$disabled","SelectArrowBigStyle","styled","ArrowBottom","SelectArrowSmallStyle","div"],"mappings":";;;;;;;;AAQA,MAAMA,SAAS,GAAGC,WAAkB,CAAA;AACpC,oBAAA,EAAsBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AAC1D,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,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAA;AAAA,CAAC,CAAA;AACrD,CAAC,CAAA;MAEYC,mBAAmB,GAAGC,+BAAM,CAACC,iBAAW,CAAgB,CAAA;AACrE,EAAA,EAAIZ,SAAS,CAAA;AACb;AACA,EAAC;AAEYa,MAAAA,qBAAqB,GAAGF,+BAAM,CAACG,GAAkB,CAAA;AAC9D,EAAA,EAAId,SAAS,CAAA;AACb;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/select/SelectIcon.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const SelectIconStyles = require('./SelectIconStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const SelectIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    icon,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(SelectIconStyles.SelectIconStyle, {
+    ...rest,
+    fullwidth: false,
+    arrow: "small",
+    leftDecorator: /*#__PURE__*/jsxRuntime.jsx(SelectIconStyles.SelectIconDecoratorStyle, {
+      children: icon
+    }),
+    ref: ref
+  });
+});
+SelectIcon.displayName = 'SelectIcon';
+
+exports.SelectIcon = SelectIcon;
+//# sourceMappingURL=SelectIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIcon.js","sources":["../../../src/select/SelectIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types.js'\nimport {\n  SelectIconDecoratorStyle,\n  SelectIconStyle,\n} from './SelectIconStyles.js'\n\nexport const SelectIcon = forwardRef(\n  (\n    { icon, ...rest }: SelectIconProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <SelectIconStyle\n        {...rest}\n        fullwidth={false}\n        arrow='small'\n        leftDecorator={\n          <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n        }\n        ref={ref}\n      />\n    )\n  },\n)\nSelectIcon.displayName = 'SelectIcon'\n"],"names":["SelectIcon","forwardRef","_ref","ref","icon","rest","_jsx","SelectIconStyle","fullwidth","arrow","leftDecorator","SelectIconDecoratorStyle","children","displayName"],"mappings":";;;;;;;;AAOO,MAAMA,UAAU,gBAAGC,gBAAU,CAClC,CAAAC,IAAA,EAEEC,GAAoC,KACjC;EAAA,IAFH;IAAEC,IAAI;IAAE,GAAGC,IAAAA;AAAsB,GAAC,GAAAH,IAAA,CAAA;EAGlC,oBACEI,cAAA,CAACC,gCAAe,EAAA;AAAA,IAAA,GACVF,IAAI;AACRG,IAAAA,SAAS,EAAE,KAAM;AACjBC,IAAAA,KAAK,EAAC,OAAO;IACbC,aAAa,eACXJ,cAAA,CAACK,yCAAwB,EAAA;AAAAC,MAAAA,QAAA,EAAER,IAAAA;AAAI,KAA2B,CAC3D;AACDD,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACV,CAAC,CAAA;AAEN,CACF,EAAC;AACDH,UAAU,CAACa,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/select/SelectIconStyles.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const Select = require('./Select.js');
+
+const SelectIconStyle = styledComponentsWrapper.default(Select.Select)`
+  input {
+    width: 0;
+  }
+`;
+const SelectIconDecoratorStyle = styledComponentsWrapper.default.span`
+  margin-right: -24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  place-self: center;
+`;
+
+exports.SelectIconDecoratorStyle = SelectIconDecoratorStyle;
+exports.SelectIconStyle = SelectIconStyle;
+//# sourceMappingURL=SelectIconStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIconStyles.js","sources":["../../../src/select/SelectIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Select } from './Select.js'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  place-self: center;\n`\n"],"names":["SelectIconStyle","styled","Select","SelectIconDecoratorStyle","span"],"mappings":";;;;;;;MAGaA,eAAe,GAAGC,+BAAM,CAACC,aAAM,CAAC,CAAA;AAC7C;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,wBAAwB,GAAGF,+BAAM,CAACG,IAAI,CAAA;AACnD;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/select/SelectStyles.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const Input = require('../input/Input.js');
+require('../input/InputGroup.js');
+require('../input/SliderInputStyles.js');
+require('react/jsx-runtime');
+require('../input/Textarea.js');
+const _styled = require('styled-components');
+
+const smallCSS = _styled.css`
+  input {
+    font-size: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.fontSizesMap.xxs;
+}}px;
+    line-height: 1.7em;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 800;
+  }
+`;
+const SelectWrapperStyle = styledComponentsWrapper.default(Input.Input)`
+  &,
+  input {
+    user-select: none;
+    cursor: ${_ref2 => {
+  let {
+    disabled
+  } = _ref2;
+  return disabled ? 'default' : 'pointer';
+}};
+
+    &::selection {
+      background: transparent;
+    }
+  }
+
+  input {
+    appearance: none;
+    overflow: hidden;
+  }
+
+  ${_ref3 => {
+  let {
+    variant
+  } = _ref3;
+  return variant === 'small' ? smallCSS : '';
+}}
+`;
+
+exports.SelectWrapperStyle = SelectWrapperStyle;
+//# sourceMappingURL=SelectStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectStyles.js","sources":["../../../src/select/SelectStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Input } from '../input/index.js'\nimport { SelectProps } from './types.js'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["smallCSS","css","_ref","theme","fontSizesMap","xxs","SelectWrapperStyle","styled","Input","_ref2","disabled","_ref3","variant"],"mappings":";;;;;;;;;;;;AAIA,MAAMA,QAAQ,GAAGC,WAAG,CAAA;AACpB;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;MAEYC,kBAAkB,GAAGC,+BAAM,CAACC,WAAK,CAAc,CAAA;AAC5D;AACA;AACA;AACA,YAAA,EAAcC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAAA,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,KAAK,OAAO,GAAGZ,QAAQ,GAAG,EAAE,CAAA;AAAA,CAAC,CAAA;AAC1D;;;;"}

package/dist/cjs/select/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/select/types.ts"],"sourcesContent":["import { ReactNode, RefObject } from 'react'\nimport { InputProps } from '../input/index.js'\nimport { PopupMenuItemProps } from '../popup-menu/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  // can't be ReactNode, since it will be stringified later\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow"],"mappings":";;;;AAQYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/select/useSelect.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const reactIs = require('react-is');
+
+const useSelect = _ref => {
+  let {
+    value,
+    defaultValue,
+    disabled,
+    onClick,
+    onChange,
+    onKeyDown,
+    children
+  } = _ref;
+  const [opened, setOpened] = React.useState(false);
+  const handleOpen = React.useCallback(() => {
+    if (disabled) return;
+    setOpened(true);
+  }, [disabled]);
+  const handleClick = React.useCallback(event => {
+    handleOpen();
+    onClick?.(event);
+  }, [handleOpen, onClick]);
+  const handleClose = React.useCallback(() => {
+    setOpened(false);
+  }, []);
+  const handleChange = React.useCallback(value => {
+    handleClose();
+    setLocalValue(value);
+    onChange?.(value);
+  }, [handleClose, onChange]);
+  const handleKeyDown = React.useCallback(event => {
+    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {
+      event.preventDefault();
+      handleOpen();
+    }
+    onKeyDown?.(event);
+  }, [handleOpen, onKeyDown]);
+  const outerValue = value ?? defaultValue ?? null;
+  const [localValue, setLocalValue] = React.useState(outerValue);
+  React.useEffect(() => {
+    setLocalValue(outerValue);
+  }, [outerValue]);
+  const {
+    values,
+    options
+  } = React.useMemo(() => {
+    const values = new Map();
+    const options = React.Children.map(children, child => {
+      if (!reactIs.isElement(child)) return child;
+      const value = child.props.value;
+      const title = String(child.props.children);
+      if (values.get(value) === undefined) {
+        values.set(value, title);
+      }
+      return /*#__PURE__*/React.cloneElement(child, {
+        active: value === localValue,
+        onChange: handleChange
+      });
+    });
+    return {
+      values,
+      options
+    };
+  }, [localValue, children, handleChange]);
+  const selectedTitle = localValue != null ? values.get(localValue) : null;
+  const defaultTitle = String(localValue ?? '');
+  const title = selectedTitle ?? defaultTitle;
+  return {
+    handleClick,
+    handleClose,
+    handleKeyDown,
+    opened,
+    title,
+    options
+  };
+};
+
+exports.useSelect = useSelect;
+//# sourceMappingURL=useSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.js","sources":["../../../src/select/useSelect.ts"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n  MouseEvent,\n  KeyboardEvent,\n  ReactNode,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types.js'\n\ntype SelectHandleClick = (event: MouseEvent<HTMLInputElement>) => void\n\ntype SelectHandleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (\n  props: Pick<\n    SelectProps,\n    | 'disabled'\n    | 'onClick'\n    | 'onChange'\n    | 'onKeyDown'\n    | 'children'\n    | 'value'\n    | 'defaultValue'\n  >,\n) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: ReactNode\n}\n\nexport const useSelect: UseSelect = ({\n  value,\n  defaultValue,\n  disabled,\n  onClick,\n  onChange,\n  onKeyDown,\n  children,\n}) => {\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick],\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange],\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown],\n  )\n\n  const outerValue = value ?? defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["useSelect","_ref","value","defaultValue","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","useState","handleOpen","useCallback","handleClick","event","handleClose","handleChange","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","localValue","useEffect","values","options","useMemo","Map","Children","map","child","isElement","props","title","String","get","undefined","set","cloneElement","active","selectedTitle","defaultTitle"],"mappings":";;;;;;;AAwCaA,MAAAA,SAAoB,GAAGC,IAAA,IAQ9B;EAAA,IAR+B;IACnCC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,SAAS;AACTC,IAAAA,QAAAA;AACF,GAAC,GAAAP,IAAA,CAAA;EACC,MAAM,CAACQ,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAE3C,EAAA,MAAMC,UAAU,GAAGC,iBAAW,CAAC,MAAM;AACnC,IAAA,IAAIT,QAAQ,EAAE,OAAA;IACdM,SAAS,CAAC,IAAI,CAAC,CAAA;AACjB,GAAC,EAAE,CAACN,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,MAAMU,WAA8B,GAAGD,iBAAW,CAC/CE,KAAK,IAAK;AACTH,IAAAA,UAAU,EAAE,CAAA;IACZP,OAAO,GAAGU,KAAK,CAAC,CAAA;AAClB,GAAC,EACD,CAACH,UAAU,EAAEP,OAAO,CACtB,CAAC,CAAA;AAED,EAAA,MAAMW,WAAW,GAAGH,iBAAW,CAAC,MAAM;IACpCH,SAAS,CAAC,KAAK,CAAC,CAAA;GACjB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMO,YAAgC,GAAGJ,iBAAW,CACjDX,KAAK,IAAK;AACTc,IAAAA,WAAW,EAAE,CAAA;IACbE,aAAa,CAAChB,KAAK,CAAC,CAAA;IACpBI,QAAQ,GAAGJ,KAAK,CAAC,CAAA;AACnB,GAAC,EACD,CAACc,WAAW,EAAEV,QAAQ,CACxB,CAAC,CAAA;AAED,EAAA,MAAMa,aAAkC,GAAGN,iBAAW,CACnDE,KAAK,IAAK;AACT,IAAA,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAACK,QAAQ,CAACL,KAAK,CAACM,GAAG,CAAC,EAAE;MAC9DN,KAAK,CAACO,cAAc,EAAE,CAAA;AACtBV,MAAAA,UAAU,EAAE,CAAA;AACd,KAAA;IACAL,SAAS,GAAGQ,KAAK,CAAC,CAAA;AACpB,GAAC,EACD,CAACH,UAAU,EAAEL,SAAS,CACxB,CAAC,CAAA;AAED,EAAA,MAAMgB,UAAU,GAAGrB,KAAK,IAAIC,YAAY,IAAI,IAAI,CAAA;EAChD,MAAM,CAACqB,UAAU,EAAEN,aAAa,CAAC,GAAGP,cAAQ,CAAqBY,UAAU,CAAC,CAAA;AAE5EE,EAAAA,eAAS,CAAC,MAAM;IACdP,aAAa,CAACK,UAAU,CAAC,CAAA;AAC3B,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;EAEhB,MAAM;IAAEG,MAAM;AAAEC,IAAAA,OAAAA;GAAS,GAAGC,aAAO,CAAC,MAAM;AACxC,IAAA,MAAMF,MAAM,GAAG,IAAIG,GAAG,EAAuB,CAAA;IAE7C,MAAMF,OAAkB,GAAGG,cAAQ,CAACC,GAAG,CAACvB,QAAQ,EAAGwB,KAAK,IAAK;AAC3D,MAAA,IAAI,CAACC,iBAAS,CAACD,KAAK,CAAC,EAAE,OAAOA,KAAK,CAAA;AAEnC,MAAA,MAAM9B,KAAK,GAAG8B,KAAK,CAACE,KAAK,CAAChC,KAAK,CAAA;MAC/B,MAAMiC,KAAK,GAAGC,MAAM,CAACJ,KAAK,CAACE,KAAK,CAAC1B,QAAQ,CAAC,CAAA;MAE1C,IAAIkB,MAAM,CAACW,GAAG,CAACnC,KAAK,CAAC,KAAKoC,SAAS,EAAE;AACnCZ,QAAAA,MAAM,CAACa,GAAG,CAACrC,KAAK,EAAEiC,KAAK,CAAC,CAAA;AAC1B,OAAA;MAEA,oBAAOK,kBAAY,CAACR,KAAK,EAAE;QACzBS,MAAM,EAAEvC,KAAK,KAAKsB,UAAU;AAC5BlB,QAAAA,QAAQ,EAAEW,YAAAA;AACZ,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;IAEF,OAAO;MAAES,MAAM;AAAEC,MAAAA,OAAAA;KAAS,CAAA;GAC3B,EAAE,CAACH,UAAU,EAAEhB,QAAQ,EAAES,YAAY,CAAC,CAAC,CAAA;AAExC,EAAA,MAAMyB,aAAa,GAAGlB,UAAU,IAAI,IAAI,GAAGE,MAAM,CAACW,GAAG,CAACb,UAAU,CAAC,GAAG,IAAI,CAAA;AACxE,EAAA,MAAMmB,YAAY,GAAGP,MAAM,CAACZ,UAAU,IAAI,EAAE,CAAC,CAAA;AAC7C,EAAA,MAAMW,KAAK,GAAGO,aAAa,IAAIC,YAAY,CAAA;EAE3C,OAAO;IACL7B,WAAW;IACXE,WAAW;IACXG,aAAa;IACbV,MAAM;IACN0B,KAAK;AACLR,IAAAA,OAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/select/useSelectWidth.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const useSelectWidth = (opened, anchorRef) => {
+  const [width, setWidth] = React.useState();
+  const updateWidth = React.useCallback(() => {
+    if (!anchorRef.current) return;
+    const rect = anchorRef.current.getBoundingClientRect();
+    setWidth(rect.width);
+  }, [anchorRef]);
+  React.useEffect(() => {
+    if (!opened || !anchorRef.current) return;
+    const observer = new ResizeObserver(updateWidth);
+    observer.observe(anchorRef.current);
+    return () => observer.disconnect();
+  }, [opened, anchorRef, updateWidth]);
+  return width;
+};
+
+exports.useSelectWidth = useSelectWidth;
+//# sourceMappingURL=useSelectWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectWidth.js","sources":["../../../src/select/useSelectWidth.ts"],"sourcesContent":["import { useCallback, useState, useEffect, RefObject } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: RefObject<T | null>,\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["useSelectWidth","opened","anchorRef","width","setWidth","useState","updateWidth","useCallback","current","rect","getBoundingClientRect","useEffect","observer","ResizeObserver","observe","disconnect"],"mappings":";;;;;;MAEaA,cAAc,GAAGA,CAC5BC,MAAe,EACfC,SAA8B,KACP;EACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,EAAU,CAAA;AAE5C,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,MAAM;AACpC,IAAA,IAAI,CAACL,SAAS,CAACM,OAAO,EAAE,OAAA;IACxB,MAAMC,IAAI,GAAGP,SAAS,CAACM,OAAO,CAACE,qBAAqB,EAAE,CAAA;AAEtDN,IAAAA,QAAQ,CAACK,IAAI,CAACN,KAAK,CAAC,CAAA;AACtB,GAAC,EAAE,CAACD,SAAS,CAAC,CAAC,CAAA;AAEfS,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACV,MAAM,IAAI,CAACC,SAAS,CAACM,OAAO,EAAE,OAAA;AAEnC,IAAA,MAAMI,QAAQ,GAAG,IAAIC,cAAc,CAACP,WAAW,CAAC,CAAA;AAChDM,IAAAA,QAAQ,CAACE,OAAO,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAA;AAEnC,IAAA,OAAO,MAAYI,QAAQ,CAACG,UAAU,EAAE,CAAA;GACzC,EAAE,CAACd,MAAM,EAAEC,SAAS,EAAEI,WAAW,CAAC,CAAC,CAAA;AAEpC,EAAA,OAAOH,KAAK,CAAA;AACd;;;;"}

package/dist/cjs/service-page/ServicePage.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const ServicePageStyles = require('./ServicePageStyles.js');
+const Heading = require('../heading/Heading.js');
+const Text = require('../text/Text.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const ServicePage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    title,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(ServicePageStyles.ServicePageStyle, {
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxRuntime.jsxs(ServicePageStyles.ServicePageInsideStyle, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Heading.H1, {
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        color: "secondary",
+        children: children
+      })]
+    })
+  });
+});
+ServicePage.displayName = 'ServicePage';
+
+exports.ServicePage = ServicePage;
+//# sourceMappingURL=ServicePage.js.map

package/dist/cjs/service-page/ServicePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicePage.js","sources":["../../../src/service-page/ServicePage.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ServicePageStyle,\n  ServicePageInsideStyle,\n} from './ServicePageStyles.js'\nimport { H1 } from '../heading/index.js'\nimport { Text } from '../text/index.js'\nimport { ServicePageProps } from './types.js'\n\nexport const ServicePage = forwardRef(\n  (\n    { title, children, ...rest }: ServicePageProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <ServicePageStyle {...rest} ref={ref}>\n        <ServicePageInsideStyle>\n          <H1>{title}</H1>\n          <Text color='secondary'>{children}</Text>\n        </ServicePageInsideStyle>\n      </ServicePageStyle>\n    )\n  },\n)\nServicePage.displayName = 'ServicePage'\n"],"names":["ServicePage","forwardRef","_ref","ref","title","children","rest","_jsx","ServicePageStyle","_jsxs","ServicePageInsideStyle","H1","Text","color","displayName"],"mappings":";;;;;;;;;;AASO,MAAMA,WAAW,gBAAGC,gBAAU,CACnC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAuB,GAAC,GAAAJ,IAAA,CAAA;EAG9C,oBACEK,cAAA,CAACC,kCAAgB,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eACnCI,eAAA,CAACC,wCAAsB,EAAA;MAAAL,QAAA,EAAA,cACrBE,cAAA,CAACI,UAAE,EAAA;AAAAN,QAAAA,QAAA,EAAED,KAAAA;AAAK,OAAK,CAAC,eAChBG,cAAA,CAACK,SAAI,EAAA;AAACC,QAAAA,KAAK,EAAC,WAAW;AAAAR,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAO,CAAC,CAAA;KACnB,CAAA;AAAC,GACT,CAAC,CAAA;AAEvB,CACF,EAAC;AACDL,WAAW,CAACc,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/service-page/ServicePageStyles.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const ServicePageStyle = styledComponentsWrapper.default.div`
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  text-align: center;
+`;
+const ServicePageInsideStyle = styledComponentsWrapper.default.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 32px;
+  max-width: 560px;
+`;
+
+exports.ServicePageInsideStyle = ServicePageInsideStyle;
+exports.ServicePageStyle = ServicePageStyle;
+//# sourceMappingURL=ServicePageStyles.js.map

package/dist/cjs/service-page/ServicePageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicePageStyles.js","sources":["../../../src/service-page/ServicePageStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ServicePageStyle = styled.div`\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n`\n\nexport const ServicePageInsideStyle = styled.div`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 32px;\n  max-width: 560px;\n`\n"],"names":["ServicePageStyle","styled","div","ServicePageInsideStyle"],"mappings":";;;;;;AAEaA,MAAAA,gBAAgB,GAAGC,+BAAM,CAACC,GAAG,CAAA;AAC1C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,sBAAsB,GAAGF,+BAAM,CAACC,GAAG,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}

package/dist/cjs/stack/HStack.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const Stack = require('./Stack.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const HStack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    reverse = false,
+    ...rest
+  } = _ref;
+  const direction = reverse ? 'row-reverse' : 'row';
+  return /*#__PURE__*/jsxRuntime.jsx(Stack.Stack, {
+    direction: direction,
+    ref: ref,
+    ...rest
+  });
+});
+HStack.displayName = 'HStack';
+
+exports.HStack = HStack;
+//# sourceMappingURL=HStack.js.map

package/dist/cjs/stack/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.js","sources":["../../../src/stack/HStack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HStackProps } from './types.js'\nimport { Stack } from './Stack.js'\n\nexport const HStack = forwardRef(\n  (\n    { reverse = false, ...rest }: HStackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const direction = reverse ? 'row-reverse' : 'row'\n\n    return <Stack direction={direction} ref={ref} {...rest} />\n  },\n)\nHStack.displayName = 'HStack'\n"],"names":["HStack","forwardRef","_ref","ref","reverse","rest","direction","_jsx","Stack","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,KAAK;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAH,IAAA,CAAA;AAGzC,EAAA,MAAMI,SAAS,GAAGF,OAAO,GAAG,aAAa,GAAG,KAAK,CAAA;EAEjD,oBAAOG,cAAA,CAACC,WAAK,EAAA;AAACF,IAAAA,SAAS,EAAEA,SAAU;AAACH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,MAAM,CAACS,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/stack/Stack.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const StackProvider = require('./StackProvider.js');
+const StackStyles = require('./StackStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Stack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    align = 'flex-start',
+    justify = 'flex-start',
+    direction = 'row',
+    wrap = 'wrap',
+    spacing,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(StackStyles.StackStyle, {
+    $align: align,
+    $justify: justify,
+    $direction: direction,
+    $wrap: wrap,
+    $spacing: spacing,
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx(StackProvider.StackProvider, {
+      spacing: spacing,
+      children: children
+    })
+  });
+});
+Stack.displayName = 'Stack';
+
+exports.Stack = Stack;
+//# sourceMappingURL=Stack.js.map

package/dist/cjs/stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../src/stack/Stack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { StackProvider } from './StackProvider.js'\nimport { StackStyle } from './StackStyles.js'\nimport { StackProps } from './types.js'\n\nexport const Stack = forwardRef(\n  (\n    {\n      align = 'flex-start',\n      justify = 'flex-start',\n      direction = 'row',\n      wrap = 'wrap',\n      spacing,\n      children,\n      ...rest\n    }: StackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <StackStyle\n        $align={align}\n        $justify={justify}\n        $direction={direction}\n        $wrap={wrap}\n        $spacing={spacing}\n        ref={ref}\n        {...rest}\n      >\n        <StackProvider spacing={spacing}>{children}</StackProvider>\n      </StackStyle>\n    )\n  },\n)\nStack.displayName = 'Stack'\n"],"names":["Stack","forwardRef","_ref","ref","align","justify","direction","wrap","spacing","children","rest","_jsx","StackStyle","$align","$justify","$direction","$wrap","$spacing","StackProvider","displayName"],"mappings":";;;;;;;;;AAKO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;AACEC,IAAAA,KAAK,GAAG,YAAY;AACpBC,IAAAA,OAAO,GAAG,YAAY;AACtBC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,IAAI,GAAG,MAAM;IACbC,OAAO;IACPC,QAAQ;IACR,GAAGC,IAAAA;AACO,GAAC,GAAAR,IAAA,CAAA;EAGb,oBACES,cAAA,CAACC,sBAAU,EAAA;AACTC,IAAAA,MAAM,EAAET,KAAM;AACdU,IAAAA,QAAQ,EAAET,OAAQ;AAClBU,IAAAA,UAAU,EAAET,SAAU;AACtBU,IAAAA,KAAK,EAAET,IAAK;AACZU,IAAAA,QAAQ,EAAET,OAAQ;AAClBL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLO,IAAI;IAAAD,QAAA,eAERE,cAAA,CAACO,2BAAa,EAAA;AAACV,MAAAA,OAAO,EAAEA,OAAQ;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAAwB,CAAA;AAAC,GACjD,CAAC,CAAA;AAEjB,CACF,EAAC;AACDT,KAAK,CAACmB,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/stack/StackItem.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const StackItemStyles = require('./StackItemStyles.js');
+const StackProvider = require('./StackProvider.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const StackItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    grow = 0,
+    shrink = 0,
+    basis = 'auto',
+    ...rest
+  } = _ref;
+  const {
+    spacing
+  } = StackProvider.useStackContext();
+  return /*#__PURE__*/jsxRuntime.jsx(StackItemStyles.StackItemStyle, {
+    $grow: grow,
+    $shrink: shrink,
+    $basis: basis,
+    $spacing: spacing,
+    ref: ref,
+    ...rest
+  });
+});
+StackItem.displayName = 'StackItem';
+
+exports.StackItem = StackItem;
+//# sourceMappingURL=StackItem.js.map

package/dist/cjs/stack/StackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.js","sources":["../../../src/stack/StackItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { StackItemStyle } from './StackItemStyles.js'\nimport { useStackContext } from './StackProvider.js'\nimport { StackItemProps } from './types.js'\n\nexport const StackItem = forwardRef(\n  (\n    { grow = 0, shrink = 0, basis = 'auto', ...rest }: StackItemProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { spacing } = useStackContext()\n\n    return (\n      <StackItemStyle\n        $grow={grow}\n        $shrink={shrink}\n        $basis={basis}\n        $spacing={spacing}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nStackItem.displayName = 'StackItem'\n"],"names":["StackItem","forwardRef","_ref","ref","grow","shrink","basis","rest","spacing","useStackContext","_jsx","StackItemStyle","$grow","$shrink","$basis","$spacing","displayName"],"mappings":";;;;;;;;;AAKO,MAAMA,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,CAAC;AAAEC,IAAAA,MAAM,GAAG,CAAC;AAAEC,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAL,IAAA,CAAA;EAGjE,MAAM;AAAEM,IAAAA,OAAAA;GAAS,GAAGC,6BAAe,EAAE,CAAA;EAErC,oBACEC,cAAA,CAACC,8BAAc,EAAA;AACbC,IAAAA,KAAK,EAAER,IAAK;AACZS,IAAAA,OAAO,EAAER,MAAO;AAChBS,IAAAA,MAAM,EAAER,KAAM;AACdS,IAAAA,QAAQ,EAAEP,OAAQ;AAClBL,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLI,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDP,SAAS,CAACgB,WAAW,GAAG,WAAW;;;;"}