@os-design/core 1.0.254 → 1.0.256

package/dist/esm/Progress/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["styled","sizeStyles","transitionStyles","clr","omitEmotionProps","React","forwardRef","useMemo","Container","Trail","p","theme","progressColorTrail","height","Stroke","percent","progressColorStroke","progressColorStrokeSuccess","Text","div","progressColorPercentage","Progress","text","rest","ref","validPercent","textId","Math","random","toString","slice","createElement","_extends","role","id","displayName"],"sources":["../../../src/Progress/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { WithSize, sizeStyles, transitionStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface ProgressProps extends JsxDivProps, WithSize {\n  /**\n   * The percentage of completion.\n   * @default 0\n   */\n  percent?: number;\n  /**\n   * The text that is displayed to the right of the progress bar.\n   * @default undefined\n   */\n  text?: string;\n  /**\n   * The height of the progress bar.\n   * @default 0.5em\n   */\n  height?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  display: flex;\n  align-items: center;\n  ${sizeStyles};\n`;\n\ntype TrailProps = Required<Pick<ProgressProps, 'height'>>;\nconst Trail = styled('div', omitEmotionProps('height'))<TrailProps>`\n  width: 100%;\n  background-color: ${(p) => clr(p.theme.progressColorTrail)};\n  border-radius: ${(p) => `calc(${p.height} / 2)`};\n  overflow: hidden; // To hide the border of the progress bar\n`;\n\ntype StrokeProps = Required<Pick<ProgressProps, 'percent' | 'height'>>;\nconst Stroke = styled(\n  'div',\n  omitEmotionProps('percent', 'height')\n)<StrokeProps>`\n  width: ${(p) => p.percent}%;\n  height: ${(p) => p.height};\n  border-radius: 0 ${(p) => `calc(${p.height} / 2)`}\n    ${(p) => `calc(${p.height} / 2)`} 0;\n  background-color: ${(p) =>\n    p.percent < 100\n      ? clr(p.theme.progressColorStroke)\n      : clr(p.theme.progressColorStrokeSuccess)};\n  ${transitionStyles('width', 'background-color')};\n`;\n\nconst Text = styled.div`\n  margin-left: 0.5em;\n  color: ${(p) => clr(p.theme.progressColorPercentage)};\n  line-height: 1;\n`;\n\n/**\n * The progress bar.\n */\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  ({ percent = 0, text, height = '0.5em', ...rest }, ref) => {\n    const validPercent = useMemo(() => {\n      if (percent < 0) return 0;\n      if (percent > 100) return 100;\n      return percent;\n    }, [percent]);\n\n    const textId = useMemo(\n      () => `progress-bar-text-${Math.random().toString(36).slice(2, 11)}`,\n      []\n    );\n\n    return (\n      <Container\n        role='progressbar'\n        aria-valuenow={validPercent}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-describedby={textId}\n        {...rest}\n        ref={ref}\n      >\n        <Trail height={height}>\n          <Stroke percent={validPercent} height={height} />\n        </Trail>\n        {text && <Text id={textId}>{text}</Text>}\n      </Container>\n    );\n  }\n);\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/RadioGroup/index.js

@@ -1,82 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { m } from '@os-design/media';
-import { clr } from '@os-design/theming';
-import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Button from '../Button';
-const wideDefaultStyles = p => p.wide === 'default' && css`
-    ${m.max.xxs} {
-      width: 100%;
-      & > button {
-        flex: 1;
-      }
-    }
-  `;
-const wideAlwaysStyles = p => p.wide === 'always' && css`
-    width: 100%;
-    & > button {
-      flex: 1;
-    }
-  `;
-const Container = styled('div', omitEmotionProps('wide', 'disabled'))`
-  display: inline-flex;
-  flex-wrap: wrap;
-
-  border-radius: ${p => p.theme.borderRadius}em;
-  overflow: hidden;
-  border: 1px solid
-    ${p => p.disabled ? clr(p.theme.buttonDisabledGhostColorText) : clr(p.theme.colorPrimary)};
-
-  ${wideDefaultStyles};
-  ${wideAlwaysStyles};
-`;
-const StyledButton = styled(Button)`
-  border-radius: 0;
-`;
-
-/**
- * The radio buttons that allow a user to select only one of a limited number of options.
- */
-const RadioGroup = /*#__PURE__*/forwardRef(({
-  options = [],
-  wide = 'default',
-  disabled = false,
-  value,
-  defaultValue,
-  onChange = () => {},
-  size,
-  ...rest
-}, ref) => {
-  const [forwardedValue, setForwardedValue] = useForwardedState({
-    value,
-    defaultValue,
-    onChange
-  });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, _extends({
-    wide: wide,
-    disabled: disabled
-  }, rest, {
-    ref: ref
-  }), options?.map(({
-    title,
-    value: valueOption,
-    disabled: disabledOption,
-    onClick = () => {},
-    ...buttonRest
-  }) => /*#__PURE__*/React.createElement(StyledButton, _extends({
-    key: valueOption,
-    type: forwardedValue === valueOption ? 'primary' : 'ghost',
-    wide: "never",
-    disabled: disabled || disabledOption,
-    size: size,
-    onClick: e => {
-      setForwardedValue(valueOption);
-      onClick(e);
-    }
-  }, buttonRest), title))));
-});
-RadioGroup.displayName = 'RadioGroup';
-export default RadioGroup;
-//# sourceMappingURL=index.js.map

package/dist/esm/RadioGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","styled","m","clr","omitEmotionProps","useForwardedState","React","forwardRef","Button","wideDefaultStyles","p","wide","max","xxs","wideAlwaysStyles","Container","theme","borderRadius","disabled","buttonDisabledGhostColorText","colorPrimary","StyledButton","RadioGroup","options","value","defaultValue","onChange","size","rest","ref","forwardedValue","setForwardedValue","createElement","_extends","map","title","valueOption","disabledOption","onClick","buttonRest","key","type","e","displayName"],"sources":["../../../src/RadioGroup/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps, useForwardedState } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Button, { ButtonProps } from '../Button';\n\nexport interface RadioGroupOption\n  extends Omit<ButtonProps, 'type' | 'wide' | 'size'> {\n  /**\n   * The title of the option.\n   */\n  title: string;\n  /**\n   * The value of the option.\n   */\n  value: string;\n}\n\ntype JsxDivProps = Omit<\n  JSX.IntrinsicElements['div'],\n  'value' | 'defaultValue' | 'onChange' | 'ref'\n>;\nexport interface RadioGroupProps extends JsxDivProps, WithSize {\n  /**\n   * Options of the radio group.\n   * @default undefined\n   */\n  options?: RadioGroupOption[];\n  /**\n   * Whether the radio group has full width.\n   * Possible values:\n   * `default` – the radio group has full width if the screen width is less than xs;\n   * `always` – the radio group always has full width;\n   * `never` – the radio group never has full width.\n   * @default default\n   */\n  wide?: 'default' | 'always' | 'never';\n  /**\n   * Whether the radio group is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Selected option.\n   * @default false\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\nconst wideDefaultStyles = (p) =>\n  p.wide === 'default' &&\n  css`\n    ${m.max.xxs} {\n      width: 100%;\n      & > button {\n        flex: 1;\n      }\n    }\n  `;\n\nconst wideAlwaysStyles = (p) =>\n  p.wide === 'always' &&\n  css`\n    width: 100%;\n    & > button {\n      flex: 1;\n    }\n  `;\n\ntype ContainerProps = Required<Pick<RadioGroupProps, 'wide' | 'disabled'>>;\nconst Container = styled(\n  'div',\n  omitEmotionProps('wide', 'disabled')\n)<ContainerProps>`\n  display: inline-flex;\n  flex-wrap: wrap;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n  border: 1px solid\n    ${(p) =>\n      p.disabled\n        ? clr(p.theme.buttonDisabledGhostColorText)\n        : clr(p.theme.colorPrimary)};\n\n  ${wideDefaultStyles};\n  ${wideAlwaysStyles};\n`;\n\nconst StyledButton = styled(Button)`\n  border-radius: 0;\n`;\n\n/**\n * The radio buttons that allow a user to select only one of a limited number of options.\n */\nconst RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      options = [],\n      wide = 'default',\n      disabled = false,\n      value,\n      defaultValue,\n      onChange = () => {},\n      size,\n      ...rest\n    },\n    ref\n  ) => {\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n\n    return (\n      <div>\n        <Container wide={wide} disabled={disabled} {...rest} ref={ref}>\n          {options?.map(\n            ({\n              title,\n              value: valueOption,\n              disabled: disabledOption,\n              onClick = () => {},\n              ...buttonRest\n            }) => (\n              <StyledButton\n                key={valueOption}\n                type={forwardedValue === valueOption ? 'primary' : 'ghost'}\n                wide='never'\n                disabled={disabled || disabledOption}\n                size={size}\n                onClick={(e) => {\n                  setForwardedValue(valueOption);\n                  onClick(e);\n                }}\n                {...buttonRest}\n              >\n                {title}\n              </StyledButton>\n            )\n          )}\n        </Container>\n      </div>\n    );\n  }\n);\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default RadioGroup;\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,CAAC,QAAQ,kBAAkB;AAEpC,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,kBAAkB;AACtE,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAuB,WAAW;AAuD/C,MAAMC,iBAAiB,GAAIC,CAAC,IAC1BA,CAAC,CAACC,IAAI,KAAK,SAAS,IACpBX,GAAI;AACN,MAAME,CAAC,CAACU,GAAG,CAACC,GAAI;AAChB;AACA;AACA;AACA;AACA;AACA,GAAG;AAEH,MAAMC,gBAAgB,GAAIJ,CAAC,IACzBA,CAAC,CAACC,IAAI,KAAK,QAAQ,IACnBX,GAAI;AACN;AACA;AACA;AACA;AACA,GAAG;AAGH,MAAMe,SAAS,GAAGd,MAAM,CACtB,KAAK,EACLG,gBAAgB,CAAC,MAAM,EAAE,UAAU,CACrC,CAAkB;AAClB;AACA;AACA;AACA,mBAAoBM,CAAC,IAAKA,CAAC,CAACM,KAAK,CAACC,YAAa;AAC/C;AACA;AACA,MAAOP,CAAC,IACFA,CAAC,CAACQ,QAAQ,GACNf,GAAG,CAACO,CAAC,CAACM,KAAK,CAACG,4BAA4B,CAAC,GACzChB,GAAG,CAACO,CAAC,CAACM,KAAK,CAACI,YAAY,CAAE;AACpC;AACA,IAAIX,iBAAkB;AACtB,IAAIK,gBAAiB;AACrB,CAAC;AAED,MAAMO,YAAY,GAAGpB,MAAM,CAACO,MAAM,CAAE;AACpC;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMc,UAAU,gBAAGf,UAAU,CAC3B,CACE;EACEgB,OAAO,GAAG,EAAE;EACZZ,IAAI,GAAG,SAAS;EAChBO,QAAQ,GAAG,KAAK;EAChBM,KAAK;EACLC,YAAY;EACZC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,IAAI;EACJ,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG1B,iBAAiB,CAAC;IAC5DmB,KAAK;IACLC,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAA0B,aAAA,2BACE1B,KAAA,CAAA0B,aAAA,CAACjB,SAAS,EAAAkB,QAAA;IAACtB,IAAI,EAAEA,IAAK;IAACO,QAAQ,EAAEA;EAAS,GAAKU,IAAI;IAAEC,GAAG,EAAEA;EAAI,IAC3DN,OAAO,EAAEW,GAAG,CACX,CAAC;IACCC,KAAK;IACLX,KAAK,EAAEY,WAAW;IAClBlB,QAAQ,EAAEmB,cAAc;IACxBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClB,GAAGC;EACL,CAAC,kBACCjC,KAAA,CAAA0B,aAAA,CAACX,YAAY,EAAAY,QAAA;IACXO,GAAG,EAAEJ,WAAY;IACjBK,IAAI,EAAEX,cAAc,KAAKM,WAAW,GAAG,SAAS,GAAG,OAAQ;IAC3DzB,IAAI,EAAC,OAAO;IACZO,QAAQ,EAAEA,QAAQ,IAAImB,cAAe;IACrCV,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAGI,CAAC,IAAK;MACdX,iBAAiB,CAACK,WAAW,CAAC;MAC9BE,OAAO,CAACI,CAAC,CAAC;IACZ;EAAE,GACEH,UAAU,GAEbJ,KACW,CAElB,CACS,CACR,CAAC;AAEV,CACF,CAAC;AAEDb,UAAU,CAACqB,WAAW,GAAG,YAAY;AAErC,eAAerB,UAAU","ignoreList":[]}

package/dist/esm/RadioGroupSkeleton/index.js

@@ -1,25 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import styled from '@emotion/styled';
-import { sizeStyles } from '@os-design/styles';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
-const StyledRadioGroupSkeleton = styled(Skeleton, omitEmotionProps('size'))`
-  height: calc(${p => p.theme.baseHeight}em + 2px);
-  ${sizeStyles};
-`;
-
-/**
- * Provides a radio group placeholder while a user waits for the content to load.
- */
-const RadioGroupSkeleton = /*#__PURE__*/forwardRef(({
-  width = '10em',
-  ...rest
-}, ref) => /*#__PURE__*/React.createElement(StyledRadioGroupSkeleton, _extends({
-  width: width
-}, rest, {
-  ref: ref
-})));
-RadioGroupSkeleton.displayName = 'RadioGroupSkeleton';
-export default RadioGroupSkeleton;
-//# sourceMappingURL=index.js.map

package/dist/esm/RadioGroupSkeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["styled","sizeStyles","omitEmotionProps","React","forwardRef","Skeleton","StyledRadioGroupSkeleton","p","theme","baseHeight","RadioGroupSkeleton","width","rest","ref","createElement","_extends","displayName"],"sources":["../../../src/RadioGroupSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface RadioGroupSkeletonProps extends SkeletonProps, WithSize {\n  /**\n   * The width of the skeleton.\n   * @default 10em\n   */\n  width?: string;\n}\n\nconst StyledRadioGroupSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('size')\n)<WithSize>`\n  height: calc(${(p) => p.theme.baseHeight}em + 2px);\n  ${sizeStyles};\n`;\n\n/**\n * Provides a radio group placeholder while a user waits for the content to load.\n */\nconst RadioGroupSkeleton = forwardRef<HTMLDivElement, RadioGroupSkeletonProps>(\n  ({ width = '10em', ...rest }, ref) => (\n    <StyledRadioGroupSkeleton width={width} {...rest} ref={ref} />\n  )\n);\n\nRadioGroupSkeleton.displayName = 'RadioGroupSkeleton';\n\nexport default RadioGroupSkeleton;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,UAAU,QAAkB,mBAAmB;AACxD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,QAAQ,MAAyB,aAAa;AAUrD,MAAMC,wBAAwB,GAAGN,MAAM,CACrCK,QAAQ,EACRH,gBAAgB,CAAC,MAAM,CACzB,CAAY;AACZ,iBAAkBK,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,UAAW;AAC3C,IAAIR,UAAW;AACf,CAAC;;AAED;AACA;AACA;AACA,MAAMS,kBAAkB,gBAAGN,UAAU,CACnC,CAAC;EAAEO,KAAK,GAAG,MAAM;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBAC/BV,KAAA,CAAAW,aAAA,CAACR,wBAAwB,EAAAS,QAAA;EAACJ,KAAK,EAAEA;AAAM,GAAKC,IAAI;EAAEC,GAAG,EAAEA;AAAI,EAAE,CAEjE,CAAC;AAEDH,kBAAkB,CAACM,WAAW,GAAG,oBAAoB;AAErD,eAAeN,kBAAkB","ignoreList":[]}

package/dist/esm/Result/index.js

@@ -1,78 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import styled from '@emotion/styled';
-import { m } from '@os-design/media';
-import { sizeStyles } from '@os-design/styles';
-import { clr } from '@os-design/theming';
-import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-const Container = styled('div', omitEmotionProps('size'))`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  color: ${p => clr(p.theme.colorText)};
-  padding: 2.6em 0;
-
-  ${sizeStyles};
-`;
-const IconContainer = styled.div`
-  font-size: 6em;
-  line-height: 1;
-  color: ${p => clr(p.theme.resultColorIcon)};
-  margin-bottom: 0.1em;
-`;
-const Text = styled.div`
-  text-align: center;
-  max-width: 28em;
-`;
-const Title = styled(Text)`
-  font-size: ${p => p.theme.sizes.large}em;
-  font-weight: 500;
-`;
-const Description = styled(Text)`
-  font-size: ${p => p.theme.sizes.small}em;
-  color: ${p => clr(p.theme.resultColorDescription)};
-  margin-top: 0.5em;
-`;
-const ActiveElements = styled.div`
-  margin-top: 2em;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  & > *:not(:first-of-type) {
-    margin-top: 0.5em;
-  }
-
-  ${m.min.sm} {
-    flex-direction: row;
-
-    & > *:not(:first-of-type) {
-      margin-top: 0;
-      margin-left: 0.5em;
-    }
-  }
-`;
-const ChildrenContainer = styled.div`
-  margin-top: 2em;
-`;
-
-/**
- * Used to give the user feedback instead of results.
- * For example, error happened, results not found, no results yet.
- */
-const Result = /*#__PURE__*/forwardRef(({
-  title,
-  description,
-  icon,
-  actions,
-  children,
-  ...rest
-}, ref) => /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-  ref: ref
-}), icon && /*#__PURE__*/React.createElement(IconContainer, null, icon), /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), actions && /*#__PURE__*/React.createElement(ActiveElements, null, actions), children && /*#__PURE__*/React.createElement(ChildrenContainer, null, children)));
-Result.displayName = 'Result';
-export default Result;
-//# sourceMappingURL=index.js.map

package/dist/esm/Result/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["styled","m","sizeStyles","clr","omitEmotionProps","React","forwardRef","Container","p","theme","colorText","IconContainer","div","resultColorIcon","Text","Title","sizes","large","Description","small","resultColorDescription","ActiveElements","min","sm","ChildrenContainer","Result","title","description","icon","actions","children","rest","ref","createElement","_extends","displayName"],"sources":["../../../src/Result/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface ResultProps extends JsxDivProps, WithSize {\n  /**\n   * The title of the result.\n   */\n  title: string;\n  /**\n   * The description that is under the title.\n   * @default undefined\n   */\n  description?: string;\n  /**\n   * The icon that is located above the title.\n   * @default undefined\n   */\n  icon?: React.ReactElement;\n  /**\n   * Active elements.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  color: ${(p) => clr(p.theme.colorText)};\n  padding: 2.6em 0;\n\n  ${sizeStyles};\n`;\n\nconst IconContainer = styled.div`\n  font-size: 6em;\n  line-height: 1;\n  color: ${(p) => clr(p.theme.resultColorIcon)};\n  margin-bottom: 0.1em;\n`;\n\nconst Text = styled.div`\n  text-align: center;\n  max-width: 28em;\n`;\n\nconst Title = styled(Text)`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n`;\n\nconst Description = styled(Text)`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.resultColorDescription)};\n  margin-top: 0.5em;\n`;\n\nconst ActiveElements = styled.div`\n  margin-top: 2em;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > *:not(:first-of-type) {\n    margin-top: 0.5em;\n  }\n\n  ${m.min.sm} {\n    flex-direction: row;\n\n    & > *:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: 0.5em;\n    }\n  }\n`;\n\nconst ChildrenContainer = styled.div`\n  margin-top: 2em;\n`;\n\n/**\n * Used to give the user feedback instead of results.\n * For example, error happened, results not found, no results yet.\n */\nconst Result = forwardRef<HTMLDivElement, ResultProps>(\n  ({ title, description, icon, actions, children, ...rest }, ref) => (\n    <Container {...rest} ref={ref}>\n      {icon && <IconContainer>{icon}</IconContainer>}\n      <Title>{title}</Title>\n      {description && <Description>{description}</Description>}\n      {actions && <ActiveElements>{actions}</ActiveElements>}\n      {children && <ChildrenContainer>{children}</ChildrenContainer>}\n    </Container>\n  )\n);\n\nResult.displayName = 'Result';\n\nexport default Result;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,CAAC,QAAQ,kBAAkB;AACpC,SAASC,UAAU,QAAkB,mBAAmB;AACxD,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAyBzC,MAAMC,SAAS,GAAGP,MAAM,CAAC,KAAK,EAAEI,gBAAgB,CAAC,MAAM,CAAC,CAAY;AACpE;AACA;AACA;AACA;AACA,WAAYI,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACC,SAAS,CAAE;AACzC;AACA;AACA,IAAIR,UAAW;AACf,CAAC;AAED,MAAMS,aAAa,GAAGX,MAAM,CAACY,GAAI;AACjC;AACA;AACA,WAAYJ,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACI,eAAe,CAAE;AAC/C;AACA,CAAC;AAED,MAAMC,IAAI,GAAGd,MAAM,CAACY,GAAI;AACxB;AACA;AACA,CAAC;AAED,MAAMG,KAAK,GAAGf,MAAM,CAACc,IAAI,CAAE;AAC3B,eAAgBN,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACO,KAAK,CAACC,KAAM;AAC1C;AACA,CAAC;AAED,MAAMC,WAAW,GAAGlB,MAAM,CAACc,IAAI,CAAE;AACjC,eAAgBN,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACO,KAAK,CAACG,KAAM;AAC1C,WAAYX,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,KAAK,CAACW,sBAAsB,CAAE;AACtD;AACA,CAAC;AAED,MAAMC,cAAc,GAAGrB,MAAM,CAACY,GAAI;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIX,CAAC,CAACqB,GAAG,CAACC,EAAG;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,iBAAiB,GAAGxB,MAAM,CAACY,GAAI;AACrC;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMa,MAAM,gBAAGnB,UAAU,CACvB,CAAC;EAAEoB,KAAK;EAAEC,WAAW;EAAEC,IAAI;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBAC5D3B,KAAA,CAAA4B,aAAA,CAAC1B,SAAS,EAAA2B,QAAA,KAAKH,IAAI;EAAEC,GAAG,EAAEA;AAAI,IAC3BJ,IAAI,iBAAIvB,KAAA,CAAA4B,aAAA,CAACtB,aAAa,QAAEiB,IAAoB,CAAC,eAC9CvB,KAAA,CAAA4B,aAAA,CAAClB,KAAK,QAAEW,KAAa,CAAC,EACrBC,WAAW,iBAAItB,KAAA,CAAA4B,aAAA,CAACf,WAAW,QAAES,WAAyB,CAAC,EACvDE,OAAO,iBAAIxB,KAAA,CAAA4B,aAAA,CAACZ,cAAc,QAAEQ,OAAwB,CAAC,EACrDC,QAAQ,iBAAIzB,KAAA,CAAA4B,aAAA,CAACT,iBAAiB,QAAEM,QAA4B,CACpD,CAEf,CAAC;AAEDL,MAAM,CAACU,WAAW,GAAG,QAAQ;AAE7B,eAAeV,MAAM","ignoreList":[]}

package/dist/esm/ScrollButton/index.js

@@ -1,99 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { css, keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
-import { Down, Up } from '@os-design/icons';
-import Portal from '@os-design/portal';
-import { clr, ThemeOverrider, useTheme } from '@os-design/theming';
-import { omitEmotionProps, useClosable } from '@os-design/utils';
-import React, { forwardRef, useCallback } from 'react';
-import Button from '../Button';
-import useContainerPosition from './utils/useContainerPosition';
-import useVisibility from './utils/useVisibility';
-const fadeIn = keyframes`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const fadeOut = keyframes`
-  from { opacity: 1; }
-  to { opacity: 0; }
-`;
-const visibleStyles = p => p.visible && css`
-    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;
-  `;
-const invisibleStyles = p => !p.visible && css`
-    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;
-  `;
-const StyledButton = styled(Button, omitEmotionProps('visible', 'containerPosition'))`
-  position: fixed;
-  right: ${p => p.containerPosition.right > 0 ? `calc(${p.containerPosition.right}px + ${p.theme.scrollButtonMargin}em)` : `${p.theme.scrollButtonMargin}em`};
-  bottom: ${p => `calc(${p.containerPosition.bottom > 0 ? `${p.containerPosition.bottom}px + ` : ''}${p.theme.scrollButtonMargin}em + env(safe-area-inset-bottom))`};
-  box-shadow: 0 0.15em 0.8em ${p => clr(p.theme.scrollButtonColorBoxShadow)};
-
-  ${visibleStyles};
-  ${invisibleStyles};
-`;
-
-/**
- * The button to scroll to either the top or bottom of the container.
- */
-const ScrollButton = /*#__PURE__*/forwardRef(({
-  container,
-  scrollTo = 'top',
-  minOffset = 500,
-  onClick = () => {},
-  ...rest
-}, ref) => {
-  const visible = useVisibility({
-    container,
-    scrollTo,
-    minOffset
-  });
-  const containerPosition = useContainerPosition(container);
-  const {
-    theme
-  } = useTheme();
-  const mounted = useClosable(visible, theme.transitionDelay);
-
-  // Scroll through the container when the user clicks the button
-  const clickHandler = useCallback(e => {
-    // Scroll the window if the container is not defined
-    if (!container) {
-      window.scrollTo({
-        top: scrollTo === 'top' ? 0 : document.body.scrollHeight
-      });
-      return;
-    }
-
-    // Otherwise scroll the container
-    const containerElement = container instanceof Element ? container : container.current;
-    if (!containerElement) return;
-    containerElement.scrollTo({
-      top: scrollTo === 'top' ? 0 : containerElement.scrollHeight
-    });
-
-    // Call the passed onClick handler
-    onClick(e);
-  }, [container, scrollTo, onClick]);
-  if (!mounted) return null;
-  return /*#__PURE__*/React.createElement(Portal, {
-    container: container
-  }, /*#__PURE__*/React.createElement(ThemeOverrider, {
-    overrides: t => ({
-      buttonPrimaryColorBg: t.scrollButtonColorBg,
-      buttonPrimaryColorText: t.scrollButtonColorText,
-      buttonPrimaryColorBgHover: t.scrollButtonColorBgHover
-    })
-  }, /*#__PURE__*/React.createElement(StyledButton, _extends({
-    visible: visible,
-    containerPosition: containerPosition,
-    wide: "never",
-    size: "small",
-    onClick: clickHandler,
-    "aria-label": `Scroll to ${scrollTo}`
-  }, rest, {
-    ref: ref
-  }), scrollTo === 'top' ? /*#__PURE__*/React.createElement(Up, null) : /*#__PURE__*/React.createElement(Down, null))));
-});
-ScrollButton.displayName = 'ScrollButton';
-export default ScrollButton;
-//# sourceMappingURL=index.js.map

package/dist/esm/ScrollButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["css","keyframes","styled","Down","Up","Portal","clr","ThemeOverrider","useTheme","omitEmotionProps","useClosable","React","forwardRef","useCallback","Button","useContainerPosition","useVisibility","fadeIn","fadeOut","visibleStyles","p","visible","theme","transitionDelay","invisibleStyles","StyledButton","containerPosition","right","scrollButtonMargin","bottom","scrollButtonColorBoxShadow","ScrollButton","container","scrollTo","minOffset","onClick","rest","ref","mounted","clickHandler","e","window","top","document","body","scrollHeight","containerElement","Element","current","createElement","overrides","t","buttonPrimaryColorBg","scrollButtonColorBg","buttonPrimaryColorText","scrollButtonColorText","buttonPrimaryColorBgHover","scrollButtonColorBgHover","_extends","wide","size","displayName"],"sources":["../../../src/ScrollButton/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Down, Up } from '@os-design/icons';\nimport Portal from '@os-design/portal';\nimport { clr, ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, {\n  forwardRef,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n} from 'react';\nimport Button, { ButtonProps } from '../Button';\nimport useContainerPosition, {\n  ContainerPosition,\n} from './utils/useContainerPosition';\nimport useVisibility from './utils/useVisibility';\n\nexport interface ScrollButtonProps extends Omit<ButtonProps, 'type' | 'wide'> {\n  /**\n   * The container that needs to be scrolled.\n   * @default undefined\n   */\n  container?: Element | RefObject<Element>;\n  /**\n   * Where the container should be scrolled.\n   * @default top\n   */\n  scrollTo?: 'top' | 'bottom';\n  /**\n   * The min scroll offset when the button is visible.\n   * @default 500\n   */\n  minOffset?: number;\n}\n\nconst fadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst fadeOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst visibleStyles = (p) =>\n  p.visible &&\n  css`\n    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n  `;\n\nconst invisibleStyles = (p) =>\n  !p.visible &&\n  css`\n    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n  `;\n\ninterface StyledButtonProps {\n  visible: boolean;\n  containerPosition: ContainerPosition;\n}\nconst StyledButton = styled(\n  Button,\n  omitEmotionProps('visible', 'containerPosition')\n)<StyledButtonProps>`\n  position: fixed;\n  right: ${(p) =>\n    p.containerPosition.right > 0\n      ? `calc(${p.containerPosition.right}px + ${p.theme.scrollButtonMargin}em)`\n      : `${p.theme.scrollButtonMargin}em`};\n  bottom: ${(p) =>\n    `calc(${\n      p.containerPosition.bottom > 0 ? `${p.containerPosition.bottom}px + ` : ''\n    }${p.theme.scrollButtonMargin}em + env(safe-area-inset-bottom))`};\n  box-shadow: 0 0.15em 0.8em ${(p) => clr(p.theme.scrollButtonColorBoxShadow)};\n\n  ${visibleStyles};\n  ${invisibleStyles};\n`;\n\n/**\n * The button to scroll to either the top or bottom of the container.\n */\nconst ScrollButton = forwardRef<HTMLButtonElement, ScrollButtonProps>(\n  (\n    {\n      container,\n      scrollTo = 'top',\n      minOffset = 500,\n      onClick = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    const visible = useVisibility({ container, scrollTo, minOffset });\n    const containerPosition = useContainerPosition(container);\n    const { theme } = useTheme();\n    const mounted = useClosable(visible, theme.transitionDelay);\n\n    // Scroll through the container when the user clicks the button\n    const clickHandler = useCallback<MouseEventHandler<HTMLButtonElement>>(\n      (e) => {\n        // Scroll the window if the container is not defined\n        if (!container) {\n          window.scrollTo({\n            top: scrollTo === 'top' ? 0 : document.body.scrollHeight,\n          });\n          return;\n        }\n\n        // Otherwise scroll the container\n        const containerElement =\n          container instanceof Element ? container : container.current;\n        if (!containerElement) return;\n\n        containerElement.scrollTo({\n          top: scrollTo === 'top' ? 0 : containerElement.scrollHeight,\n        });\n\n        // Call the passed onClick handler\n        onClick(e);\n      },\n      [container, scrollTo, onClick]\n    );\n\n    if (!mounted) return null;\n\n    return (\n      <Portal container={container}>\n        <ThemeOverrider\n          overrides={(t) => ({\n            buttonPrimaryColorBg: t.scrollButtonColorBg,\n            buttonPrimaryColorText: t.scrollButtonColorText,\n            buttonPrimaryColorBgHover: t.scrollButtonColorBgHover,\n          })}\n        >\n          <StyledButton\n            visible={visible}\n            containerPosition={containerPosition}\n            wide='never'\n            size='small'\n            onClick={clickHandler}\n            aria-label={`Scroll to ${scrollTo}`}\n            {...rest}\n            ref={ref}\n          >\n            {scrollTo === 'top' ? <Up /> : <Down />}\n          </StyledButton>\n        </ThemeOverrider>\n      </Portal>\n    );\n  }\n);\n\nScrollButton.displayName = 'ScrollButton';\n\nexport default ScrollButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ScrollButton/utils/useContainerPosition.js

@@ -1,33 +0,0 @@
-import { useBrowserLayoutEffect, useResizeObserver } from '@os-design/utils';
-import { useCallback, useState } from 'react';
-/**
- * Calculates the position of the container.
- */
-const useContainerPosition = container => {
-  const [position, setPosition] = useState({
-    right: 0,
-    bottom: 0
-  });
-  const updatePosition = useCallback(() => {
-    if (!container) return;
-    const element = container instanceof Element ? container : container.current;
-    if (!element) return;
-    const {
-      right,
-      bottom
-    } = element.getBoundingClientRect();
-    const {
-      innerWidth,
-      innerHeight
-    } = window;
-    setPosition({
-      right: innerWidth - right,
-      bottom: innerHeight - bottom
-    });
-  }, [container]);
-  useBrowserLayoutEffect(() => updatePosition(), [updatePosition]);
-  useResizeObserver(container, updatePosition);
-  return position;
-};
-export default useContainerPosition;
-//# sourceMappingURL=useContainerPosition.js.map

package/dist/esm/ScrollButton/utils/useContainerPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContainerPosition.js","names":["useBrowserLayoutEffect","useResizeObserver","useCallback","useState","useContainerPosition","container","position","setPosition","right","bottom","updatePosition","element","Element","current","getBoundingClientRect","innerWidth","innerHeight","window"],"sources":["../../../../src/ScrollButton/utils/useContainerPosition.ts"],"sourcesContent":["import { useBrowserLayoutEffect, useResizeObserver } from '@os-design/utils';\nimport { RefObject, useCallback, useState } from 'react';\n\nexport interface ContainerPosition {\n  right: number;\n  bottom: number;\n}\n\n/**\n * Calculates the position of the container.\n */\nconst useContainerPosition = (\n  container?: Element | RefObject<Element>\n): ContainerPosition => {\n  const [position, setPosition] = useState<ContainerPosition>({\n    right: 0,\n    bottom: 0,\n  });\n\n  const updatePosition = useCallback(() => {\n    if (!container) return;\n    const element =\n      container instanceof Element ? container : container.current;\n    if (!element) return;\n\n    const { right, bottom } = element.getBoundingClientRect();\n    const { innerWidth, innerHeight } = window;\n\n    setPosition({\n      right: innerWidth - right,\n      bottom: innerHeight - bottom,\n    });\n  }, [container]);\n\n  useBrowserLayoutEffect(() => updatePosition(), [updatePosition]);\n  useResizeObserver(container as never, updatePosition);\n\n  return position;\n};\n\nexport default useContainerPosition;\n"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAC5E,SAAoBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAOxD;AACA;AACA;AACA,MAAMC,oBAAoB,GACxBC,SAAwC,IAClB;EACtB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGJ,QAAQ,CAAoB;IAC1DK,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGR,WAAW,CAAC,MAAM;IACvC,IAAI,CAACG,SAAS,EAAE;IAChB,MAAMM,OAAO,GACXN,SAAS,YAAYO,OAAO,GAAGP,SAAS,GAAGA,SAAS,CAACQ,OAAO;IAC9D,IAAI,CAACF,OAAO,EAAE;IAEd,MAAM;MAAEH,KAAK;MAAEC;IAAO,CAAC,GAAGE,OAAO,CAACG,qBAAqB,CAAC,CAAC;IACzD,MAAM;MAAEC,UAAU;MAAEC;IAAY,CAAC,GAAGC,MAAM;IAE1CV,WAAW,CAAC;MACVC,KAAK,EAAEO,UAAU,GAAGP,KAAK;MACzBC,MAAM,EAAEO,WAAW,GAAGP;IACxB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEfL,sBAAsB,CAAC,MAAMU,cAAc,CAAC,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAChET,iBAAiB,CAACI,SAAS,EAAWK,cAAc,CAAC;EAErD,OAAOJ,QAAQ;AACjB,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}

package/dist/esm/ScrollButton/utils/useVisibility.js

@@ -1,30 +0,0 @@
-import { useBrowserLayoutEffect, useEvent } from '@os-design/utils';
-import { useCallback, useState } from 'react';
-/**
- * Controls the visibility of the button.
- */
-const useVisibility = ({
-  container,
-  scrollTo,
-  minOffset
-}) => {
-  const [visible, setVisible] = useState(false);
-
-  // Update the visibility of the button when the user scrolls the container
-  const updateVisibility = useCallback(() => {
-    let offset = 0;
-    if (!container) {
-      offset = scrollTo === 'top' ? window.scrollY : document.body.scrollHeight - window.scrollY - window.innerHeight;
-    } else {
-      const containerElement = container instanceof Element ? container : container.current;
-      if (containerElement === null) return;
-      offset = scrollTo === 'top' ? containerElement.scrollTop : containerElement.scrollHeight - containerElement.scrollTop - containerElement.clientHeight;
-    }
-    setVisible(offset >= minOffset);
-  }, [container, scrollTo, minOffset]);
-  useBrowserLayoutEffect(() => updateVisibility(), [updateVisibility]);
-  useEvent(container || (typeof window !== 'undefined' ? window : undefined), 'scroll', updateVisibility);
-  return visible;
-};
-export default useVisibility;
-//# sourceMappingURL=useVisibility.js.map

package/dist/esm/ScrollButton/utils/useVisibility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisibility.js","names":["useBrowserLayoutEffect","useEvent","useCallback","useState","useVisibility","container","scrollTo","minOffset","visible","setVisible","updateVisibility","offset","window","scrollY","document","body","scrollHeight","innerHeight","containerElement","Element","current","scrollTop","clientHeight","undefined"],"sources":["../../../../src/ScrollButton/utils/useVisibility.ts"],"sourcesContent":["import { useBrowserLayoutEffect, useEvent } from '@os-design/utils';\nimport { RefObject, useCallback, useState } from 'react';\n\ninterface UseVisibilityProps {\n  container?: Element | RefObject<Element>;\n  scrollTo: 'top' | 'bottom';\n  minOffset: number;\n}\n\n/**\n * Controls the visibility of the button.\n */\nconst useVisibility = ({\n  container,\n  scrollTo,\n  minOffset,\n}: UseVisibilityProps): boolean => {\n  const [visible, setVisible] = useState(false);\n\n  // Update the visibility of the button when the user scrolls the container\n  const updateVisibility = useCallback(() => {\n    let offset = 0;\n\n    if (!container) {\n      offset =\n        scrollTo === 'top'\n          ? window.scrollY\n          : document.body.scrollHeight - window.scrollY - window.innerHeight;\n    } else {\n      const containerElement =\n        container instanceof Element ? container : container.current;\n      if (containerElement === null) return;\n\n      offset =\n        scrollTo === 'top'\n          ? containerElement.scrollTop\n          : containerElement.scrollHeight -\n            containerElement.scrollTop -\n            containerElement.clientHeight;\n    }\n\n    setVisible(offset >= minOffset);\n  }, [container, scrollTo, minOffset]);\n\n  useBrowserLayoutEffect(() => updateVisibility(), [updateVisibility]);\n  useEvent(\n    container ||\n      ((typeof window !== 'undefined' ? window : undefined) as EventTarget),\n    'scroll',\n    updateVisibility\n  );\n\n  return visible;\n};\n\nexport default useVisibility;\n"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,QAAQ,QAAQ,kBAAkB;AACnE,SAAoBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAQxD;AACA;AACA;AACA,MAAMC,aAAa,GAAGA,CAAC;EACrBC,SAAS;EACTC,QAAQ;EACRC;AACkB,CAAC,KAAc;EACjC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;;EAE7C;EACA,MAAMO,gBAAgB,GAAGR,WAAW,CAAC,MAAM;IACzC,IAAIS,MAAM,GAAG,CAAC;IAEd,IAAI,CAACN,SAAS,EAAE;MACdM,MAAM,GACJL,QAAQ,KAAK,KAAK,GACdM,MAAM,CAACC,OAAO,GACdC,QAAQ,CAACC,IAAI,CAACC,YAAY,GAAGJ,MAAM,CAACC,OAAO,GAAGD,MAAM,CAACK,WAAW;IACxE,CAAC,MAAM;MACL,MAAMC,gBAAgB,GACpBb,SAAS,YAAYc,OAAO,GAAGd,SAAS,GAAGA,SAAS,CAACe,OAAO;MAC9D,IAAIF,gBAAgB,KAAK,IAAI,EAAE;MAE/BP,MAAM,GACJL,QAAQ,KAAK,KAAK,GACdY,gBAAgB,CAACG,SAAS,GAC1BH,gBAAgB,CAACF,YAAY,GAC7BE,gBAAgB,CAACG,SAAS,GAC1BH,gBAAgB,CAACI,YAAY;IACrC;IAEAb,UAAU,CAACE,MAAM,IAAIJ,SAAS,CAAC;EACjC,CAAC,EAAE,CAACF,SAAS,EAAEC,QAAQ,EAAEC,SAAS,CAAC,CAAC;EAEpCP,sBAAsB,CAAC,MAAMU,gBAAgB,CAAC,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EACpET,QAAQ,CACNI,SAAS,KACL,OAAOO,MAAM,KAAK,WAAW,GAAGA,MAAM,GAAGW,SAAS,CAAiB,EACvE,QAAQ,EACRb,gBACF,CAAC;EAED,OAAOF,OAAO;AAChB,CAAC;AAED,eAAeJ,aAAa","ignoreList":[]}