@os-design/core 1.0.218 → 1.0.220

package/dist/cjs/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledForm","styled","omitEmotionProps","sizeStyles","Form","forwardRef","_ref","ref","_ref$optionalText","optionalText","rest","memoizedOptionalText","useMemo","createElement","Provider","displayName","_default","exports"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport FormConfigContext from './FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormProps extends JsxDivProps, WithSize {\n  /**\n   * The text that is displayed to the right of the label of the optional field.\n   * @default optional\n   */\n  optionalText?: string;\n}\n\nconst StyledForm = styled('div', omitEmotionProps('size'))<WithSize>`\n  max-width: 50em;\n\n  & > * + * {\n    margin-top: 1em;\n  }\n  & > style + * {\n    margin-top: 0;\n  }\n\n  ${sizeStyles};\n`;\n\n/**\n * The wrapper of the form.\n */\nconst Form = forwardRef<HTMLDivElement, FormProps>(\n  ({ optionalText = 'optional', ...rest }, ref) => {\n    const memoizedOptionalText = useMemo(\n      () => ({ optionalText }),\n      [optionalText]\n    );\n\n    return (\n      <FormConfigContext.Provider value={memoizedOptionalText}>\n        <StyledForm {...rest} ref={ref} />\n      </FormConfigContext.Provider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAoD,IAAAM,SAAA;AAAA,IAAAC,eAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAApB,uBAAAc,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAiB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAAA,SAAAe,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAA9B,MAAA,CAAA+B,MAAA,CAAA/B,MAAA,CAAAgC,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAjC,MAAA,CAAA+B,MAAA,CAAAF,GAAA;AAWpD,IAAMK,UAAU,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,CAAAlD,eAAA,KAAAA,eAAA,GAAAyC,sBAAA,kIAUtDU,kBAAU,CACb;;AAED;AACA;AACA;AACA,IAAMC,IAAI,gBAAG,IAAAC,iBAAU,EACrB,UAAAC,IAAA,EAAyCC,GAAG,EAAK;EAAA,IAAAC,iBAAA,GAAAF,IAAA,CAA9CG,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,UAAU,GAAAA,iBAAA;IAAKE,IAAI,GAAA1B,wBAAA,CAAAsB,IAAA,EAAAvD,SAAA;EACnC,IAAM4D,oBAAoB,GAAG,IAAAC,cAAO,EAClC;IAAA,OAAO;MAAEH,YAAY,EAAZA;IAAa,CAAC;EAAA,CAAC,EACxB,CAACA,YAAY,CACf,CAAC;EAED,oBACE7D,MAAA,YAAAiE,aAAA,CAAC/D,kBAAA,WAAiB,CAACgE,QAAQ;IAACf,KAAK,EAAEY;EAAqB,gBACtD/D,MAAA,YAAAiE,aAAA,CAACb,UAAU,EAAAzB,QAAA,KAAKmC,IAAI;IAAEH,GAAG,EAAEA;EAAI,EAAE,CACP,CAAC;AAEjC,CACF,CAAC;AAEDH,IAAI,CAACW,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEXZ,IAAI;AAAAa,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledForm","styled","omitEmotionProps","sizeStyles","Form","forwardRef","_ref","ref","_ref$optionalText","optionalText","rest","memoizedOptionalText","useMemo","createElement","Provider","displayName","_default","exports"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport FormConfigContext from './FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormProps extends JsxDivProps, WithSize {\n  /**\n   * The text that is displayed to the right of the label of the optional field.\n   * @default optional\n   */\n  optionalText?: string;\n}\n\nconst StyledForm = styled('div', omitEmotionProps('size'))<WithSize>`\n  max-width: 50em;\n\n  & > * + * {\n    margin-top: 1em;\n  }\n  & > style + * {\n    margin-top: 0;\n  }\n\n  ${sizeStyles};\n`;\n\n/**\n * The wrapper of the form.\n */\nconst Form = forwardRef<HTMLDivElement, FormProps>(\n  ({ optionalText = 'optional', ...rest }, ref) => {\n    const memoizedOptionalText = useMemo(\n      () => ({ optionalText }),\n      [optionalText]\n    );\n\n    return (\n      <FormConfigContext.Provider value={memoizedOptionalText}>\n        <StyledForm {...rest} ref={ref} />\n      </FormConfigContext.Provider>\n    );\n  }\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":"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"}

package/dist/cjs/FormDivider/index.js

@@ -48,6 +48,5 @@ var FormDivider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(Title, null, title), /*#__PURE__*/_react["default"].createElement(Description, null, description)));
 });
 FormDivider.displayName = 'FormDivider';
-var _default = FormDivider;
-exports["default"] = _default;
+var _default = exports["default"] = FormDivider;
 //# sourceMappingURL=index.js.map

package/dist/cjs/FormDivider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","clr","theme","formDividerColor","sizeStyles","Content","div","Title","colorText","sizes","large","ellipsisStyles","Description","inputColorPlaceholder","small","FormDivider","forwardRef","_ref","ref","title","description","rest","createElement","role","displayName","_default","exports"],"sources":["../../../src/FormDivider/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ellipsisStyles, 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 FormDividerProps extends JsxDivProps, WithSize {\n  /**\n   * The title that is in the center of the divider.\n   */\n  title: string;\n  /**\n   * The description that is under the title.\n   * @default undefined\n   */\n  description?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  display: flex;\n  align-items: center;\n  margin: 3em 0 1em;\n\n  &::before,\n  &::after {\n    content: '';\n    flex: 1;\n    min-width: 5%;\n    max-width: 50%;\n    border-top: 1px solid ${(p) => clr(p.theme.formDividerColor)};\n  }\n\n  ${sizeStyles};\n`;\n\nconst Content = styled.div`\n  padding: 0 1.5em;\n  text-align: center;\n  overflow: hidden;\n`;\n\nconst Title = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  font-size: ${(p) => p.theme.sizes.small}em;\n  line-height: 1.2;\n  ${ellipsisStyles};\n`;\n\n/**\n * The divider line for separating the various elements of the form.\n */\nconst FormDivider = forwardRef<HTMLDivElement, FormDividerProps>(\n  ({ title, description, ...rest }, ref) => (\n    <Container role='separator' {...rest} ref={ref}>\n      <Content>\n        <Title>{title}</Title>\n        <Description>{description}</Description>\n      </Content>\n    </Container>\n  )\n);\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","clr","theme","formDividerColor","sizeStyles","Content","div","Title","colorText","sizes","large","ellipsisStyles","Description","inputColorPlaceholder","small","FormDivider","forwardRef","_ref","ref","title","description","rest","createElement","role","displayName","_default","exports"],"sources":["../../../src/FormDivider/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ellipsisStyles, 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 FormDividerProps extends JsxDivProps, WithSize {\n  /**\n   * The title that is in the center of the divider.\n   */\n  title: string;\n  /**\n   * The description that is under the title.\n   * @default undefined\n   */\n  description?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  display: flex;\n  align-items: center;\n  margin: 3em 0 1em;\n\n  &::before,\n  &::after {\n    content: '';\n    flex: 1;\n    min-width: 5%;\n    max-width: 50%;\n    border-top: 1px solid ${(p) => clr(p.theme.formDividerColor)};\n  }\n\n  ${sizeStyles};\n`;\n\nconst Content = styled.div`\n  padding: 0 1.5em;\n  text-align: center;\n  overflow: hidden;\n`;\n\nconst Title = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  font-size: ${(p) => p.theme.sizes.small}em;\n  line-height: 1.2;\n  ${ellipsisStyles};\n`;\n\n/**\n * The divider line for separating the various elements of the form.\n */\nconst FormDivider = forwardRef<HTMLDivElement, FormDividerProps>(\n  ({ title, description, ...rest }, ref) => (\n    <Container role='separator' {...rest} ref={ref}>\n      <Content>\n        <Title>{title}</Title>\n        <Description>{description}</Description>\n      </Content>\n    </Container>\n  )\n);\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":"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"}

package/dist/cjs/FormItem/index.js

@@ -92,6 +92,5 @@ var FormItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, help));
 });
 FormItem.displayName = 'FormItem';
-var _default = FormItem;
-exports["default"] = _default;
+var _default = exports["default"] = FormItem;
 //# sourceMappingURL=index.js.map

package/dist/cjs/FormItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","sizeStyles","Label","label","p","theme","sizes","small","clr","colorText","Optional","span","formItemColorOptional","Help","div","formItemColorHelp","Error","formItemColorError","FormItem","forwardRef","_ref","ref","help","error","_ref$optional","optional","id","children","rest","_useContext","useContext","FormConfigContext","optionalText","containerId","useMemo","Math","random","toString","fieldId","concat","helpId","ariaInvalid","ariaDescribedBy","undefined","createElement","role","htmlFor","ThemeOverrider","overrides","inputColorBorder","displayName","_default","exports"],"sources":["../../../src/FormItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr, ThemeOverrider } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport FormConfigContext from '../Form/FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormItemProps extends JsxDivProps, WithSize {\n  /**\n   * Label of the field.\n   * @default undefined\n   */\n  label?: string;\n  /**\n   * The help message located at the bottom of the field.\n   * @default undefined\n   */\n  help?: string;\n  /**\n   * The error message located at the bottom of the field.\n   * If specified, the field has a red border.\n   * @default undefined\n   */\n  error?: string | null;\n  /**\n   * Whether the field is optional.\n   * @default false\n   */\n  optional?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  ${sizeStyles};\n`;\n\nconst Label = styled.label`\n  display: inline-flex;\n  align-items: center;\n  margin-bottom: 0.4em;\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.colorText)};\n`;\n\nconst Optional = styled.span`\n  color: ${(p) => clr(p.theme.formItemColorOptional)};\n  margin-left: 0.3em;\n`;\n\nconst Help = styled.div`\n  margin-top: 0.1em;\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.formItemColorHelp)};\n`;\n\nconst Error = styled(Help)`\n  color: ${(p) => clr(p.theme.formItemColorError)};\n`;\n\n/**\n * The wrapper of the field.\n */\nconst FormItem = forwardRef<HTMLDivElement, FormItemProps>(\n  ({ label, help, error, optional = false, id, children, ...rest }, ref) => {\n    const { optionalText } = useContext(FormConfigContext);\n\n    const containerId = useMemo(\n      () => id || Math.random().toString(36).slice(2, 11),\n      [id]\n    );\n    const fieldId = useMemo(() => `field-${containerId}`, [containerId]);\n    const helpId = useMemo(() => `help-${containerId}`, [containerId]);\n    const ariaInvalid = useMemo(() => !!error, [error]);\n    const ariaDescribedBy = useMemo(\n      () => (help ? helpId : undefined),\n      [help, helpId]\n    );\n\n    return (\n      <Container role='group' id={id} {...rest} ref={ref}>\n        {label && (\n          <Label htmlFor={fieldId}>\n            {label}\n            {optional && <Optional>({optionalText})</Optional>}\n          </Label>\n        )}\n\n        <div\n          id={fieldId}\n          aria-invalid={ariaInvalid}\n          aria-describedby={ariaDescribedBy}\n        >\n          <ThemeOverrider\n            overrides={(theme) => ({\n              inputColorBorder: error\n                ? theme.formItemColorError\n                : theme.inputColorBorder,\n            })}\n          >\n            {children}\n          </ThemeOverrider>\n        </div>\n\n        {error ? (\n          <Error aria-live='polite' id={helpId}>\n            {error}\n          </Error>\n        ) : (\n          help && <Help id={helpId}>{help}</Help>\n        )}\n      </Container>\n    );\n  }\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","sizeStyles","Label","label","p","theme","sizes","small","clr","colorText","Optional","span","formItemColorOptional","Help","div","formItemColorHelp","Error","formItemColorError","FormItem","forwardRef","_ref","ref","help","error","_ref$optional","optional","id","children","rest","_useContext","useContext","FormConfigContext","optionalText","containerId","useMemo","Math","random","toString","fieldId","concat","helpId","ariaInvalid","ariaDescribedBy","undefined","createElement","role","htmlFor","ThemeOverrider","overrides","inputColorBorder","displayName","_default","exports"],"sources":["../../../src/FormItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr, ThemeOverrider } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport FormConfigContext from '../Form/FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormItemProps extends JsxDivProps, WithSize {\n  /**\n   * Label of the field.\n   * @default undefined\n   */\n  label?: string;\n  /**\n   * The help message located at the bottom of the field.\n   * @default undefined\n   */\n  help?: string;\n  /**\n   * The error message located at the bottom of the field.\n   * If specified, the field has a red border.\n   * @default undefined\n   */\n  error?: string | null;\n  /**\n   * Whether the field is optional.\n   * @default false\n   */\n  optional?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  ${sizeStyles};\n`;\n\nconst Label = styled.label`\n  display: inline-flex;\n  align-items: center;\n  margin-bottom: 0.4em;\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.colorText)};\n`;\n\nconst Optional = styled.span`\n  color: ${(p) => clr(p.theme.formItemColorOptional)};\n  margin-left: 0.3em;\n`;\n\nconst Help = styled.div`\n  margin-top: 0.1em;\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.formItemColorHelp)};\n`;\n\nconst Error = styled(Help)`\n  color: ${(p) => clr(p.theme.formItemColorError)};\n`;\n\n/**\n * The wrapper of the field.\n */\nconst FormItem = forwardRef<HTMLDivElement, FormItemProps>(\n  ({ label, help, error, optional = false, id, children, ...rest }, ref) => {\n    const { optionalText } = useContext(FormConfigContext);\n\n    const containerId = useMemo(\n      () => id || Math.random().toString(36).slice(2, 11),\n      [id]\n    );\n    const fieldId = useMemo(() => `field-${containerId}`, [containerId]);\n    const helpId = useMemo(() => `help-${containerId}`, [containerId]);\n    const ariaInvalid = useMemo(() => !!error, [error]);\n    const ariaDescribedBy = useMemo(\n      () => (help ? helpId : undefined),\n      [help, helpId]\n    );\n\n    return (\n      <Container role='group' id={id} {...rest} ref={ref}>\n        {label && (\n          <Label htmlFor={fieldId}>\n            {label}\n            {optional && <Optional>({optionalText})</Optional>}\n          </Label>\n        )}\n\n        <div\n          id={fieldId}\n          aria-invalid={ariaInvalid}\n          aria-describedby={ariaDescribedBy}\n        >\n          <ThemeOverrider\n            overrides={(theme) => ({\n              inputColorBorder: error\n                ? theme.formItemColorError\n                : theme.inputColorBorder,\n            })}\n          >\n            {children}\n          </ThemeOverrider>\n        </div>\n\n        {error ? (\n          <Error aria-live='polite' id={helpId}>\n            {error}\n          </Error>\n        ) : (\n          help && <Help id={helpId}>{help}</Help>\n        )}\n      </Container>\n    );\n  }\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":"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"}

package/dist/cjs/Gallery/Status.js

@@ -37,6 +37,5 @@ var Status = function Status(_ref) {
     });
   }));
 };
-var _default = Status;
-exports["default"] = _default;
+var _default = exports["default"] = Status;
 //# sourceMappingURL=Status.js.map

package/dist/cjs/Gallery/Status.js.map

@@ -1 +1 @@
-{"version":3,"file":"Status.js","names":["_styled","_interopRequireDefault","require","_theming","_utils","_react","_templateObject","_templateObject2","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","height","Block","count","index","concat","current","clr","theme","galleryStatusColorBgCurrent","galleryStatusColorBg","Status","_ref","createElement","Array","fill","map","_","key","_default","exports"],"sources":["../../../src/Gallery/Status.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\ninterface StatusProps {\n  count: number;\n  current: number;\n  height: number;\n}\n\ninterface ContainerProps {\n  height: number;\n}\nconst Container = styled('div', omitEmotionProps('height'))<ContainerProps>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: ${(p) => p.height}px;\n`;\n\ninterface BlockProps {\n  count: number;\n  index: number;\n  current: boolean;\n}\nconst Block = styled(\n  'div',\n  omitEmotionProps('count', 'index', 'current')\n)<BlockProps>`\n  position: absolute;\n  left: ${(p) => (100 / p.count) * p.index}%;\n  width: ${(p) =>\n    p.index < p.count - 1\n      ? `calc(${100 / p.count}% - 2px)`\n      : `${100 / p.count}%`};\n  height: 100%;\n\n  background-color: ${(p) =>\n    p.current\n      ? clr(p.theme.galleryStatusColorBgCurrent)\n      : clr(p.theme.galleryStatusColorBg)};\n  backdrop-filter: blur(0.2em);\n`;\n\nconst Status: React.FC<StatusProps> = ({ count, current, height }) => (\n  <Container height={height}>\n    {Array(count)\n      .fill(0)\n      .map((_, index) => (\n        <Block\n          key={index} // eslint-disable-line react/no-array-index-key\n          count={count}\n          index={index}\n          current={index === current}\n        />\n      ))}\n  </Container>\n);\n\nexport default Status;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0B,IAAAI,eAAA,EAAAC,gBAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAW1B,IAAMM,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAAd,eAAA,KAAAA,eAAA,GAAAI,sBAAA,4FAK/C,UAACW,CAAC;EAAA,OAAKA,CAAC,CAACC,MAAM;AAAA,EAC1B;AAOD,IAAMC,KAAK,GAAG,IAAAJ,kBAAM,EAClB,KAAK,EACL,IAAAC,uBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAC9C,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,GAAAG,sBAAA,iJAES,UAACW,CAAC;EAAA,OAAM,GAAG,GAAGA,CAAC,CAACG,KAAK,GAAIH,CAAC,CAACI,KAAK;AAAA,GAC/B,UAACJ,CAAC;EAAA,OACTA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACG,KAAK,GAAG,CAAC,WAAAE,MAAA,CACT,GAAG,GAAGL,CAAC,CAACG,KAAK,mBAAAE,MAAA,CAClB,GAAG,GAAGL,CAAC,CAACG,KAAK,MAAG;AAAA,GAGL,UAACH,CAAC;EAAA,OACpBA,CAAC,CAACM,OAAO,GACL,IAAAC,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACC,2BAA2B,CAAC,GACxC,IAAAF,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACE,oBAAoB,CAAC;AAAA,EAExC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA;EAAA,IAAMT,KAAK,GAAAS,IAAA,CAALT,KAAK;IAAEG,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEL,MAAM,GAAAW,IAAA,CAANX,MAAM;EAAA,oBAC7DjB,MAAA,YAAA6B,aAAA,CAAChB,SAAS;IAACI,MAAM,EAAEA;EAAO,GACvBa,KAAK,CAACX,KAAK,CAAC,CACVY,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEb,KAAK;IAAA,oBACZpB,MAAA,YAAA6B,aAAA,CAACX,KAAK;MACJgB,GAAG,EAAEd,KAAM,CAAC;MAAA;MACZD,KAAK,EAAEA,KAAM;MACbC,KAAK,EAAEA,KAAM;MACbE,OAAO,EAAEF,KAAK,KAAKE;IAAQ,CAC5B,CAAC;EAAA,CACH,CACM,CAAC;AAAA,CACb;AAAC,IAAAa,QAAA,GAEaR,MAAM;AAAAS,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Status.js","names":["_styled","_interopRequireDefault","require","_theming","_utils","_react","_templateObject","_templateObject2","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","height","Block","count","index","concat","current","clr","theme","galleryStatusColorBgCurrent","galleryStatusColorBg","Status","_ref","createElement","Array","fill","map","_","key","_default","exports"],"sources":["../../../src/Gallery/Status.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\ninterface StatusProps {\n  count: number;\n  current: number;\n  height: number;\n}\n\ninterface ContainerProps {\n  height: number;\n}\nconst Container = styled('div', omitEmotionProps('height'))<ContainerProps>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: ${(p) => p.height}px;\n`;\n\ninterface BlockProps {\n  count: number;\n  index: number;\n  current: boolean;\n}\nconst Block = styled(\n  'div',\n  omitEmotionProps('count', 'index', 'current')\n)<BlockProps>`\n  position: absolute;\n  left: ${(p) => (100 / p.count) * p.index}%;\n  width: ${(p) =>\n    p.index < p.count - 1\n      ? `calc(${100 / p.count}% - 2px)`\n      : `${100 / p.count}%`};\n  height: 100%;\n\n  background-color: ${(p) =>\n    p.current\n      ? clr(p.theme.galleryStatusColorBgCurrent)\n      : clr(p.theme.galleryStatusColorBg)};\n  backdrop-filter: blur(0.2em);\n`;\n\nconst Status: React.FC<StatusProps> = ({ count, current, height }) => (\n  <Container height={height}>\n    {Array(count)\n      .fill(0)\n      .map((_, index) => (\n        <Block\n          key={index} // eslint-disable-line react/no-array-index-key\n          count={count}\n          index={index}\n          current={index === current}\n        />\n      ))}\n  </Container>\n);\n\nexport default Status;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0B,IAAAI,eAAA,EAAAC,gBAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAW1B,IAAMM,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAAd,eAAA,KAAAA,eAAA,GAAAI,sBAAA,4FAK/C,UAACW,CAAC;EAAA,OAAKA,CAAC,CAACC,MAAM;AAAA,EAC1B;AAOD,IAAMC,KAAK,GAAG,IAAAJ,kBAAM,EAClB,KAAK,EACL,IAAAC,uBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAC9C,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,GAAAG,sBAAA,iJAES,UAACW,CAAC;EAAA,OAAM,GAAG,GAAGA,CAAC,CAACG,KAAK,GAAIH,CAAC,CAACI,KAAK;AAAA,GAC/B,UAACJ,CAAC;EAAA,OACTA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACG,KAAK,GAAG,CAAC,WAAAE,MAAA,CACT,GAAG,GAAGL,CAAC,CAACG,KAAK,mBAAAE,MAAA,CAClB,GAAG,GAAGL,CAAC,CAACG,KAAK,MAAG;AAAA,GAGL,UAACH,CAAC;EAAA,OACpBA,CAAC,CAACM,OAAO,GACL,IAAAC,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACC,2BAA2B,CAAC,GACxC,IAAAF,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACE,oBAAoB,CAAC;AAAA,EAExC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA;EAAA,IAAMT,KAAK,GAAAS,IAAA,CAALT,KAAK;IAAEG,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEL,MAAM,GAAAW,IAAA,CAANX,MAAM;EAAA,oBAC7DjB,MAAA,YAAA6B,aAAA,CAAChB,SAAS;IAACI,MAAM,EAAEA;EAAO,GACvBa,KAAK,CAACX,KAAK,CAAC,CACVY,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEb,KAAK;IAAA,oBACZpB,MAAA,YAAA6B,aAAA,CAACX,KAAK;MACJgB,GAAG,EAAEd,KAAM,CAAC;MAAA;MACZD,KAAK,EAAEA,KAAM;MACbC,KAAK,EAAEA,KAAM;MACbE,OAAO,EAAEF,KAAK,KAAKE;IAAQ,CAC5B,CAAC;EAAA,CACH,CACM,CAAC;AAAA,CACb;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEaT,MAAM"}

package/dist/cjs/Gallery/index.js

@@ -194,6 +194,5 @@ var Gallery = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onClick: right
   }, /*#__PURE__*/_react["default"].createElement(_icons.Right, null)))), children));
 });
-var _default = Gallery;
-exports["default"] = _default;
+var _default = exports["default"] = Gallery;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Gallery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_icons","_theming","_utils","_react","_interopRequireWildcard","_Button","_Image","_Status","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","Container","styled","omitEmotionProps","p","heightPercent","clr","theme","galleryColorBg","borderRadius","StyledImage","Image","NavButton","Button","LeftButton","RightButton","MIN_DIST_PX","MAX_ANGLE","Gallery","forwardRef","_ref","ref","urls","_ref$aspectRatio","aspectRatio","_ref$imageProps","imageProps","_ref$hideArrows","hideArrows","children","rest","_useForwardedRef","useForwardedRef","_useForwardedRef2","innerContainerRef","mergedContainerRef","_useState","useState","undefined","_useState2","imageUrl","setImageUrl","_useState3","_useState4","imageIndex","setImageIndex","useMemo","Math","round","imageIndexRef","useRef","useEffect","current","startTouchPosRef","size","useSize","sizeRef","statusHeight","height","updateGalleryImage","useCallback","clientX","_innerContainerRef$cu","getBoundingClientRect","x","widthPerImage","width","xPos","nextIndex","floor","prev","index","left","preventDefault","right","mouseMoveHandler","touchStartHandler","_e$touches$","touches","clientY","y","touchMoveHandler","_startTouchPosRef$cur","_e$touches$2","diffX","abs","diffY","diff","sqrt","pow","angle","atan","PI","touchEndHandler","handlers","isTouchDevice","onTouchStart","onTouchMove","onTouchEnd","onMouseMove","createElement","ThemeOverrider","activeTheme","url","Fragment","count","overrides","colorPrimary","type","wide","onClick","Left","Right","_default","exports"],"sources":["../../../src/Gallery/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Left, Right } from '@os-design/icons';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport {\n  isTouchDevice,\n  omitEmotionProps,\n  useForwardedRef,\n  useSize,\n} from '@os-design/utils';\nimport React, {\n  MouseEventHandler,\n  TouchEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Button from '../Button';\nimport Image, { ImageProps } from '../Image';\nimport GalleryStatus from './Status';\n\ninterface ContainerProps {\n  heightPercent: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('heightPercent')\n)<ContainerProps>`\n  position: relative;\n  padding-bottom: ${(p) => p.heightPercent}%;\n\n  display: flex;\n  justify-content: center;\n\n  background-color: ${(p) => clr(p.theme.galleryColorBg)};\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n`;\n\nconst StyledImage = styled(Image)`\n  position: absolute;\n  width: auto;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst NavButton = styled(Button)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  background-color: hsla(0, 0%, 0%, 0.5);\n  backdrop-filter: blur(0.2em);\n`;\n\nconst LeftButton = styled(NavButton)`\n  left: 0.2em;\n`;\n\nconst RightButton = styled(NavButton)`\n  right: 0.2em;\n`;\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface GalleryProps extends JsxDivProps {\n  /**\n   * The image urls.\n   */\n  urls: string[] | ReadonlyArray<string>;\n  /**\n   * The aspect ratio of the gallery.\n   * E.g. [16,9] – 16:9.\n   */\n  aspectRatio?: [number, number];\n  /**\n   * The props of the image component.\n   */\n  imageProps?: Omit<ImageProps, 'url'>;\n  /**\n   * Whether the navigation buttons is shown.\n   */\n  hideArrows?: boolean;\n  /**\n   * The children that can be displayed on top of the image.\n   * E.g. tags.\n   */\n  children?: React.ReactNode;\n}\n\nconst MIN_DIST_PX = 30;\nconst MAX_ANGLE = 30;\n\n/**\n * The image gallery. Change the cursor/touch position to change images.\n * The lib 'lazysizes/plugins/attrchange/ls.attrchange' must be imported.\n */\nconst Gallery = forwardRef<HTMLDivElement, GalleryProps>(\n  (\n    {\n      urls,\n      aspectRatio = [16, 9],\n      imageProps = {},\n      hideArrows = false,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [innerContainerRef, mergedContainerRef] = useForwardedRef(ref);\n\n    const [imageUrl, setImageUrl] = useState<string | undefined>(undefined);\n    const [imageIndex, setImageIndex] = useState(urls.length > 0 ? 0 : null);\n\n    const heightPercent = useMemo(\n      () => Math.round((aspectRatio[1] / aspectRatio[0]) * 1000000) / 10000,\n      [aspectRatio]\n    );\n\n    const imageIndexRef = useRef(imageIndex);\n    useEffect(() => {\n      imageIndexRef.current = imageIndex;\n    }, [imageIndex]);\n\n    // Update the image if the index was changed\n    useEffect(() => {\n      setImageUrl(imageIndex !== null ? urls[imageIndex] : undefined);\n    }, [imageIndex, urls]);\n\n    const startTouchPosRef = useRef<{ x: number; y: number } | null>(null);\n\n    const size = useSize(innerContainerRef);\n    const sizeRef = useRef(size);\n    useEffect(() => {\n      sizeRef.current = size;\n    }, [size]);\n\n    const statusHeight = useMemo(\n      () => Math.round(size.height / 70),\n      [size.height]\n    );\n\n    const updateGalleryImage = useCallback(\n      (clientX: number) => {\n        if (!innerContainerRef.current) return;\n        const { x } = innerContainerRef.current.getBoundingClientRect();\n        const widthPerImage = sizeRef.current.width / urls.length;\n        const xPos = clientX - x;\n        if (xPos < 0) return;\n        const nextIndex = Math.floor(xPos / widthPerImage);\n        if (imageIndexRef.current !== nextIndex) {\n          setImageIndex(nextIndex);\n        }\n      },\n      [innerContainerRef, urls.length]\n    );\n\n    const prev = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index > 0 ? index - 1 : urls.length - 1);\n    }, [urls.length]);\n\n    const next = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index < urls.length - 1 ? index + 1 : 0);\n    }, [urls.length]);\n\n    const left = useCallback<MouseEventHandler>(\n      (e) => {\n        prev();\n        e.preventDefault();\n      },\n      [prev]\n    );\n\n    const right = useCallback<MouseEventHandler>(\n      (e) => {\n        next();\n        e.preventDefault();\n      },\n      [next]\n    );\n\n    const mouseMoveHandler = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (e) => updateGalleryImage(e.clientX),\n      [updateGalleryImage]\n    );\n\n    const touchStartHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        const { clientX, clientY } = e.touches[0];\n        startTouchPosRef.current = { x: clientX, y: clientY };\n      },\n      []\n    );\n\n    const touchMoveHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        if (!startTouchPosRef.current) return;\n        const { x, y } = startTouchPosRef.current;\n        const { clientX, clientY } = e.touches[0];\n        const diffX = Math.abs(x - clientX);\n        const diffY = Math.abs(y - clientY);\n        const diff = Math.sqrt(diffX ** 2 + diffY ** 2);\n        if (diff < MIN_DIST_PX) return;\n        const angle = (Math.atan(diffY / diffX) * 180) / Math.PI;\n        if (angle > MAX_ANGLE) {\n          startTouchPosRef.current = null;\n          return;\n        }\n        if (x < clientX) prev();\n        else next();\n        startTouchPosRef.current = null;\n      },\n      [next, prev]\n    );\n\n    const touchEndHandler = useCallback<\n      TouchEventHandler<HTMLDivElement>\n    >(() => {\n      startTouchPosRef.current = null;\n    }, []);\n\n    const handlers = useMemo(() => {\n      if (isTouchDevice()) {\n        return {\n          onTouchStart: touchStartHandler,\n          onTouchMove: touchMoveHandler,\n          onTouchEnd: touchEndHandler,\n        };\n      }\n      return {\n        onMouseMove: mouseMoveHandler,\n      };\n    }, [\n      mouseMoveHandler,\n      touchEndHandler,\n      touchMoveHandler,\n      touchStartHandler,\n    ]);\n\n    return (\n      <ThemeOverrider activeTheme='dark'>\n        <Container\n          heightPercent={heightPercent}\n          {...handlers}\n          {...rest}\n          ref={mergedContainerRef}\n        >\n          <StyledImage url={imageUrl} {...imageProps} />\n          {urls.length > 1 && imageIndex !== null && (\n            <>\n              <GalleryStatus\n                count={urls.length}\n                current={imageIndex}\n                height={statusHeight}\n              />\n              {isTouchDevice() && !hideArrows && (\n                <ThemeOverrider overrides={{ colorPrimary: [0, 0, 100] }}>\n                  <LeftButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={left}\n                  >\n                    <Left />\n                  </LeftButton>\n                  <RightButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={right}\n                  >\n                    <Right />\n                  </RightButton>\n                </ThemeOverrider>\n              )}\n            </>\n          )}\n          {children}\n        </Container>\n      </ThemeOverrider>\n    );\n  }\n);\n\nexport default Gallery;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_icons","_theming","_utils","_react","_interopRequireWildcard","_Button","_Image","_Status","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","Container","styled","omitEmotionProps","p","heightPercent","clr","theme","galleryColorBg","borderRadius","StyledImage","Image","NavButton","Button","LeftButton","RightButton","MIN_DIST_PX","MAX_ANGLE","Gallery","forwardRef","_ref","ref","urls","_ref$aspectRatio","aspectRatio","_ref$imageProps","imageProps","_ref$hideArrows","hideArrows","children","rest","_useForwardedRef","useForwardedRef","_useForwardedRef2","innerContainerRef","mergedContainerRef","_useState","useState","undefined","_useState2","imageUrl","setImageUrl","_useState3","_useState4","imageIndex","setImageIndex","useMemo","Math","round","imageIndexRef","useRef","useEffect","current","startTouchPosRef","size","useSize","sizeRef","statusHeight","height","updateGalleryImage","useCallback","clientX","_innerContainerRef$cu","getBoundingClientRect","x","widthPerImage","width","xPos","nextIndex","floor","prev","index","left","preventDefault","right","mouseMoveHandler","touchStartHandler","_e$touches$","touches","clientY","y","touchMoveHandler","_startTouchPosRef$cur","_e$touches$2","diffX","abs","diffY","diff","sqrt","pow","angle","atan","PI","touchEndHandler","handlers","isTouchDevice","onTouchStart","onTouchMove","onTouchEnd","onMouseMove","createElement","ThemeOverrider","activeTheme","url","Fragment","count","overrides","colorPrimary","type","wide","onClick","Left","Right","_default","exports"],"sources":["../../../src/Gallery/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Left, Right } from '@os-design/icons';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport {\n  isTouchDevice,\n  omitEmotionProps,\n  useForwardedRef,\n  useSize,\n} from '@os-design/utils';\nimport React, {\n  MouseEventHandler,\n  TouchEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Button from '../Button';\nimport Image, { ImageProps } from '../Image';\nimport GalleryStatus from './Status';\n\ninterface ContainerProps {\n  heightPercent: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('heightPercent')\n)<ContainerProps>`\n  position: relative;\n  padding-bottom: ${(p) => p.heightPercent}%;\n\n  display: flex;\n  justify-content: center;\n\n  background-color: ${(p) => clr(p.theme.galleryColorBg)};\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n`;\n\nconst StyledImage = styled(Image)`\n  position: absolute;\n  width: auto;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst NavButton = styled(Button)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  background-color: hsla(0, 0%, 0%, 0.5);\n  backdrop-filter: blur(0.2em);\n`;\n\nconst LeftButton = styled(NavButton)`\n  left: 0.2em;\n`;\n\nconst RightButton = styled(NavButton)`\n  right: 0.2em;\n`;\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface GalleryProps extends JsxDivProps {\n  /**\n   * The image urls.\n   */\n  urls: string[] | ReadonlyArray<string>;\n  /**\n   * The aspect ratio of the gallery.\n   * E.g. [16,9] – 16:9.\n   */\n  aspectRatio?: [number, number];\n  /**\n   * The props of the image component.\n   */\n  imageProps?: Omit<ImageProps, 'url'>;\n  /**\n   * Whether the navigation buttons is shown.\n   */\n  hideArrows?: boolean;\n  /**\n   * The children that can be displayed on top of the image.\n   * E.g. tags.\n   */\n  children?: React.ReactNode;\n}\n\nconst MIN_DIST_PX = 30;\nconst MAX_ANGLE = 30;\n\n/**\n * The image gallery. Change the cursor/touch position to change images.\n * The lib 'lazysizes/plugins/attrchange/ls.attrchange' must be imported.\n */\nconst Gallery = forwardRef<HTMLDivElement, GalleryProps>(\n  (\n    {\n      urls,\n      aspectRatio = [16, 9],\n      imageProps = {},\n      hideArrows = false,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [innerContainerRef, mergedContainerRef] = useForwardedRef(ref);\n\n    const [imageUrl, setImageUrl] = useState<string | undefined>(undefined);\n    const [imageIndex, setImageIndex] = useState(urls.length > 0 ? 0 : null);\n\n    const heightPercent = useMemo(\n      () => Math.round((aspectRatio[1] / aspectRatio[0]) * 1000000) / 10000,\n      [aspectRatio]\n    );\n\n    const imageIndexRef = useRef(imageIndex);\n    useEffect(() => {\n      imageIndexRef.current = imageIndex;\n    }, [imageIndex]);\n\n    // Update the image if the index was changed\n    useEffect(() => {\n      setImageUrl(imageIndex !== null ? urls[imageIndex] : undefined);\n    }, [imageIndex, urls]);\n\n    const startTouchPosRef = useRef<{ x: number; y: number } | null>(null);\n\n    const size = useSize(innerContainerRef);\n    const sizeRef = useRef(size);\n    useEffect(() => {\n      sizeRef.current = size;\n    }, [size]);\n\n    const statusHeight = useMemo(\n      () => Math.round(size.height / 70),\n      [size.height]\n    );\n\n    const updateGalleryImage = useCallback(\n      (clientX: number) => {\n        if (!innerContainerRef.current) return;\n        const { x } = innerContainerRef.current.getBoundingClientRect();\n        const widthPerImage = sizeRef.current.width / urls.length;\n        const xPos = clientX - x;\n        if (xPos < 0) return;\n        const nextIndex = Math.floor(xPos / widthPerImage);\n        if (imageIndexRef.current !== nextIndex) {\n          setImageIndex(nextIndex);\n        }\n      },\n      [innerContainerRef, urls.length]\n    );\n\n    const prev = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index > 0 ? index - 1 : urls.length - 1);\n    }, [urls.length]);\n\n    const next = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index < urls.length - 1 ? index + 1 : 0);\n    }, [urls.length]);\n\n    const left = useCallback<MouseEventHandler>(\n      (e) => {\n        prev();\n        e.preventDefault();\n      },\n      [prev]\n    );\n\n    const right = useCallback<MouseEventHandler>(\n      (e) => {\n        next();\n        e.preventDefault();\n      },\n      [next]\n    );\n\n    const mouseMoveHandler = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (e) => updateGalleryImage(e.clientX),\n      [updateGalleryImage]\n    );\n\n    const touchStartHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        const { clientX, clientY } = e.touches[0];\n        startTouchPosRef.current = { x: clientX, y: clientY };\n      },\n      []\n    );\n\n    const touchMoveHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        if (!startTouchPosRef.current) return;\n        const { x, y } = startTouchPosRef.current;\n        const { clientX, clientY } = e.touches[0];\n        const diffX = Math.abs(x - clientX);\n        const diffY = Math.abs(y - clientY);\n        const diff = Math.sqrt(diffX ** 2 + diffY ** 2);\n        if (diff < MIN_DIST_PX) return;\n        const angle = (Math.atan(diffY / diffX) * 180) / Math.PI;\n        if (angle > MAX_ANGLE) {\n          startTouchPosRef.current = null;\n          return;\n        }\n        if (x < clientX) prev();\n        else next();\n        startTouchPosRef.current = null;\n      },\n      [next, prev]\n    );\n\n    const touchEndHandler = useCallback<\n      TouchEventHandler<HTMLDivElement>\n    >(() => {\n      startTouchPosRef.current = null;\n    }, []);\n\n    const handlers = useMemo(() => {\n      if (isTouchDevice()) {\n        return {\n          onTouchStart: touchStartHandler,\n          onTouchMove: touchMoveHandler,\n          onTouchEnd: touchEndHandler,\n        };\n      }\n      return {\n        onMouseMove: mouseMoveHandler,\n      };\n    }, [\n      mouseMoveHandler,\n      touchEndHandler,\n      touchMoveHandler,\n      touchStartHandler,\n    ]);\n\n    return (\n      <ThemeOverrider activeTheme='dark'>\n        <Container\n          heightPercent={heightPercent}\n          {...handlers}\n          {...rest}\n          ref={mergedContainerRef}\n        >\n          <StyledImage url={imageUrl} {...imageProps} />\n          {urls.length > 1 && imageIndex !== null && (\n            <>\n              <GalleryStatus\n                count={urls.length}\n                current={imageIndex}\n                height={statusHeight}\n              />\n              {isTouchDevice() && !hideArrows && (\n                <ThemeOverrider overrides={{ colorPrimary: [0, 0, 100] }}>\n                  <LeftButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={left}\n                  >\n                    <Left />\n                  </LeftButton>\n                  <RightButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={right}\n                  >\n                    <Right />\n                  </RightButton>\n                </ThemeOverrider>\n              )}\n            </>\n          )}\n          {children}\n        </Container>\n      </ThemeOverrider>\n    );\n  }\n);\n\nexport default Gallery;\n"],"mappings":"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"}

package/dist/cjs/GlobalStyles/index.js

@@ -19,6 +19,5 @@ var GlobalStyles = function GlobalStyles() {
   });
 };
 GlobalStyles.displayName = 'GlobalStyles';
-var _default = GlobalStyles;
-exports["default"] = _default;
+var _default = exports["default"] = GlobalStyles;
 //# sourceMappingURL=index.js.map

package/dist/cjs/GlobalStyles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_utils","_react2","_interopRequireDefault","_resetStyles","_typographyStyles","obj","__esModule","GlobalStyles","useVh","createElement","Global","styles","theme","resetStyles","typographyStyles","displayName","_default","exports"],"sources":["../../../src/GlobalStyles/index.tsx"],"sourcesContent":["import { Global } from '@emotion/react';\nimport { useVh } from '@os-design/utils';\nimport React from 'react';\nimport resetStyles from './resetStyles';\nimport typographyStyles from './typographyStyles';\n\nconst GlobalStyles: React.FC = () => {\n  useVh();\n  return (\n    <Global styles={(theme) => [resetStyles(theme), typographyStyles(theme)]} />\n  );\n};\n\nGlobalStyles.displayName = 'GlobalStyles';\n\nexport default GlobalStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,iBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAkD,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,YAAsB,GAAG,SAAzBA,YAAsBA,CAAA,EAAS;EACnC,IAAAC,YAAK,EAAC,CAAC;EACP,oBACEP,OAAA,YAAAQ,aAAA,CAACX,MAAA,CAAAY,MAAM;IAACC,MAAM,EAAE,SAAAA,OAACC,KAAK;MAAA,OAAK,CAAC,IAAAC,uBAAW,EAACD,KAAK,CAAC,EAAE,IAAAE,4BAAgB,EAACF,KAAK,CAAC,CAAC;IAAA;EAAC,CAAE,CAAC;AAEhF,CAAC;AAEDL,YAAY,CAACQ,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAE3BT,YAAY;AAAAU,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_react","require","_utils","_react2","_interopRequireDefault","_resetStyles","_typographyStyles","obj","__esModule","GlobalStyles","useVh","createElement","Global","styles","theme","resetStyles","typographyStyles","displayName","_default","exports"],"sources":["../../../src/GlobalStyles/index.tsx"],"sourcesContent":["import { Global } from '@emotion/react';\nimport { useVh } from '@os-design/utils';\nimport React from 'react';\nimport resetStyles from './resetStyles';\nimport typographyStyles from './typographyStyles';\n\nconst GlobalStyles: React.FC = () => {\n  useVh();\n  return (\n    <Global styles={(theme) => [resetStyles(theme), typographyStyles(theme)]} />\n  );\n};\n\nGlobalStyles.displayName = 'GlobalStyles';\n\nexport default GlobalStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,iBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAkD,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,YAAsB,GAAG,SAAzBA,YAAsBA,CAAA,EAAS;EACnC,IAAAC,YAAK,EAAC,CAAC;EACP,oBACEP,OAAA,YAAAQ,aAAA,CAACX,MAAA,CAAAY,MAAM;IAACC,MAAM,EAAE,SAAAA,OAACC,KAAK;MAAA,OAAK,CAAC,IAAAC,uBAAW,EAACD,KAAK,CAAC,EAAE,IAAAE,4BAAgB,EAACF,KAAK,CAAC,CAAC;IAAA;EAAC,CAAE,CAAC;AAEhF,CAAC;AAEDL,YAAY,CAACQ,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAE3BV,YAAY"}

package/dist/cjs/GlobalStyles/resetStyles.js

@@ -10,6 +10,5 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var resetStyles = function resetStyles(theme) {
   return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    margin: 0;\n  }\n\n  p,\n  figure,\n  pre {\n    margin: 0 0 ", "em;\n  }\n"])), theme.paragraphMarginBottom);
 };
-var _default = resetStyles;
-exports["default"] = _default;
+var _default = exports["default"] = resetStyles;
 //# sourceMappingURL=resetStyles.js.map

package/dist/cjs/GlobalStyles/resetStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"resetStyles.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetStyles","theme","css","paragraphMarginBottom","_default","exports"],"sources":["../../../src/GlobalStyles/resetStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { Theme } from '@os-design/theming';\n\nconst resetStyles = (theme: Theme): SerializedStyles => css`\n  body {\n    margin: 0;\n  }\n\n  p,\n  figure,\n  pre {\n    margin: 0 0 ${theme.paragraphMarginBottom}em;\n  }\n`;\n\nexport default resetStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAIrC,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oGAQzCS,KAAK,CAACE,qBAAqB;AAAA,CAE5C;AAAC,IAAAC,QAAA,GAEaJ,WAAW;AAAAK,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"resetStyles.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetStyles","theme","css","paragraphMarginBottom","_default","exports"],"sources":["../../../src/GlobalStyles/resetStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { Theme } from '@os-design/theming';\n\nconst resetStyles = (theme: Theme): SerializedStyles => css`\n  body {\n    margin: 0;\n  }\n\n  p,\n  figure,\n  pre {\n    margin: 0 0 ${theme.paragraphMarginBottom}em;\n  }\n`;\n\nexport default resetStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAIrC,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oGAQzCS,KAAK,CAACE,qBAAqB;AAAA,CAE5C;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaL,WAAW"}

package/dist/cjs/GlobalStyles/typographyStyles.js

@@ -40,6 +40,5 @@ var typographyStyles = function typographyStyles(theme) {
     })
   }), (0, _theming.clr)(theme.colorBg), theme.headingsMarginBottom, headingsMarginTopStyles(theme.headingsMarginTop), headingsFontSizeStyles(theme.headingsFontSize), _media.m.min.md, headingsFontSizeStyles(theme.headingsFontSizeMd));
 };
-var _default = typographyStyles;
-exports["default"] = _default;
+var _default = exports["default"] = typographyStyles;
 //# sourceMappingURL=typographyStyles.js.map

package/dist/cjs/GlobalStyles/typographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"typographyStyles.js","names":["_react","require","_media","_theming","_facepaint","_interopRequireDefault","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","headingsFontSizeStyles","fontSize","headings","fp","literal","map","item","concat","headingsMarginTopStyles","marginTop","h","typographyStyles","theme","css","clr","colorText","lineHeight","m","min","md","xxl","s","colorBg","headingsMarginBottom","headingsMarginTop","headingsFontSize","headingsFontSizeMd","_default","exports"],"sources":["../../../src/GlobalStyles/typographyStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { m } from '@os-design/media';\nimport { Theme, clr } from '@os-design/theming';\nimport fp from 'facepaint';\n\nconst headingsFontSizeStyles = (fontSize: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n  return fp(headings, { literal: true })({\n    fontSize: fontSize.map((item) => `${item}em`),\n  });\n};\n\nconst headingsMarginTopStyles = (marginTop: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(\n    (h) => `${h}:not(:first-of-type)`\n  );\n  return fp(headings, { literal: true })({\n    marginTop: marginTop.map((item) => `${item}em`),\n  });\n};\n\nconst typographyStyles = (theme: Theme): SerializedStyles => css`\n  html,\n  button,\n  input,\n  textarea,\n  select {\n    font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  }\n\n  html,\n  input {\n    color: ${clr(theme.colorText)};\n  }\n\n  html {\n    line-height: ${theme.lineHeight};\n\n    // Sets the font smoothing\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n\n    // Sets the base font size and increases it on large screens\n    ${fp([m.min.md, m.min.xxl])({\n      fontSize: theme.fontSize.map((s) => `${s}px`),\n    })};\n  }\n\n  body {\n    background-color: ${clr(theme.colorBg)};\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: bold;\n    line-height: 1.2;\n    margin: 0 0 ${theme.headingsMarginBottom}em;\n  }\n\n  // Sets the margin top of headings\n  ${headingsMarginTopStyles(theme.headingsMarginTop)};\n\n  // Sets the base font size of headings\n  ${headingsFontSizeStyles(theme.headingsFontSize)};\n\n  // Sets the font size of headings on large screens\n  ${m.min.md} {\n    ${headingsFontSizeStyles(theme.headingsFontSizeMd)}\n  }\n`;\n\nexport default typographyStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA2B,IAAAK,eAAA;AAAA,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAE3B,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,QAAkB,EAAK;EACrD,IAAMC,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACrD,OAAO,IAAAC,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCH,QAAQ,EAAEA,QAAQ,CAACI,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAC9C,CAAC,CAAC;AACJ,CAAC;AAED,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,SAAmB,EAAK;EACvD,IAAMP,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAACG,GAAG,CACvD,UAACK,CAAC;IAAA,UAAAH,MAAA,CAAQG,CAAC;EAAA,CACb,CAAC;EACD,OAAO,IAAAP,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCK,SAAS,EAAEA,SAAS,CAACJ,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAChD,CAAC,CAAC;AACJ,CAAC;AAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAxB,eAAA,KAAAA,eAAA,GAAAG,sBAAA,oyBAWnD,IAAAsB,YAAG,EAACF,KAAK,CAACG,SAAS,CAAC,EAIdH,KAAK,CAACI,UAAU,EAQ7B,IAAAb,qBAAE,EAAC,CAACc,QAAC,CAACC,GAAG,CAACC,EAAE,EAAEF,QAAC,CAACC,GAAG,CAACE,GAAG,CAAC,CAAC,CAAC;IAC1BnB,QAAQ,EAAEW,KAAK,CAACX,QAAQ,CAACI,GAAG,CAAC,UAACgB,CAAC;MAAA,UAAAd,MAAA,CAAQc,CAAC;IAAA,CAAI;EAC9C,CAAC,CAAC,EAIkB,IAAAP,YAAG,EAACF,KAAK,CAACU,OAAO,CAAC,EAWxBV,KAAK,CAACW,oBAAoB,EAIxCf,uBAAuB,CAACI,KAAK,CAACY,iBAAiB,CAAC,EAGhDxB,sBAAsB,CAACY,KAAK,CAACa,gBAAgB,CAAC,EAG9CR,QAAC,CAACC,GAAG,CAACC,EAAE,EACNnB,sBAAsB,CAACY,KAAK,CAACc,kBAAkB,CAAC;AAAA,CAErD;AAAC,IAAAC,QAAA,GAEahB,gBAAgB;AAAAiB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"typographyStyles.js","names":["_react","require","_media","_theming","_facepaint","_interopRequireDefault","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","headingsFontSizeStyles","fontSize","headings","fp","literal","map","item","concat","headingsMarginTopStyles","marginTop","h","typographyStyles","theme","css","clr","colorText","lineHeight","m","min","md","xxl","s","colorBg","headingsMarginBottom","headingsMarginTop","headingsFontSize","headingsFontSizeMd","_default","exports"],"sources":["../../../src/GlobalStyles/typographyStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { m } from '@os-design/media';\nimport { Theme, clr } from '@os-design/theming';\nimport fp from 'facepaint';\n\nconst headingsFontSizeStyles = (fontSize: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n  return fp(headings, { literal: true })({\n    fontSize: fontSize.map((item) => `${item}em`),\n  });\n};\n\nconst headingsMarginTopStyles = (marginTop: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(\n    (h) => `${h}:not(:first-of-type)`\n  );\n  return fp(headings, { literal: true })({\n    marginTop: marginTop.map((item) => `${item}em`),\n  });\n};\n\nconst typographyStyles = (theme: Theme): SerializedStyles => css`\n  html,\n  button,\n  input,\n  textarea,\n  select {\n    font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  }\n\n  html,\n  input {\n    color: ${clr(theme.colorText)};\n  }\n\n  html {\n    line-height: ${theme.lineHeight};\n\n    // Sets the font smoothing\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n\n    // Sets the base font size and increases it on large screens\n    ${fp([m.min.md, m.min.xxl])({\n      fontSize: theme.fontSize.map((s) => `${s}px`),\n    })};\n  }\n\n  body {\n    background-color: ${clr(theme.colorBg)};\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: bold;\n    line-height: 1.2;\n    margin: 0 0 ${theme.headingsMarginBottom}em;\n  }\n\n  // Sets the margin top of headings\n  ${headingsMarginTopStyles(theme.headingsMarginTop)};\n\n  // Sets the base font size of headings\n  ${headingsFontSizeStyles(theme.headingsFontSize)};\n\n  // Sets the font size of headings on large screens\n  ${m.min.md} {\n    ${headingsFontSizeStyles(theme.headingsFontSizeMd)}\n  }\n`;\n\nexport default typographyStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA2B,IAAAK,eAAA;AAAA,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAE3B,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,QAAkB,EAAK;EACrD,IAAMC,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACrD,OAAO,IAAAC,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCH,QAAQ,EAAEA,QAAQ,CAACI,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAC9C,CAAC,CAAC;AACJ,CAAC;AAED,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,SAAmB,EAAK;EACvD,IAAMP,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAACG,GAAG,CACvD,UAACK,CAAC;IAAA,UAAAH,MAAA,CAAQG,CAAC;EAAA,CACb,CAAC;EACD,OAAO,IAAAP,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCK,SAAS,EAAEA,SAAS,CAACJ,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAChD,CAAC,CAAC;AACJ,CAAC;AAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAxB,eAAA,KAAAA,eAAA,GAAAG,sBAAA,oyBAWnD,IAAAsB,YAAG,EAACF,KAAK,CAACG,SAAS,CAAC,EAIdH,KAAK,CAACI,UAAU,EAQ7B,IAAAb,qBAAE,EAAC,CAACc,QAAC,CAACC,GAAG,CAACC,EAAE,EAAEF,QAAC,CAACC,GAAG,CAACE,GAAG,CAAC,CAAC,CAAC;IAC1BnB,QAAQ,EAAEW,KAAK,CAACX,QAAQ,CAACI,GAAG,CAAC,UAACgB,CAAC;MAAA,UAAAd,MAAA,CAAQc,CAAC;IAAA,CAAI;EAC9C,CAAC,CAAC,EAIkB,IAAAP,YAAG,EAACF,KAAK,CAACU,OAAO,CAAC,EAWxBV,KAAK,CAACW,oBAAoB,EAIxCf,uBAAuB,CAACI,KAAK,CAACY,iBAAiB,CAAC,EAGhDxB,sBAAsB,CAACY,KAAK,CAACa,gBAAgB,CAAC,EAG9CR,QAAC,CAACC,GAAG,CAACC,EAAE,EACNnB,sBAAsB,CAACY,KAAK,CAACc,kBAAkB,CAAC;AAAA,CAErD;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEajB,gBAAgB"}

package/dist/cjs/HeaderSkeleton/index.js

@@ -50,6 +50,5 @@ var HeaderSkeleton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   }));
 });
 HeaderSkeleton.displayName = 'HeaderSkeleton';
-var _default = HeaderSkeleton;
-exports["default"] = _default;
+var _default = exports["default"] = HeaderSkeleton;
 //# sourceMappingURL=index.js.map

package/dist/cjs/HeaderSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","headingsMarginTop","type","headingsMarginBottom","MULTIPLIER","StyledHeaderSkeleton","styled","Skeleton","omitEmotionProps","headingsFontSize","m","min","md","headingsFontSizeMd","HeaderSkeleton","forwardRef","_ref","ref","_ref$type","_ref$hasMargin","_ref$width","width","rest","createElement","displayName","_default","exports"],"sources":["../../../src/HeaderSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface HeaderSkeletonProps extends SkeletonProps {\n  /**\n   * The header type.\n   * @default 1\n   */\n  type?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Whether the header has top and bottom margins.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin: ${p.theme.headingsMarginTop[p.type - 1]}em 0\n      ${p.theme.headingsMarginBottom}em;\n  `;\n\nconst MULTIPLIER = 0.9;\n\ntype StyledHeaderSkeletonProps = Required<\n  Pick<HeaderSkeletonProps, 'type' | 'hasMargin'>\n>;\nconst StyledHeaderSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('type', 'hasMargin')\n)<StyledHeaderSkeletonProps>`\n  font-size: ${(p) => p.theme.headingsFontSize[p.type - 1] * MULTIPLIER}em;\n  ${m.min.md} {\n    font-size: ${(p) => p.theme.headingsFontSizeMd[p.type - 1] * MULTIPLIER}em;\n  }\n  ${hasMarginStyles};\n`;\n\n/**\n * Provides a header placeholder while a user waits for the content to load.\n */\nconst HeaderSkeleton = forwardRef<HTMLDivElement, HeaderSkeletonProps>(\n  ({ type = 1, hasMargin = false, width = '100%', ...rest }, ref) => (\n    <StyledHeaderSkeleton\n      type={type}\n      hasMargin={hasMargin}\n      width={width}\n      {...rest}\n      ref={ref}\n    />\n  )\n);\n\nHeaderSkeleton.displayName = 'HeaderSkeleton';\n\nexport default HeaderSkeleton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","headingsMarginTop","type","headingsMarginBottom","MULTIPLIER","StyledHeaderSkeleton","styled","Skeleton","omitEmotionProps","headingsFontSize","m","min","md","headingsFontSizeMd","HeaderSkeleton","forwardRef","_ref","ref","_ref$type","_ref$hasMargin","_ref$width","width","rest","createElement","displayName","_default","exports"],"sources":["../../../src/HeaderSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface HeaderSkeletonProps extends SkeletonProps {\n  /**\n   * The header type.\n   * @default 1\n   */\n  type?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Whether the header has top and bottom margins.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin: ${p.theme.headingsMarginTop[p.type - 1]}em 0\n      ${p.theme.headingsMarginBottom}em;\n  `;\n\nconst MULTIPLIER = 0.9;\n\ntype StyledHeaderSkeletonProps = Required<\n  Pick<HeaderSkeletonProps, 'type' | 'hasMargin'>\n>;\nconst StyledHeaderSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('type', 'hasMargin')\n)<StyledHeaderSkeletonProps>`\n  font-size: ${(p) => p.theme.headingsFontSize[p.type - 1] * MULTIPLIER}em;\n  ${m.min.md} {\n    font-size: ${(p) => p.theme.headingsFontSizeMd[p.type - 1] * MULTIPLIER}em;\n  }\n  ${hasMarginStyles};\n`;\n\n/**\n * Provides a header placeholder while a user waits for the content to load.\n */\nconst HeaderSkeleton = forwardRef<HTMLDivElement, HeaderSkeletonProps>(\n  ({ type = 1, hasMargin = false, width = '100%', ...rest }, ref) => (\n    <StyledHeaderSkeleton\n      type={type}\n      hasMargin={hasMargin}\n      width={width}\n      {...rest}\n      ref={ref}\n    />\n  )\n);\n\nHeaderSkeleton.displayName = 'HeaderSkeleton';\n\nexport default HeaderSkeleton;\n"],"mappings":"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"}

package/dist/cjs/Image/index.js

@@ -69,6 +69,5 @@ var Image = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   }));
 });
 Image.displayName = 'Image';
-var _default = Image;
-exports["default"] = _default;
+var _default = exports["default"] = Image;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","EMPTY_IMAGE","coverStyles","p","cover","css","StyledImage","styled","omitEmotionProps","theme","borderRadius","Image","forwardRef","_ref","ref","url","_ref$sizes","sizes","_ref$defaultSize","defaultSize","_ref$cropped","cropped","_ref$cover","className","rest","getUrl","useCallback","size","concat","createElement","src","srcSet","map","join","filter","displayName","_default","exports"],"sources":["../../../src/Image/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useCallback } from 'react';\n\nconst EMPTY_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';\n\ntype JsxImgProps = Omit<JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;\nexport interface ImageProps extends JsxImgProps {\n  /**\n   * The image URL.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * All available sizes of the image.\n   * @default [72, 192, 512, 1024, 2560]\n   */\n  sizes?: number[];\n  /**\n   * The image size if the browser does not support lazy loading.\n   * @default 72\n   */\n  defaultSize?: number;\n  /**\n   * Whether the image is cropped.\n   * @default false\n   */\n  cropped?: boolean;\n  /**\n   * Sets object-fit: cover.\n   * @default false\n   */\n  cover?: boolean;\n}\n\nconst coverStyles = (p) =>\n  p.cover &&\n  css`\n    height: 100%;\n    object-fit: cover;\n  `;\n\ntype StyledImageProps = Pick<ImageProps, 'cover'>;\nconst StyledImage = styled('img', omitEmotionProps('cover'))<StyledImageProps>`\n  display: block; // To remove the indent under the image\n  width: 100%;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  ${coverStyles};\n`;\n\n/**\n * The image with lazy loading. Required lazysizes.\n * Should be loaded by @os-team/image-storage.\n */\nconst Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      url,\n      sizes = [72, 192, 512, 1024, 2560],\n      defaultSize = 72,\n      cropped = false,\n      cover = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const getUrl = useCallback(\n      (size: number) => `${url}-${size}${cropped ? '-c' : ''}`,\n      [url, cropped]\n    );\n\n    if (!url) {\n      return (\n        <StyledImage\n          src={EMPTY_IMAGE}\n          className={className}\n          {...rest}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <StyledImage\n        src={getUrl(defaultSize)}\n        srcSet={EMPTY_IMAGE}\n        data-sizes='auto'\n        data-srcset={sizes.map((size) => `${getUrl(size)} ${size}w`).join(', ')}\n        cover={cover}\n        className={[className, 'lazyload'].filter((i) => i).join(' ')}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","EMPTY_IMAGE","coverStyles","p","cover","css","StyledImage","styled","omitEmotionProps","theme","borderRadius","Image","forwardRef","_ref","ref","url","_ref$sizes","sizes","_ref$defaultSize","defaultSize","_ref$cropped","cropped","_ref$cover","className","rest","getUrl","useCallback","size","concat","createElement","src","srcSet","map","join","filter","displayName","_default","exports"],"sources":["../../../src/Image/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useCallback } from 'react';\n\nconst EMPTY_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';\n\ntype JsxImgProps = Omit<JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;\nexport interface ImageProps extends JsxImgProps {\n  /**\n   * The image URL.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * All available sizes of the image.\n   * @default [72, 192, 512, 1024, 2560]\n   */\n  sizes?: number[];\n  /**\n   * The image size if the browser does not support lazy loading.\n   * @default 72\n   */\n  defaultSize?: number;\n  /**\n   * Whether the image is cropped.\n   * @default false\n   */\n  cropped?: boolean;\n  /**\n   * Sets object-fit: cover.\n   * @default false\n   */\n  cover?: boolean;\n}\n\nconst coverStyles = (p) =>\n  p.cover &&\n  css`\n    height: 100%;\n    object-fit: cover;\n  `;\n\ntype StyledImageProps = Pick<ImageProps, 'cover'>;\nconst StyledImage = styled('img', omitEmotionProps('cover'))<StyledImageProps>`\n  display: block; // To remove the indent under the image\n  width: 100%;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  ${coverStyles};\n`;\n\n/**\n * The image with lazy loading. Required lazysizes.\n * Should be loaded by @os-team/image-storage.\n */\nconst Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      url,\n      sizes = [72, 192, 512, 1024, 2560],\n      defaultSize = 72,\n      cropped = false,\n      cover = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const getUrl = useCallback(\n      (size: number) => `${url}-${size}${cropped ? '-c' : ''}`,\n      [url, cropped]\n    );\n\n    if (!url) {\n      return (\n        <StyledImage\n          src={EMPTY_IMAGE}\n          className={className}\n          {...rest}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <StyledImage\n        src={getUrl(defaultSize)}\n        srcSet={EMPTY_IMAGE}\n        data-sizes='auto'\n        data-srcset={sizes.map((size) => `${getUrl(size)} ${size}w`).join(', ')}\n        cover={cover}\n        className={[className, 'lazyload'].filter((i) => i).join(' ')}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":"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"}

package/dist/cjs/ImageSkeleton/index.js

@@ -27,6 +27,5 @@ var ImageSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }));
 });
 ImageSkeleton.displayName = 'ImageSkeleton';
-var _default = ImageSkeleton;
-exports["default"] = _default;
+var _default = exports["default"] = ImageSkeleton;
 //# sourceMappingURL=index.js.map

package/dist/cjs/ImageSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_react","_interopRequireWildcard","_Skeleton","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledImageSkeleton","styled","Skeleton","ImageSkeleton","forwardRef","props","ref","createElement","width","displayName","_default","exports"],"sources":["../../../src/ImageSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type ImageSkeletonProps = Omit<SkeletonProps, 'width'>;\n\nconst StyledImageSkeleton = styled(Skeleton)`\n  height: 100%;\n`;\n\n/**\n * Provides an image placeholder while a user waits for the content to load.\n */\nconst ImageSkeleton = forwardRef<HTMLDivElement, ImageSkeletonProps>(\n  (props, ref) => <StyledImageSkeleton width='100%' {...props} ref={ref} />\n);\n\nImageSkeleton.displayName = 'ImageSkeleton';\n\nexport default ImageSkeleton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_react","_interopRequireWildcard","_Skeleton","_templateObject","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledImageSkeleton","styled","Skeleton","ImageSkeleton","forwardRef","props","ref","createElement","width","displayName","_default","exports"],"sources":["../../../src/ImageSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type ImageSkeletonProps = Omit<SkeletonProps, 'width'>;\n\nconst StyledImageSkeleton = styled(Skeleton)`\n  height: 100%;\n`;\n\n/**\n * Provides an image placeholder while a user waits for the content to load.\n */\nconst ImageSkeleton = forwardRef<HTMLDivElement, ImageSkeletonProps>(\n  (props, ref) => <StyledImageSkeleton width='100%' {...props} ref={ref} />\n);\n\nImageSkeleton.displayName = 'ImageSkeleton';\n\nexport default ImageSkeleton;\n"],"mappings":"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"}

package/dist/cjs/Input/index.js

@@ -37,7 +37,7 @@ var focusStyles = function focusStyles(p) {
 var disabledStyles = function disabledStyles(p) {
   return p.disabled && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    color: ", ";\n    background-color: ", ";\n    border-color: ", ";\n\n    input,\n    textarea {\n      cursor: not-allowed;\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  "])), (0, _theming.clr)(p.theme.inputDisabledColorText), (0, _theming.clr)(p.theme.inputDisabledColorBg), (0, _theming.clr)(p.theme.inputDisabledColorBorder), (0, _theming.clr)(p.theme.inputDisabledColorPlaceholder));
 };
-var InputContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('disabled', 'size'))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n\n  display: inline-flex;\n  width: 100%;\n  height: ", "em;\n  box-sizing: border-box;\n  background-color: ", ";\n\n  border: ", "px solid\n    ", ";\n  border-radius: ", "em;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
+var InputContainer = exports.InputContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('disabled', 'size'))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n\n  display: inline-flex;\n  width: 100%;\n  height: ", "em;\n  box-sizing: border-box;\n  background-color: ", ";\n\n  border: ", "px solid\n    ", ";\n  border-radius: ", "em;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
   return p.theme.baseHeight;
 }, function (p) {
   return (0, _theming.clr)(p.theme.inputColorBg);
@@ -48,19 +48,17 @@ var InputContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)
 }, function (p) {
   return p.theme.borderRadius;
 }, hoverStyles, focusStyles, disabledStyles, _styles.sizeStyles, (0, _styles.transitionStyles)('border-color', 'box-shadow'));
-exports.InputContainer = InputContainer;
 var notHasLeftStyles = function notHasLeftStyles(p) {
   return !p.hasLeft && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding-left: ", "em;\n  "])), p.theme.inputPaddingHorizontal);
 };
 var notHasRightStyles = function notHasRightStyles(p) {
   return !p.hasRight && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    padding-right: ", "em;\n  "])), p.theme.inputPaddingHorizontal);
 };
-var StyledInput = (0, _styled["default"])('input', (0, _utils.omitEmotionProps)('hasLeft', 'hasRight'))(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", ";\n  appearance: none;\n  border: none;\n  font-size: 1em;\n  flex: 1;\n  overflow: hidden;\n\n  color: ", ";\n  background-color: transparent;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
+var StyledInput = exports.StyledInput = (0, _styled["default"])('input', (0, _utils.omitEmotionProps)('hasLeft', 'hasRight'))(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", ";\n  appearance: none;\n  border: none;\n  font-size: 1em;\n  flex: 1;\n  overflow: hidden;\n\n  color: ", ";\n  background-color: transparent;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"])), _styles.resetFocusStyles, function (p) {
   return (0, _theming.clr)(p.theme.inputColorText);
 }, function (p) {
   return (0, _theming.clr)(p.theme.inputColorPlaceholder);
 }, notHasLeftStyles, notHasRightStyles);
-exports.StyledInput = StyledInput;
 var Addon = (0, _styled["default"])('span', (0, _utils.omitEmotionProps)('hasPadding'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  user-select: none;\n  color: ", ";\n\n  svg {\n    transform: scale(1.2);\n  }\n"])), function (p) {
   return (0, _theming.clr)(p.theme.inputColorPlaceholder);
 });
@@ -164,6 +162,5 @@ var Input = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   }, rightValue)));
 });
 Input.displayName = 'Input';
-var _default = Input;
-exports["default"] = _default;
+var _default = exports["default"] = Input;
 //# sourceMappingURL=index.js.map