@os-design/core 1.0.135 → 1.0.138

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TagSkeleton/index.tsx"],"names":["styled","React","forwardRef","sizeStyles","omitEmotionProps","Skeleton","StyledTagSkeleton","p","width","theme","lineHeight","tagPaddingVertical","TagSkeleton","rest","ref","displayName"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAT,QAAqC,mBAArC;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAOC,QAAP,MAAwC,aAAxC;AAaA,MAAMC,iBAAiB,GAAGN,MAAM,CAC9BK,QAD8B,EAE9BD,gBAAgB,CAAC,OAAD,EAAU,MAAV,CAFc,CAGN;AAC1B,WAAYG,CAAD,IAAOA,CAAC,CAACC,KAAM;AAC1B,YAAaD,CAAD,IAAOA,CAAC,CAACE,KAAF,CAAQC,UAAR,GAAqBH,CAAC,CAACE,KAAF,CAAQE,kBAAR,GAA6B,CAAE;AACvE,IAAIR,UAAW;AACf,CAPA;AASA;AACA;AACA;;AACA,MAAMS,WAAW,gBAAGV,UAAU,CAC5B,CAAC;AAAEM,EAAAA,KAAK,GAAG,KAAV;AAAiB,KAAGK;AAApB,CAAD,EAA6BC,GAA7B,kBACE,oBAAC,iBAAD;AAAmB,EAAA,KAAK,EAAEN;AAA1B,GAAqCK,IAArC;AAA2C,EAAA,GAAG,EAAEC;AAAhD,GAF0B,CAA9B;AAMAF,WAAW,CAACG,WAAZ,GAA0B,aAA1B;AAEA,eAAeH,WAAf","sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface TagSkeletonProps\n  extends Omit<SkeletonProps, 'width'>,\n    WithSize {\n  /**\n   * The width of the skeleton.\n   * @default 6em\n   */\n  width?: string;\n}\n\ntype StyledTagSkeletonProps = Pick<TagSkeletonProps, 'width' | 'size'>;\nconst StyledTagSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('width', 'size')\n)<StyledTagSkeletonProps>`\n  width: ${(p) => p.width};\n  height: ${(p) => p.theme.lineHeight + p.theme.tagPaddingVertical * 2}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides a tag placeholder while a user waits for the content to load.\n */\nconst TagSkeleton = forwardRef<HTMLDivElement, TagSkeletonProps>(\n  ({ width = '6em', ...rest }, ref) => (\n    <StyledTagSkeleton width={width} {...rest} ref={ref} />\n  )\n);\n\nTagSkeleton.displayName = 'TagSkeleton';\n\nexport default TagSkeleton;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["styled","React","forwardRef","sizeStyles","omitEmotionProps","Skeleton","StyledTagSkeleton","p","width","theme","lineHeight","tagPaddingVertical","TagSkeleton","rest","ref","displayName"],"sources":["../../../src/TagSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface TagSkeletonProps\n  extends Omit<SkeletonProps, 'width'>,\n    WithSize {\n  /**\n   * The width of the skeleton.\n   * @default 6em\n   */\n  width?: string;\n}\n\ntype StyledTagSkeletonProps = Pick<TagSkeletonProps, 'width' | 'size'>;\nconst StyledTagSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('width', 'size')\n)<StyledTagSkeletonProps>`\n  width: ${(p) => p.width};\n  height: ${(p) => p.theme.lineHeight + p.theme.tagPaddingVertical * 2}em;\n  ${sizeStyles};\n`;\n\n/**\n * Provides a tag placeholder while a user waits for the content to load.\n */\nconst TagSkeleton = forwardRef<HTMLDivElement, TagSkeletonProps>(\n  ({ width = '6em', ...rest }, ref) => (\n    <StyledTagSkeleton width={width} {...rest} ref={ref} />\n  )\n);\n\nTagSkeleton.displayName = 'TagSkeleton';\n\nexport default TagSkeleton;\n"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAT,QAAqC,mBAArC;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAOC,QAAP,MAAwC,aAAxC;AAaA,MAAMC,iBAAiB,GAAGN,MAAM,CAC9BK,QAD8B,EAE9BD,gBAAgB,CAAC,OAAD,EAAU,MAAV,CAFc,CAGN;AAC1B,WAAYG,CAAD,IAAOA,CAAC,CAACC,KAAM;AAC1B,YAAaD,CAAD,IAAOA,CAAC,CAACE,KAAF,CAAQC,UAAR,GAAqBH,CAAC,CAACE,KAAF,CAAQE,kBAAR,GAA6B,CAAE;AACvE,IAAIR,UAAW;AACf,CAPA;AASA;AACA;AACA;;AACA,MAAMS,WAAW,gBAAGV,UAAU,CAC5B,CAAC;EAAEM,KAAK,GAAG,KAAV;EAAiB,GAAGK;AAApB,CAAD,EAA6BC,GAA7B,kBACE,oBAAC,iBAAD;EAAmB,KAAK,EAAEN;AAA1B,GAAqCK,IAArC;EAA2C,GAAG,EAAEC;AAAhD,GAF0B,CAA9B;AAMAF,WAAW,CAACG,WAAZ,GAA0B,aAA1B;AAEA,eAAeH,WAAf"}

package/dist/esm/TextArea/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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 React, { forwardRef } from 'react';
 import styled from '@emotion/styled';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TextArea/index.tsx"],"names":["React","forwardRef","styled","InputContainer","StyledInput","TextAreaContainer","p","theme","textAreaHeight","TextAreaField","withComponent","textAreaPaddingVertical","lineHeight","TextArea","disabled","size","onChange","rest","ref","e","target","value","displayName"],"mappings":";;AAAA,OAAOA,KAAP,IAA6BC,UAA7B,QAA+C,OAA/C;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,UAA5C;AAwBA,MAAMC,iBAAiB,GAAGH,MAAM,CAACC,cAAD,CAAiB;AACjD,YAAaG,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,cAAe;AAC1C,CAFA;AAIA,MAAMC,aAAa,GAAGP,MAAM,CAACE,WAAW,CAACM,aAAZ,CAA0B,UAA1B,CAAD,CAAwC;AACpE,iBAAkBJ,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQI,uBAAwB;AACxD,oBAAqBL,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQI,uBAAwB;AAC3D,iBAAkBL,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQK,UAAW;AAC3C,CAJA;AAMA;AACA;AACA;;AACA,MAAMC,QAAQ,gBAAGZ,UAAU,CACzB,CAAC;AAAEa,EAAAA,QAAQ,GAAG,KAAb;AAAoBC,EAAAA,IAApB;AAA0BC,EAAAA,QAAQ,GAAG,MAAM,CAAE,CAA7C;AAA+C,KAAGC;AAAlD,CAAD,EAA2DC,GAA3D,kBACE,oBAAC,iBAAD;AAAmB,EAAA,QAAQ,EAAEJ,QAA7B;AAAuC,EAAA,IAAI,EAAEC;AAA7C,gBACE,oBAAC,aAAD;AACE,EAAA,QAAQ,EAAED,QADZ;AAEE,EAAA,QAAQ,EAAGK,CAAD,IAAOH,QAAQ,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,EAAiBF,CAAjB;AAF3B,GAGMF,IAHN;AAIE,EAAA,GAAG,EAAEC;AAJP,GADF,CAFuB,CAA3B;AAaAL,QAAQ,CAACS,WAAT,GAAuB,UAAvB;AAEA,eAAeT,QAAf","sourcesContent":["import React, { ChangeEvent, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { WithSize } from '@os-design/styles';\nimport { InputContainer, StyledInput } from '../Input';\n\ntype JsxTextAreaProps = Omit<\n  JSX.IntrinsicElements['textarea'],\n  'value' | 'onChange' | 'ref'\n>;\nexport interface TextAreaProps extends JsxTextAreaProps, WithSize {\n  /**\n   * Whether the textarea is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * The textarea value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string, e: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextAreaContainer = styled(InputContainer)`\n  height: ${(p) => p.theme.textAreaHeight}em;\n`;\n\nconst TextAreaField = styled(StyledInput.withComponent('textarea'))`\n  padding-top: ${(p) => p.theme.textAreaPaddingVertical}em;\n  padding-bottom: ${(p) => p.theme.textAreaPaddingVertical}em;\n  line-height: ${(p) => p.theme.lineHeight};\n`;\n\n/**\n * The multiline input component.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ disabled = false, size, onChange = () => {}, ...rest }, ref) => (\n    <TextAreaContainer disabled={disabled} size={size}>\n      <TextAreaField\n        disabled={disabled}\n        onChange={(e) => onChange(e.target.value, e)}\n        {...rest}\n        ref={ref}\n      />\n    </TextAreaContainer>\n  )\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","forwardRef","styled","InputContainer","StyledInput","TextAreaContainer","p","theme","textAreaHeight","TextAreaField","withComponent","textAreaPaddingVertical","lineHeight","TextArea","disabled","size","onChange","rest","ref","e","target","value","displayName"],"sources":["../../../src/TextArea/index.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { WithSize } from '@os-design/styles';\nimport { InputContainer, StyledInput } from '../Input';\n\ntype JsxTextAreaProps = Omit<\n  JSX.IntrinsicElements['textarea'],\n  'value' | 'onChange' | 'ref'\n>;\nexport interface TextAreaProps extends JsxTextAreaProps, WithSize {\n  /**\n   * Whether the textarea is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * The textarea value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string, e: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextAreaContainer = styled(InputContainer)`\n  height: ${(p) => p.theme.textAreaHeight}em;\n`;\n\nconst TextAreaField = styled(StyledInput.withComponent('textarea'))`\n  padding-top: ${(p) => p.theme.textAreaPaddingVertical}em;\n  padding-bottom: ${(p) => p.theme.textAreaPaddingVertical}em;\n  line-height: ${(p) => p.theme.lineHeight};\n`;\n\n/**\n * The multiline input component.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ disabled = false, size, onChange = () => {}, ...rest }, ref) => (\n    <TextAreaContainer disabled={disabled} size={size}>\n      <TextAreaField\n        disabled={disabled}\n        onChange={(e) => onChange(e.target.value, e)}\n        {...rest}\n        ref={ref}\n      />\n    </TextAreaContainer>\n  )\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAA6BC,UAA7B,QAA+C,OAA/C;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,UAA5C;AAwBA,MAAMC,iBAAiB,GAAGH,MAAM,CAACC,cAAD,CAAiB;AACjD,YAAaG,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,cAAe;AAC1C,CAFA;AAIA,MAAMC,aAAa,GAAGP,MAAM,CAACE,WAAW,CAACM,aAAZ,CAA0B,UAA1B,CAAD,CAAwC;AACpE,iBAAkBJ,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQI,uBAAwB;AACxD,oBAAqBL,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQI,uBAAwB;AAC3D,iBAAkBL,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQK,UAAW;AAC3C,CAJA;AAMA;AACA;AACA;;AACA,MAAMC,QAAQ,gBAAGZ,UAAU,CACzB,CAAC;EAAEa,QAAQ,GAAG,KAAb;EAAoBC,IAApB;EAA0BC,QAAQ,GAAG,MAAM,CAAE,CAA7C;EAA+C,GAAGC;AAAlD,CAAD,EAA2DC,GAA3D,kBACE,oBAAC,iBAAD;EAAmB,QAAQ,EAAEJ,QAA7B;EAAuC,IAAI,EAAEC;AAA7C,gBACE,oBAAC,aAAD;EACE,QAAQ,EAAED,QADZ;EAEE,QAAQ,EAAGK,CAAD,IAAOH,QAAQ,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,EAAiBF,CAAjB;AAF3B,GAGMF,IAHN;EAIE,GAAG,EAAEC;AAJP,GADF,CAFuB,CAA3B;AAaAL,QAAQ,CAACS,WAAT,GAAuB,UAAvB;AAEA,eAAeT,QAAf"}

package/dist/esm/TextAreaSkeleton/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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 React, { forwardRef } from 'react';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TextAreaSkeleton/index.tsx"],"names":["styled","React","forwardRef","InputSkeleton","StyledTextAreaSkeleton","p","theme","textAreaHeight","TextAreaSkeleton","props","ref","displayName"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,aAAP,MAAkD,kBAAlD;AAIA,MAAMC,sBAAsB,GAAGJ,MAAM,CAACG,aAAD,CAAgB;AACrD,YAAaE,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,cAAe;AAC1C,CAFA;AAIA;AACA;AACA;;AACA,MAAMC,gBAAgB,gBAAGN,UAAU,CACjC,CAACO,KAAD,EAAQC,GAAR,kBAAgB,oBAAC,sBAAD,eAA4BD,KAA5B;AAAmC,EAAA,GAAG,EAAEC;AAAxC,GADiB,CAAnC;AAIAF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;AAEA,eAAeH,gBAAf","sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport InputSkeleton, { InputSkeletonProps } from '../InputSkeleton';\n\nexport type TextAreaSkeletonProps = InputSkeletonProps;\n\nconst StyledTextAreaSkeleton = styled(InputSkeleton)`\n  height: ${(p) => p.theme.textAreaHeight}em;\n`;\n\n/**\n * Provides a textarea placeholder while a user waits for the content to load.\n */\nconst TextAreaSkeleton = forwardRef<HTMLDivElement, TextAreaSkeletonProps>(\n  (props, ref) => <StyledTextAreaSkeleton {...props} ref={ref} />\n);\n\nTextAreaSkeleton.displayName = 'TextAreaSkeleton';\n\nexport default TextAreaSkeleton;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["styled","React","forwardRef","InputSkeleton","StyledTextAreaSkeleton","p","theme","textAreaHeight","TextAreaSkeleton","props","ref","displayName"],"sources":["../../../src/TextAreaSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport InputSkeleton, { InputSkeletonProps } from '../InputSkeleton';\n\nexport type TextAreaSkeletonProps = InputSkeletonProps;\n\nconst StyledTextAreaSkeleton = styled(InputSkeleton)`\n  height: ${(p) => p.theme.textAreaHeight}em;\n`;\n\n/**\n * Provides a textarea placeholder while a user waits for the content to load.\n */\nconst TextAreaSkeleton = forwardRef<HTMLDivElement, TextAreaSkeletonProps>(\n  (props, ref) => <StyledTextAreaSkeleton {...props} ref={ref} />\n);\n\nTextAreaSkeleton.displayName = 'TextAreaSkeleton';\n\nexport default TextAreaSkeleton;\n"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,aAAP,MAAkD,kBAAlD;AAIA,MAAMC,sBAAsB,GAAGJ,MAAM,CAACG,aAAD,CAAgB;AACrD,YAAaE,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,cAAe;AAC1C,CAFA;AAIA;AACA;AACA;;AACA,MAAMC,gBAAgB,gBAAGN,UAAU,CACjC,CAACO,KAAD,EAAQC,GAAR,kBAAgB,oBAAC,sBAAD,eAA4BD,KAA5B;EAAmC,GAAG,EAAEC;AAAxC,GADiB,CAAnC;AAIAF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;AAEA,eAAeH,gBAAf"}

package/dist/esm/ThemeSwitcher/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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 React, { forwardRef } from 'react';
 import { useTheme } from '@os-design/theming';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ThemeSwitcher/index.tsx"],"names":["React","forwardRef","useTheme","Moon","Sun","Button","ThemeSwitcher","onClick","rest","ref","activeTheme","setActiveTheme","e","displayName"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,IAAT,EAAeC,GAAf,QAA0B,kBAA1B;AACA,OAAOC,MAAP,MAAoC,WAApC;;AAIA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGL,UAAU,CAC9B,CAAC;AAAEM,EAAAA,OAAO,GAAG,MAAM,CAAE,CAApB;AAAsB,KAAGC;AAAzB,CAAD,EAAkCC,GAAlC,KAA0C;AACxC,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAkCT,QAAQ,EAAhD;AAEA,sBACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAGU,CAAD,IAAO;AACdD,MAAAA,cAAc,CAACD,WAAW,KAAK,OAAhB,GAA0B,MAA1B,GAAmC,OAApC,CAAd;AACAH,MAAAA,OAAO,CAACK,CAAD,CAAP;AACD,KANH;AAOE,IAAA,IAAI,EAAC,QAPP;AAQE,oBAAcF,WAAW,KAAK,MARhC;AASE,kBAAW;AATb,KAUMF,IAVN;AAWE,IAAA,GAAG,EAAEC;AAXP,MAaGC,WAAW,KAAK,OAAhB,gBAA0B,oBAAC,IAAD,OAA1B,gBAAqC,oBAAC,GAAD,OAbxC,CADF;AAiBD,CArB6B,CAAhC;AAwBAJ,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,eAAeP,aAAf","sourcesContent":["import React, { forwardRef } from 'react';\nimport { useTheme } from '@os-design/theming';\nimport { Moon, Sun } from '@os-design/icons';\nimport Button, { ButtonProps } from '../Button';\n\nexport type ThemeSwitcherProps = ButtonProps;\n\n/**\n * The button to switch the current theme.\n */\nconst ThemeSwitcher = forwardRef<HTMLButtonElement, ThemeSwitcherProps>(\n  ({ onClick = () => {}, ...rest }, ref) => {\n    const { activeTheme, setActiveTheme } = useTheme();\n\n    return (\n      <Button\n        type='ghost'\n        wide='never'\n        onClick={(e) => {\n          setActiveTheme(activeTheme === 'light' ? 'dark' : 'light');\n          onClick(e);\n        }}\n        role='switch'\n        aria-checked={activeTheme === 'dark'}\n        aria-label='Dark theme'\n        {...rest}\n        ref={ref}\n      >\n        {activeTheme === 'light' ? <Moon /> : <Sun />}\n      </Button>\n    );\n  }\n);\n\nThemeSwitcher.displayName = 'ThemeSwitcher';\n\nexport default ThemeSwitcher;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","forwardRef","useTheme","Moon","Sun","Button","ThemeSwitcher","onClick","rest","ref","activeTheme","setActiveTheme","e","displayName"],"sources":["../../../src/ThemeSwitcher/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useTheme } from '@os-design/theming';\nimport { Moon, Sun } from '@os-design/icons';\nimport Button, { ButtonProps } from '../Button';\n\nexport type ThemeSwitcherProps = ButtonProps;\n\n/**\n * The button to switch the current theme.\n */\nconst ThemeSwitcher = forwardRef<HTMLButtonElement, ThemeSwitcherProps>(\n  ({ onClick = () => {}, ...rest }, ref) => {\n    const { activeTheme, setActiveTheme } = useTheme();\n\n    return (\n      <Button\n        type='ghost'\n        wide='never'\n        onClick={(e) => {\n          setActiveTheme(activeTheme === 'light' ? 'dark' : 'light');\n          onClick(e);\n        }}\n        role='switch'\n        aria-checked={activeTheme === 'dark'}\n        aria-label='Dark theme'\n        {...rest}\n        ref={ref}\n      >\n        {activeTheme === 'light' ? <Moon /> : <Sun />}\n      </Button>\n    );\n  }\n);\n\nThemeSwitcher.displayName = 'ThemeSwitcher';\n\nexport default ThemeSwitcher;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,IAAT,EAAeC,GAAf,QAA0B,kBAA1B;AACA,OAAOC,MAAP,MAAoC,WAApC;;AAIA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGL,UAAU,CAC9B,CAAC;EAAEM,OAAO,GAAG,MAAM,CAAE,CAApB;EAAsB,GAAGC;AAAzB,CAAD,EAAkCC,GAAlC,KAA0C;EACxC,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAkCT,QAAQ,EAAhD;EAEA,oBACE,oBAAC,MAAD;IACE,IAAI,EAAC,OADP;IAEE,IAAI,EAAC,OAFP;IAGE,OAAO,EAAGU,CAAD,IAAO;MACdD,cAAc,CAACD,WAAW,KAAK,OAAhB,GAA0B,MAA1B,GAAmC,OAApC,CAAd;MACAH,OAAO,CAACK,CAAD,CAAP;IACD,CANH;IAOE,IAAI,EAAC,QAPP;IAQE,gBAAcF,WAAW,KAAK,MARhC;IASE,cAAW;EATb,GAUMF,IAVN;IAWE,GAAG,EAAEC;EAXP,IAaGC,WAAW,KAAK,OAAhB,gBAA0B,oBAAC,IAAD,OAA1B,gBAAqC,oBAAC,GAAD,OAbxC,CADF;AAiBD,CArB6B,CAAhC;AAwBAJ,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,eAAeP,aAAf"}

package/dist/esm/YouTubeVideo/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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 React, { forwardRef } from 'react';
 import styled from '@emotion/styled';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/YouTubeVideo/index.tsx"],"names":["React","forwardRef","styled","Container","div","IFrame","iframe","YouTubeVideo","id","rest","ref","displayName"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAUA,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AAC7B;AACA;AACA;AACA,CAJA;AAMA,MAAMC,MAAM,GAAGH,MAAM,CAACI,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CANA;AAQA;AACA;AACA;;AACA,MAAMC,YAAY,gBAAGN,UAAU,CAC7B,CAAC;AAAEO,EAAAA,EAAF;AAAM,KAAGC;AAAT,CAAD,EAAkBC,GAAlB,kBACE,oBAAC,SAAD,qBACE,oBAAC,MAAD;AACE,EAAA,GAAG,EAAG,iCAAgCF,EAAG,EAD3C;AAEE,EAAA,WAAW,EAAE,CAFf;AAGE,EAAA,KAAK,EAAC,0FAHR;AAIE,EAAA,eAAe;AAJjB,GAKMC,IALN;AAME,EAAA,GAAG,EAAEC;AANP,GADF,CAF2B,CAA/B;AAeAH,YAAY,CAACI,WAAb,GAA2B,cAA3B;AAEA,eAAeJ,YAAf","sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\n\ntype JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'src' | 'ref'>;\nexport interface YouTubeVideoProps extends JsxIFrameProps {\n  /**\n   * ID of the YouTube video.\n   */\n  id: string;\n}\n\nconst Container = styled.div`\n  position: relative;\n  padding-bottom: 56.25%; // 16:9\n  height: 0;\n`;\n\nconst IFrame = styled.iframe`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\n\n/**\n * The YouTube video player.\n */\nconst YouTubeVideo = forwardRef<HTMLIFrameElement, YouTubeVideoProps>(\n  ({ id, ...rest }, ref) => (\n    <Container>\n      <IFrame\n        src={`https://www.youtube.com/embed/${id}`}\n        frameBorder={0}\n        allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'\n        allowFullScreen\n        {...rest}\n        ref={ref}\n      />\n    </Container>\n  )\n);\n\nYouTubeVideo.displayName = 'YouTubeVideo';\n\nexport default YouTubeVideo;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","forwardRef","styled","Container","div","IFrame","iframe","YouTubeVideo","id","rest","ref","displayName"],"sources":["../../../src/YouTubeVideo/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\n\ntype JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'src' | 'ref'>;\nexport interface YouTubeVideoProps extends JsxIFrameProps {\n  /**\n   * ID of the YouTube video.\n   */\n  id: string;\n}\n\nconst Container = styled.div`\n  position: relative;\n  padding-bottom: 56.25%; // 16:9\n  height: 0;\n`;\n\nconst IFrame = styled.iframe`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\n\n/**\n * The YouTube video player.\n */\nconst YouTubeVideo = forwardRef<HTMLIFrameElement, YouTubeVideoProps>(\n  ({ id, ...rest }, ref) => (\n    <Container>\n      <IFrame\n        src={`https://www.youtube.com/embed/${id}`}\n        frameBorder={0}\n        allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'\n        allowFullScreen\n        {...rest}\n        ref={ref}\n      />\n    </Container>\n  )\n);\n\nYouTubeVideo.displayName = 'YouTubeVideo';\n\nexport default YouTubeVideo;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAUA,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AAC7B;AACA;AACA;AACA,CAJA;AAMA,MAAMC,MAAM,GAAGH,MAAM,CAACI,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CANA;AAQA;AACA;AACA;;AACA,MAAMC,YAAY,gBAAGN,UAAU,CAC7B,CAAC;EAAEO,EAAF;EAAM,GAAGC;AAAT,CAAD,EAAkBC,GAAlB,kBACE,oBAAC,SAAD,qBACE,oBAAC,MAAD;EACE,GAAG,EAAG,iCAAgCF,EAAG,EAD3C;EAEE,WAAW,EAAE,CAFf;EAGE,KAAK,EAAC,0FAHR;EAIE,eAAe;AAJjB,GAKMC,IALN;EAME,GAAG,EAAEC;AANP,GADF,CAF2B,CAA/B;AAeAH,YAAY,CAACI,WAAb,GAA2B,cAA3B;AAEA,eAAeJ,YAAf"}

package/dist/esm/emotion.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/emotion.d.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAP","sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"file":"emotion.d.js"}
+{"version":3,"file":"emotion.d.js","names":[],"sources":["../../src/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":"AAAA,OAAO,gBAAP"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":["default","Alert","Avatar","AvatarSkeleton","Breadcrumb","BreadcrumbItem","Button","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemLink","ListSkeleton","LogoLink","message","Menu","MenuDivider","MenuGroup","MenuItem","Modal","Navigation","NavigationItem","PageContent","PageHeader","PageHeaderInputSearch","PageHeaderSkeleton","ParagraphSkeleton","Popover","Progress","RadioGroup","Result","ScrollButton","Select","Skeleton","Switch","SwitchSkeleton","Tag","TagLink","TagList","TagListSkeleton","TagSkeleton","TextArea","TextAreaSkeleton","ThemeSwitcher","YouTubeVideo"],"mappings":"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","sourcesContent":["export { default as Alert } from './Alert';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarSkeleton } from './AvatarSkeleton';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as BreadcrumbItem } from './BreadcrumbItem';\nexport { default as Button } from './Button';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxSkeleton } from './CheckboxSkeleton';\nexport { default as DatePicker } from './DatePicker';\nexport { default as Drawer } from './Drawer';\nexport { default as Form } from './Form';\nexport { default as FormDivider } from './FormDivider';\nexport { default as FormItem } from './FormItem';\nexport { default as GlobalStyles } from './GlobalStyles';\nexport { default as HeaderSkeleton } from './HeaderSkeleton';\nexport { default as Image } from './Image';\nexport { default as ImageSkeleton } from './ImageSkeleton';\nexport { default as Input } from './Input';\nexport { default as InputNumber } from './InputNumber';\nexport { default as InputPassword } from './InputPassword';\nexport { default as InputSearch } from './InputSearch';\nexport { default as InputSkeleton } from './InputSkeleton';\nexport { default as Layout } from './Layout';\nexport { default as Link } from './Link';\nexport { default as LinkButton } from './LinkButton';\nexport { default as List } from './List';\nexport { default as ListItem } from './ListItem';\nexport { default as ListItemLink } from './ListItemLink';\nexport { default as ListSkeleton } from './ListSkeleton';\nexport { default as LogoLink } from './LogoLink';\nexport { default as message } from './message';\nexport { default as Menu } from './Menu';\nexport { default as MenuDivider } from './MenuDivider';\nexport { default as MenuGroup } from './MenuGroup';\nexport { default as MenuItem } from './MenuItem';\nexport { default as Modal } from './Modal';\nexport { default as Navigation } from './Navigation';\nexport { default as NavigationItem } from './NavigationItem';\nexport { default as PageContent } from './PageContent';\nexport { default as PageHeader } from './PageHeader';\nexport { default as PageHeaderInputSearch } from './PageHeaderInputSearch';\nexport { default as PageHeaderSkeleton } from './PageHeaderSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { default as Popover } from './Popover';\nexport { default as Progress } from './Progress';\nexport { default as RadioGroup } from './RadioGroup';\nexport { default as Result } from './Result';\nexport { default as ScrollButton } from './ScrollButton';\nexport { default as Select } from './Select';\nexport { default as Skeleton } from './Skeleton';\nexport { default as Switch } from './Switch';\nexport { default as SwitchSkeleton } from './SwitchSkeleton';\nexport { default as Tag } from './Tag';\nexport { default as TagLink } from './TagLink';\nexport { default as TagList } from './TagList';\nexport { default as TagListSkeleton } from './TagListSkeleton';\nexport { default as TagSkeleton } from './TagSkeleton';\nexport { default as TextArea } from './TextArea';\nexport { default as TextAreaSkeleton } from './TextAreaSkeleton';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\nexport { default as YouTubeVideo } from './YouTubeVideo';\n\nexport * from './Alert';\nexport * from './Avatar';\nexport * from './AvatarSkeleton';\nexport * from './Breadcrumb';\nexport * from './BreadcrumbItem';\nexport * from './Button';\nexport * from './Checkbox';\nexport * from './CheckboxSkeleton';\nexport * from './DatePicker';\nexport * from './Drawer';\nexport * from './Form';\nexport * from './FormDivider';\nexport * from './FormItem';\nexport * from './HeaderSkeleton';\nexport * from './Image';\nexport * from './ImageSkeleton';\nexport * from './Input';\nexport * from './InputNumber';\nexport * from './InputPassword';\nexport * from './InputSearch';\nexport * from './InputSkeleton';\nexport * from './Layout';\nexport * from './Link';\nexport * from './LinkButton';\nexport * from './List';\nexport * from './ListItem';\nexport * from './ListItemLink';\nexport * from './ListSkeleton';\nexport * from './LogoLink';\nexport * from './Menu';\nexport * from './MenuDivider';\nexport * from './MenuGroup';\nexport * from './MenuItem';\nexport * from './Modal';\nexport * from './Navigation';\nexport * from './NavigationItem';\nexport * from './PageContent';\nexport * from './PageHeader';\nexport * from './PageHeaderInputSearch';\nexport * from './PageHeaderSkeleton';\nexport * from './ParagraphSkeleton';\nexport * from './Popover';\nexport * from './Progress';\nexport * from './RadioGroup';\nexport * from './Result';\nexport * from './ScrollButton';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Switch';\nexport * from './SwitchSkeleton';\nexport * from './Tag';\nexport * from './TagLink';\nexport * from './TagList';\nexport * from './TagListSkeleton';\nexport * from './TagSkeleton';\nexport * from './TextArea';\nexport * from './TextAreaSkeleton';\nexport * from './ThemeSwitcher';\nexport * from './YouTubeVideo';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default","Alert","Avatar","AvatarSkeleton","Breadcrumb","BreadcrumbItem","Button","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemLink","ListSkeleton","LogoLink","message","Menu","MenuDivider","MenuGroup","MenuItem","Modal","Navigation","NavigationItem","PageContent","PageHeader","PageHeaderInputSearch","PageHeaderSkeleton","ParagraphSkeleton","Popover","Progress","RadioGroup","Result","ScrollButton","Select","Skeleton","Switch","SwitchSkeleton","Tag","TagLink","TagList","TagListSkeleton","TagSkeleton","TextArea","TextAreaSkeleton","ThemeSwitcher","YouTubeVideo"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Alert } from './Alert';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarSkeleton } from './AvatarSkeleton';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as BreadcrumbItem } from './BreadcrumbItem';\nexport { default as Button } from './Button';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxSkeleton } from './CheckboxSkeleton';\nexport { default as DatePicker } from './DatePicker';\nexport { default as Drawer } from './Drawer';\nexport { default as Form } from './Form';\nexport { default as FormDivider } from './FormDivider';\nexport { default as FormItem } from './FormItem';\nexport { default as GlobalStyles } from './GlobalStyles';\nexport { default as HeaderSkeleton } from './HeaderSkeleton';\nexport { default as Image } from './Image';\nexport { default as ImageSkeleton } from './ImageSkeleton';\nexport { default as Input } from './Input';\nexport { default as InputNumber } from './InputNumber';\nexport { default as InputPassword } from './InputPassword';\nexport { default as InputSearch } from './InputSearch';\nexport { default as InputSkeleton } from './InputSkeleton';\nexport { default as Layout } from './Layout';\nexport { default as Link } from './Link';\nexport { default as LinkButton } from './LinkButton';\nexport { default as List } from './List';\nexport { default as ListItem } from './ListItem';\nexport { default as ListItemLink } from './ListItemLink';\nexport { default as ListSkeleton } from './ListSkeleton';\nexport { default as LogoLink } from './LogoLink';\nexport { default as message } from './message';\nexport { default as Menu } from './Menu';\nexport { default as MenuDivider } from './MenuDivider';\nexport { default as MenuGroup } from './MenuGroup';\nexport { default as MenuItem } from './MenuItem';\nexport { default as Modal } from './Modal';\nexport { default as Navigation } from './Navigation';\nexport { default as NavigationItem } from './NavigationItem';\nexport { default as PageContent } from './PageContent';\nexport { default as PageHeader } from './PageHeader';\nexport { default as PageHeaderInputSearch } from './PageHeaderInputSearch';\nexport { default as PageHeaderSkeleton } from './PageHeaderSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { default as Popover } from './Popover';\nexport { default as Progress } from './Progress';\nexport { default as RadioGroup } from './RadioGroup';\nexport { default as Result } from './Result';\nexport { default as ScrollButton } from './ScrollButton';\nexport { default as Select } from './Select';\nexport { default as Skeleton } from './Skeleton';\nexport { default as Switch } from './Switch';\nexport { default as SwitchSkeleton } from './SwitchSkeleton';\nexport { default as Tag } from './Tag';\nexport { default as TagLink } from './TagLink';\nexport { default as TagList } from './TagList';\nexport { default as TagListSkeleton } from './TagListSkeleton';\nexport { default as TagSkeleton } from './TagSkeleton';\nexport { default as TextArea } from './TextArea';\nexport { default as TextAreaSkeleton } from './TextAreaSkeleton';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\nexport { default as YouTubeVideo } from './YouTubeVideo';\n\nexport * from './Alert';\nexport * from './Avatar';\nexport * from './AvatarSkeleton';\nexport * from './Breadcrumb';\nexport * from './BreadcrumbItem';\nexport * from './Button';\nexport * from './Checkbox';\nexport * from './CheckboxSkeleton';\nexport * from './DatePicker';\nexport * from './Drawer';\nexport * from './Form';\nexport * from './FormDivider';\nexport * from './FormItem';\nexport * from './HeaderSkeleton';\nexport * from './Image';\nexport * from './ImageSkeleton';\nexport * from './Input';\nexport * from './InputNumber';\nexport * from './InputPassword';\nexport * from './InputSearch';\nexport * from './InputSkeleton';\nexport * from './Layout';\nexport * from './Link';\nexport * from './LinkButton';\nexport * from './List';\nexport * from './ListItem';\nexport * from './ListItemLink';\nexport * from './ListSkeleton';\nexport * from './LogoLink';\nexport * from './Menu';\nexport * from './MenuDivider';\nexport * from './MenuGroup';\nexport * from './MenuItem';\nexport * from './Modal';\nexport * from './Navigation';\nexport * from './NavigationItem';\nexport * from './PageContent';\nexport * from './PageHeader';\nexport * from './PageHeaderInputSearch';\nexport * from './PageHeaderSkeleton';\nexport * from './ParagraphSkeleton';\nexport * from './Popover';\nexport * from './Progress';\nexport * from './RadioGroup';\nexport * from './Result';\nexport * from './ScrollButton';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Switch';\nexport * from './SwitchSkeleton';\nexport * from './Tag';\nexport * from './TagLink';\nexport * from './TagList';\nexport * from './TagListSkeleton';\nexport * from './TagSkeleton';\nexport * from './TextArea';\nexport * from './TextAreaSkeleton';\nexport * from './ThemeSwitcher';\nexport * from './YouTubeVideo';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,UAApB,QAAsC,cAAtC;AACA,SAASJ,OAAO,IAAIK,cAApB,QAA0C,kBAA1C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,UAAlC;AACA,SAASN,OAAO,IAAIO,QAApB,QAAoC,YAApC;AACA,SAASP,OAAO,IAAIQ,gBAApB,QAA4C,oBAA5C;AACA,SAASR,OAAO,IAAIS,UAApB,QAAsC,cAAtC;AACA,SAAST,OAAO,IAAIU,MAApB,QAAkC,UAAlC;AACA,SAASV,OAAO,IAAIW,IAApB,QAAgC,QAAhC;AACA,SAASX,OAAO,IAAIY,WAApB,QAAuC,eAAvC;AACA,SAASZ,OAAO,IAAIa,QAApB,QAAoC,YAApC;AACA,SAASb,OAAO,IAAIc,YAApB,QAAwC,gBAAxC;AACA,SAASd,OAAO,IAAIe,cAApB,QAA0C,kBAA1C;AACA,SAASf,OAAO,IAAIgB,KAApB,QAAiC,SAAjC;AACA,SAAShB,OAAO,IAAIiB,aAApB,QAAyC,iBAAzC;AACA,SAASjB,OAAO,IAAIkB,KAApB,QAAiC,SAAjC;AACA,SAASlB,OAAO,IAAImB,WAApB,QAAuC,eAAvC;AACA,SAASnB,OAAO,IAAIoB,aAApB,QAAyC,iBAAzC;AACA,SAASpB,OAAO,IAAIqB,WAApB,QAAuC,eAAvC;AACA,SAASrB,OAAO,IAAIsB,aAApB,QAAyC,iBAAzC;AACA,SAAStB,OAAO,IAAIuB,MAApB,QAAkC,UAAlC;AACA,SAASvB,OAAO,IAAIwB,IAApB,QAAgC,QAAhC;AACA,SAASxB,OAAO,IAAIyB,UAApB,QAAsC,cAAtC;AACA,SAASzB,OAAO,IAAI0B,IAApB,QAAgC,QAAhC;AACA,SAAS1B,OAAO,IAAI2B,QAApB,QAAoC,YAApC;AACA,SAAS3B,OAAO,IAAI4B,YAApB,QAAwC,gBAAxC;AACA,SAAS5B,OAAO,IAAI6B,YAApB,QAAwC,gBAAxC;AACA,SAAS7B,OAAO,IAAI8B,QAApB,QAAoC,YAApC;AACA,SAAS9B,OAAO,IAAI+B,OAApB,QAAmC,WAAnC;AACA,SAAS/B,OAAO,IAAIgC,IAApB,QAAgC,QAAhC;AACA,SAAShC,OAAO,IAAIiC,WAApB,QAAuC,eAAvC;AACA,SAASjC,OAAO,IAAIkC,SAApB,QAAqC,aAArC;AACA,SAASlC,OAAO,IAAImC,QAApB,QAAoC,YAApC;AACA,SAASnC,OAAO,IAAIoC,KAApB,QAAiC,SAAjC;AACA,SAASpC,OAAO,IAAIqC,UAApB,QAAsC,cAAtC;AACA,SAASrC,OAAO,IAAIsC,cAApB,QAA0C,kBAA1C;AACA,SAAStC,OAAO,IAAIuC,WAApB,QAAuC,eAAvC;AACA,SAASvC,OAAO,IAAIwC,UAApB,QAAsC,cAAtC;AACA,SAASxC,OAAO,IAAIyC,qBAApB,QAAiD,yBAAjD;AACA,SAASzC,OAAO,IAAI0C,kBAApB,QAA8C,sBAA9C;AACA,SAAS1C,OAAO,IAAI2C,iBAApB,QAA6C,qBAA7C;AACA,SAAS3C,OAAO,IAAI4C,OAApB,QAAmC,WAAnC;AACA,SAAS5C,OAAO,IAAI6C,QAApB,QAAoC,YAApC;AACA,SAAS7C,OAAO,IAAI8C,UAApB,QAAsC,cAAtC;AACA,SAAS9C,OAAO,IAAI+C,MAApB,QAAkC,UAAlC;AACA,SAAS/C,OAAO,IAAIgD,YAApB,QAAwC,gBAAxC;AACA,SAAShD,OAAO,IAAIiD,MAApB,QAAkC,UAAlC;AACA,SAASjD,OAAO,IAAIkD,QAApB,QAAoC,YAApC;AACA,SAASlD,OAAO,IAAImD,MAApB,QAAkC,UAAlC;AACA,SAASnD,OAAO,IAAIoD,cAApB,QAA0C,kBAA1C;AACA,SAASpD,OAAO,IAAIqD,GAApB,QAA+B,OAA/B;AACA,SAASrD,OAAO,IAAIsD,OAApB,QAAmC,WAAnC;AACA,SAAStD,OAAO,IAAIuD,OAApB,QAAmC,WAAnC;AACA,SAASvD,OAAO,IAAIwD,eAApB,QAA2C,mBAA3C;AACA,SAASxD,OAAO,IAAIyD,WAApB,QAAuC,eAAvC;AACA,SAASzD,OAAO,IAAI0D,QAApB,QAAoC,YAApC;AACA,SAAS1D,OAAO,IAAI2D,gBAApB,QAA4C,oBAA5C;AACA,SAAS3D,OAAO,IAAI4D,aAApB,QAAyC,iBAAzC;AACA,SAAS5D,OAAO,IAAI6D,YAApB,QAAwC,gBAAxC;AAEA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,kBAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,oBAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd;AACA,cAAc,yBAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,kBAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,oBAAd;AACA,cAAc,iBAAd;AACA,cAAc,gBAAd"}

package/dist/esm/message/AlertIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/AlertIcon.tsx"],"names":["React","styled","CheckCircle","CloseCircle","InfoCircle","omitEmotionProps","clr","light","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,UAAnC,QAAqD,kBAArD;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AASA,MAAMC,SAAS,GAAGP,MAAM,CAAC,GAAD,EAAMI,gBAAgB,CAAC,WAAD,CAAtB,CAAqD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAD,IAAOH,GAAG,CAACG,CAAC,CAACC,SAAH,CAAc;AACnC,CARA;;AAUA,MAAMC,SAAmC,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAc;AACxD,QAAM;AAAEC,IAAAA,IAAF;AAAQH,IAAAA;AAAR,MAAsB;AAC1BI,IAAAA,IAAI,EAAE;AACJD,MAAAA,IAAI,EAAET,UADF;AAEJM,MAAAA,SAAS,EAAEH,KAAK,CAACQ;AAFb,KADoB;AAK1BC,IAAAA,OAAO,EAAE;AACPH,MAAAA,IAAI,EAAEX,WADC;AAEPQ,MAAAA,SAAS,EAAEH,KAAK,CAACU;AAFV,KALiB;AAS1BC,IAAAA,KAAK,EAAE;AACLL,MAAAA,IAAI,EAAEV,WADD;AAELO,MAAAA,SAAS,EAAEH,KAAK,CAACY;AAFZ;AATmB,IAa1BP,IAb0B,CAA5B;AAeA,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEF;AAAtB,kBACE,oBAAC,IAAD,OADF,CADF;AAKD,CArBD;;AAuBAC,SAAS,CAACS,WAAV,GAAwB,WAAxB;AAEA,eAAeT,SAAf","sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\n\ninterface AlertIconProps {\n  type: 'info' | 'success' | 'error';\n}\n\ninterface ContainerProps {\n  iconColor: Color;\n}\nconst Container = styled('i', omitEmotionProps('iconColor'))<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n  color: ${(p) => clr(p.iconColor)};\n`;\n\nconst AlertIcon: React.FC<AlertIconProps> = ({ type }) => {\n  const { Icon, iconColor } = {\n    info: {\n      Icon: InfoCircle,\n      iconColor: light.alertInfoColorIcon,\n    },\n    success: {\n      Icon: CheckCircle,\n      iconColor: light.alertSuccessColorIcon,\n    },\n    error: {\n      Icon: CloseCircle,\n      iconColor: light.alertErrorColorIcon,\n    },\n  }[type];\n\n  return (\n    <Container iconColor={iconColor}>\n      <Icon />\n    </Container>\n  );\n};\n\nAlertIcon.displayName = 'AlertIcon';\n\nexport default AlertIcon;\n"],"file":"AlertIcon.js"}
+{"version":3,"file":"AlertIcon.js","names":["React","styled","CheckCircle","CloseCircle","InfoCircle","omitEmotionProps","clr","light","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\n\ninterface AlertIconProps {\n  type: 'info' | 'success' | 'error';\n}\n\ninterface ContainerProps {\n  iconColor: Color;\n}\nconst Container = styled('i', omitEmotionProps('iconColor'))<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n  color: ${(p) => clr(p.iconColor)};\n`;\n\nconst AlertIcon: React.FC<AlertIconProps> = ({ type }) => {\n  const { Icon, iconColor } = {\n    info: {\n      Icon: InfoCircle,\n      iconColor: light.alertInfoColorIcon,\n    },\n    success: {\n      Icon: CheckCircle,\n      iconColor: light.alertSuccessColorIcon,\n    },\n    error: {\n      Icon: CloseCircle,\n      iconColor: light.alertErrorColorIcon,\n    },\n  }[type];\n\n  return (\n    <Container iconColor={iconColor}>\n      <Icon />\n    </Container>\n  );\n};\n\nAlertIcon.displayName = 'AlertIcon';\n\nexport default AlertIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,UAAnC,QAAqD,kBAArD;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AASA,MAAMC,SAAS,GAAGP,MAAM,CAAC,GAAD,EAAMI,gBAAgB,CAAC,WAAD,CAAtB,CAAqD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAD,IAAOH,GAAG,CAACG,CAAC,CAACC,SAAH,CAAc;AACnC,CARA;;AAUA,MAAMC,SAAmC,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAc;EACxD,MAAM;IAAEC,IAAF;IAAQH;EAAR,IAAsB;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAET,UADF;MAEJM,SAAS,EAAEH,KAAK,CAACQ;IAFb,CADoB;IAK1BC,OAAO,EAAE;MACPH,IAAI,EAAEX,WADC;MAEPQ,SAAS,EAAEH,KAAK,CAACU;IAFV,CALiB;IAS1BC,KAAK,EAAE;MACLL,IAAI,EAAEV,WADD;MAELO,SAAS,EAAEH,KAAK,CAACY;IAFZ;EATmB,EAa1BP,IAb0B,CAA5B;EAeA,oBACE,oBAAC,SAAD;IAAW,SAAS,EAAEF;EAAtB,gBACE,oBAAC,IAAD,OADF,CADF;AAKD,CArBD;;AAuBAC,SAAS,CAACS,WAAV,GAAwB,WAAxB;AAEA,eAAeT,SAAf"}

package/dist/esm/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/Message.tsx"],"names":["React","forwardRef","styled","keyframes","ellipsisStyles","omitEmotionProps","clr","light","AlertIcon","fadeIn","MESSAGE_HEIGHT_EM","MESSAGE_MARGIN_TOP_EM","MESSAGE_DURATION_MS","fadeOut","Container","p","backgroundColor","textColor","transitionDelay","Text","span","Message","type","text","ref","info","messageInfoColorBg","success","messageSuccessColorBg","error","messageErrorColorBg","colorText","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAOA,MAAMC,MAAM,GAAGN,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;AAWA,MAAMO,iBAAiB,GAAG,GAA1B;AACA,MAAMC,qBAAqB,GAAG,GAA9B;AACA,OAAO,MAAMC,mBAAmB,GAAG,IAA5B;AAEP,MAAMC,OAAO,GAAGV,SAAU;AAC1B;AACA;AACA,cAAcO,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAbA;AAoBA,MAAMG,SAAS,GAAGZ,MAAM,CACtB,KADsB,EAEtBG,gBAAgB,CAAC,MAAD,EAAS,WAAT,EAAsB,iBAAtB,EAAyC,iBAAzC,CAFM,CAGN;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACC,eAAH,CAAoB;AACpD,WAAYD,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACE,SAAH,CAAc;AACnC;AACA;AACA;AACA;AACA,eAAeR,MAAO,IAAIM,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAClD,MAAML,OAAQ,IAAIE,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAD,IAAOH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CA3BA;AA6BA,MAAMC,IAAI,GAAGjB,MAAM,CAACkB,IAAK;AACzB,IAAIhB,cAAe;AACnB,CAFA;AAIA,MAAMiB,OAAO,gBAAGpB,UAAU,CACxB,CAAC;AAAEqB,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,EAAiBC,GAAjB,KAAyB;AACvB,QAAMR,eAAe,GAAG;AACtBS,IAAAA,IAAI,EAAElB,KAAK,CAACmB,kBADU;AAEtBC,IAAAA,OAAO,EAAEpB,KAAK,CAACqB,qBAFO;AAGtBC,IAAAA,KAAK,EAAEtB,KAAK,CAACuB;AAHS,IAItBR,IAJsB,CAAxB;AAMA,sBACE,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEE,GADP;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,SAAS,EAAEf,KAAK,CAACwB,SAHnB;AAIE,IAAA,eAAe,EAAEf,eAJnB;AAKE,IAAA,eAAe,EAAET,KAAK,CAACW,eALzB;AAME,IAAA,IAAI,EAAC;AANP,kBAQE,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEI;AAAjB,IARF,eASE,oBAAC,IAAD,QAAOC,IAAP,CATF,CADF;AAaD,CArBuB,CAA1B;AAwBAF,OAAO,CAACW,WAAR,GAAsB,SAAtB;AAEA,eAAeX,OAAf","sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\nimport AlertIcon from './AlertIcon';\n\nexport interface MessageProps {\n  type: 'info' | 'success' | 'error';\n  text: string;\n}\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst MESSAGE_HEIGHT_EM = 2.5;\nconst MESSAGE_MARGIN_TOP_EM = 0.7;\nexport const MESSAGE_DURATION_MS = 3000;\n\nconst fadeOut = keyframes`\n  from {\n    opacity: 1;\n    height: ${MESSAGE_HEIGHT_EM}em;\n    margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    height: 0;\n    margin-top: 0;\n    transform: translateY(-100%);\n  }\n`;\n\ninterface ContainerProps extends Pick<MessageProps, 'type'> {\n  textColor: Color;\n  backgroundColor: Color;\n  transitionDelay: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  height: ${MESSAGE_HEIGHT_EM}em;\n  margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n\n  box-sizing: border-box;\n  padding: 0 1em;\n  max-width: 90%;\n\n  border-radius: 0.25em;\n  box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);\n  background-color: ${(p) => clr(p.backgroundColor)};\n  color: ${(p) => clr(p.textColor)};\n\n  pointer-events: auto;\n  overflow: hidden;\n\n  animation: ${fadeIn} ${(p) => p.transitionDelay}ms,\n    ${fadeOut} ${(p) => p.transitionDelay}ms\n      ${(p) => MESSAGE_DURATION_MS - p.transitionDelay}ms;\n  animation-fill-mode: forwards;\n`;\n\nconst Text = styled.span`\n  ${ellipsisStyles};\n`;\n\nconst Message = forwardRef<HTMLDivElement, MessageProps>(\n  ({ type, text }, ref) => {\n    const backgroundColor = {\n      info: light.messageInfoColorBg,\n      success: light.messageSuccessColorBg,\n      error: light.messageErrorColorBg,\n    }[type];\n\n    return (\n      <Container\n        ref={ref}\n        type={type}\n        textColor={light.colorText}\n        backgroundColor={backgroundColor}\n        transitionDelay={light.transitionDelay}\n        role='alert'\n      >\n        <AlertIcon type={type} />\n        <Text>{text}</Text>\n      </Container>\n    );\n  }\n);\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"file":"Message.js"}
+{"version":3,"file":"Message.js","names":["React","forwardRef","styled","keyframes","ellipsisStyles","omitEmotionProps","clr","light","AlertIcon","fadeIn","MESSAGE_HEIGHT_EM","MESSAGE_MARGIN_TOP_EM","MESSAGE_DURATION_MS","fadeOut","Container","p","backgroundColor","textColor","transitionDelay","Text","span","Message","type","text","ref","info","messageInfoColorBg","success","messageSuccessColorBg","error","messageErrorColorBg","colorText","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\nimport AlertIcon from './AlertIcon';\n\nexport interface MessageProps {\n  type: 'info' | 'success' | 'error';\n  text: string;\n}\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst MESSAGE_HEIGHT_EM = 2.5;\nconst MESSAGE_MARGIN_TOP_EM = 0.7;\nexport const MESSAGE_DURATION_MS = 3000;\n\nconst fadeOut = keyframes`\n  from {\n    opacity: 1;\n    height: ${MESSAGE_HEIGHT_EM}em;\n    margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    height: 0;\n    margin-top: 0;\n    transform: translateY(-100%);\n  }\n`;\n\ninterface ContainerProps extends Pick<MessageProps, 'type'> {\n  textColor: Color;\n  backgroundColor: Color;\n  transitionDelay: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  height: ${MESSAGE_HEIGHT_EM}em;\n  margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n\n  box-sizing: border-box;\n  padding: 0 1em;\n  max-width: 90%;\n\n  border-radius: 0.25em;\n  box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);\n  background-color: ${(p) => clr(p.backgroundColor)};\n  color: ${(p) => clr(p.textColor)};\n\n  pointer-events: auto;\n  overflow: hidden;\n\n  animation: ${fadeIn} ${(p) => p.transitionDelay}ms,\n    ${fadeOut} ${(p) => p.transitionDelay}ms\n      ${(p) => MESSAGE_DURATION_MS - p.transitionDelay}ms;\n  animation-fill-mode: forwards;\n`;\n\nconst Text = styled.span`\n  ${ellipsisStyles};\n`;\n\nconst Message = forwardRef<HTMLDivElement, MessageProps>(\n  ({ type, text }, ref) => {\n    const backgroundColor = {\n      info: light.messageInfoColorBg,\n      success: light.messageSuccessColorBg,\n      error: light.messageErrorColorBg,\n    }[type];\n\n    return (\n      <Container\n        ref={ref}\n        type={type}\n        textColor={light.colorText}\n        backgroundColor={backgroundColor}\n        transitionDelay={light.transitionDelay}\n        role='alert'\n      >\n        <AlertIcon type={type} />\n        <Text>{text}</Text>\n      </Container>\n    );\n  }\n);\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAOA,MAAMC,MAAM,GAAGN,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;AAWA,MAAMO,iBAAiB,GAAG,GAA1B;AACA,MAAMC,qBAAqB,GAAG,GAA9B;AACA,OAAO,MAAMC,mBAAmB,GAAG,IAA5B;AAEP,MAAMC,OAAO,GAAGV,SAAU;AAC1B;AACA;AACA,cAAcO,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAbA;AAoBA,MAAMG,SAAS,GAAGZ,MAAM,CACtB,KADsB,EAEtBG,gBAAgB,CAAC,MAAD,EAAS,WAAT,EAAsB,iBAAtB,EAAyC,iBAAzC,CAFM,CAGN;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACC,eAAH,CAAoB;AACpD,WAAYD,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACE,SAAH,CAAc;AACnC;AACA;AACA;AACA;AACA,eAAeR,MAAO,IAAIM,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAClD,MAAML,OAAQ,IAAIE,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAD,IAAOH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CA3BA;AA6BA,MAAMC,IAAI,GAAGjB,MAAM,CAACkB,IAAK;AACzB,IAAIhB,cAAe;AACnB,CAFA;AAIA,MAAMiB,OAAO,gBAAGpB,UAAU,CACxB,CAAC;EAAEqB,IAAF;EAAQC;AAAR,CAAD,EAAiBC,GAAjB,KAAyB;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAElB,KAAK,CAACmB,kBADU;IAEtBC,OAAO,EAAEpB,KAAK,CAACqB,qBAFO;IAGtBC,KAAK,EAAEtB,KAAK,CAACuB;EAHS,EAItBR,IAJsB,CAAxB;EAMA,oBACE,oBAAC,SAAD;IACE,GAAG,EAAEE,GADP;IAEE,IAAI,EAAEF,IAFR;IAGE,SAAS,EAAEf,KAAK,CAACwB,SAHnB;IAIE,eAAe,EAAEf,eAJnB;IAKE,eAAe,EAAET,KAAK,CAACW,eALzB;IAME,IAAI,EAAC;EANP,gBAQE,oBAAC,SAAD;IAAW,IAAI,EAAEI;EAAjB,EARF,eASE,oBAAC,IAAD,QAAOC,IAAP,CATF,CADF;AAaD,CArBuB,CAA1B;AAwBAF,OAAO,CAACW,WAAR,GAAsB,SAAtB;AAEA,eAAeX,OAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/index.tsx"],"names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","render","setTimeout","unmountComponentAtNode","message","info","success","error"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,OAAP,IAAkBC,mBAAlB,QAA6C,WAA7C;AAEA,SACEC,eADF,EAEEC,sBAFF,EAGEC,sBAHF,QAIO,UAJP;AAMA,IAAIC,gBAAJ;AAEA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,MAAM;AACzB,MAAI,CAACD,gBAAL,EAAuB;AACrBA,IAAAA,gBAAgB,GAAGE,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB;AACAJ,IAAAA,sBAAsB,CAACC,gBAAD,EAAmBH,eAAnB,CAAtB;AACAK,IAAAA,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BL,gBAA1B;AACD;;AACD,SAAOA,gBAAP;AACD,CAPD;AASA;AACA;AACA;;;AACA,MAAMM,6BAA6B,GAAG,MAAM;AAC1C,MAAI,CAACN,gBAAD,IAAqBA,gBAAgB,CAACO,aAAjB,EAAzB,EAA2D;AAC3DL,EAAAA,QAAQ,CAACE,IAAT,CAAcI,WAAd,CAA0BR,gBAA1B;AACAA,EAAAA,gBAAgB,GAAG,IAAnB;AACD,CAJD;AAMA;AACA;AACA;;;AACA,MAAMS,IAAI,GAAG,CAACC,IAAD,EAA2BC,IAA3B,KAA4C;AACvD;AACA,QAAMC,SAAS,GAAGX,YAAY,EAA9B;AACA,QAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAzB;AACAJ,EAAAA,sBAAsB,CAACc,gBAAD,EAAmBf,sBAAnB,CAAtB;AACAc,EAAAA,SAAS,CAACP,WAAV,CAAsBQ,gBAAtB,EALuD,CAOvD;;AACA,QAAMC,cAAc,gBAAG,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAEJ,IAAf;AAAqB,IAAA,IAAI,EAAEC;AAA3B,IAAvB;AACAjB,EAAAA,QAAQ,CAACqB,MAAT,CAAgBD,cAAhB,EAAgCD,gBAAhC,EATuD,CAWvD;;AACAG,EAAAA,UAAU,CAAC,MAAM;AACftB,IAAAA,QAAQ,CAACuB,sBAAT,CAAgCJ,gBAAhC;AACAD,IAAAA,SAAS,CAACJ,WAAV,CAAsBK,gBAAtB;AACAP,IAAAA,6BAA6B;AAC9B,GAJS,EAIPV,mBAJO,CAAV;AAKD,CAjBD;;AAmBA,MAAMsB,OAA2D,GAAG;AAClEC,EAAAA,IAAI,EAAGR,IAAD,IAAUF,IAAI,CAAC,MAAD,EAASE,IAAT,CAD8C;AAElES,EAAAA,OAAO,EAAGT,IAAD,IAAUF,IAAI,CAAC,SAAD,EAAYE,IAAZ,CAF2C;AAGlEU,EAAAA,KAAK,EAAGV,IAAD,IAAUF,IAAI,CAAC,OAAD,EAAUE,IAAV;AAH6C,CAApE;AAMA,eAAeO,OAAf","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport { AlertProps } from '../Alert';\nimport {\n  containerStyles,\n  messageContainerStyles,\n  setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n  if (!containerElement) {\n    containerElement = document.createElement('div');\n    setStylesToHtmlElement(containerElement, containerStyles);\n    document.body.appendChild(containerElement);\n  }\n  return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n  if (!containerElement || containerElement.hasChildNodes()) return;\n  document.body.removeChild(containerElement);\n  containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n  // Create a new container for the message\n  const container = getContainer();\n  const messageContainer = document.createElement('div');\n  setStylesToHtmlElement(messageContainer, messageContainerStyles);\n  container.appendChild(messageContainer);\n\n  // Render the message element\n  const messageElement = <Message type={type} text={text} />;\n  ReactDOM.render(messageElement, messageContainer);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    ReactDOM.unmountComponentAtNode(messageContainer);\n    container.removeChild(messageContainer);\n    deleteContainerIfNoChildNodes();\n  }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n  info: (text) => send('info', text),\n  success: (text) => send('success', text),\n  error: (text) => send('error', text),\n};\n\nexport default message;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","render","setTimeout","unmountComponentAtNode","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport { AlertProps } from '../Alert';\nimport {\n  containerStyles,\n  messageContainerStyles,\n  setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n  if (!containerElement) {\n    containerElement = document.createElement('div');\n    setStylesToHtmlElement(containerElement, containerStyles);\n    document.body.appendChild(containerElement);\n  }\n  return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n  if (!containerElement || containerElement.hasChildNodes()) return;\n  document.body.removeChild(containerElement);\n  containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n  // Create a new container for the message\n  const container = getContainer();\n  const messageContainer = document.createElement('div');\n  setStylesToHtmlElement(messageContainer, messageContainerStyles);\n  container.appendChild(messageContainer);\n\n  // Render the message element\n  const messageElement = <Message type={type} text={text} />;\n  ReactDOM.render(messageElement, messageContainer);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    ReactDOM.unmountComponentAtNode(messageContainer);\n    container.removeChild(messageContainer);\n    deleteContainerIfNoChildNodes();\n  }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n  info: (text) => send('info', text),\n  success: (text) => send('success', text),\n  error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,OAAP,IAAkBC,mBAAlB,QAA6C,WAA7C;AAEA,SACEC,eADF,EAEEC,sBAFF,EAGEC,sBAHF,QAIO,UAJP;AAMA,IAAIC,gBAAJ;AAEA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,MAAM;EACzB,IAAI,CAACD,gBAAL,EAAuB;IACrBA,gBAAgB,GAAGE,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB;IACAJ,sBAAsB,CAACC,gBAAD,EAAmBH,eAAnB,CAAtB;IACAK,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BL,gBAA1B;EACD;;EACD,OAAOA,gBAAP;AACD,CAPD;AASA;AACA;AACA;;;AACA,MAAMM,6BAA6B,GAAG,MAAM;EAC1C,IAAI,CAACN,gBAAD,IAAqBA,gBAAgB,CAACO,aAAjB,EAAzB,EAA2D;EAC3DL,QAAQ,CAACE,IAAT,CAAcI,WAAd,CAA0BR,gBAA1B;EACAA,gBAAgB,GAAG,IAAnB;AACD,CAJD;AAMA;AACA;AACA;;;AACA,MAAMS,IAAI,GAAG,CAACC,IAAD,EAA2BC,IAA3B,KAA4C;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,EAA9B;EACA,MAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAzB;EACAJ,sBAAsB,CAACc,gBAAD,EAAmBf,sBAAnB,CAAtB;EACAc,SAAS,CAACP,WAAV,CAAsBQ,gBAAtB,EALuD,CAOvD;;EACA,MAAMC,cAAc,gBAAG,oBAAC,OAAD;IAAS,IAAI,EAAEJ,IAAf;IAAqB,IAAI,EAAEC;EAA3B,EAAvB;EACAjB,QAAQ,CAACqB,MAAT,CAAgBD,cAAhB,EAAgCD,gBAAhC,EATuD,CAWvD;;EACAG,UAAU,CAAC,MAAM;IACftB,QAAQ,CAACuB,sBAAT,CAAgCJ,gBAAhC;IACAD,SAAS,CAACJ,WAAV,CAAsBK,gBAAtB;IACAP,6BAA6B;EAC9B,CAJS,EAIPV,mBAJO,CAAV;AAKD,CAjBD;;AAmBA,MAAMsB,OAA2D,GAAG;EAClEC,IAAI,EAAGR,IAAD,IAAUF,IAAI,CAAC,MAAD,EAASE,IAAT,CAD8C;EAElES,OAAO,EAAGT,IAAD,IAAUF,IAAI,CAAC,SAAD,EAAYE,IAAZ,CAF2C;EAGlEU,KAAK,EAAGV,IAAD,IAAUF,IAAI,CAAC,OAAD,EAAUE,IAAV;AAH6C,CAApE;AAMA,eAAeO,OAAf"}

package/dist/esm/message/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/styles.ts"],"names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;AAC3DC,EAAAA,QAAQ,EAAE,OADiD;AAE3DC,EAAAA,GAAG,EAAE,GAFsD;AAG3DC,EAAAA,IAAI,EAAE,GAHqD;AAI3DC,EAAAA,KAAK,EAAE,GAJoD;AAK3DC,EAAAA,MAAM,EAAE,MALmD;AAM3DC,EAAAA,aAAa,EAAE,MAN4C;AAO3DC,EAAAA,OAAO,EAAE,MAPkD;AAQ3DC,EAAAA,aAAa,EAAE;AAR4C,CAAtD;AAWP,OAAO,MAAMC,sBAAoD,GAAG;AAClEF,EAAAA,OAAO,EAAE,MADyD;AAElEG,EAAAA,cAAc,EAAE;AAFkD,CAA7D;AAKP,OAAO,MAAMC,sBAAsB,GAAG,CACpCC,OADoC,EAEpCC,MAFoC,KAG3B;AACTC,EAAAA,MAAM,CAACC,OAAP,CAAeF,MAAf,EAAuBG,OAAvB,CAA+B,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;AAC/C;AACAN,IAAAA,OAAO,CAACO,KAAR,CAAcF,GAAd,IAAqBC,KAArB;AACD,GAHD;AAID,CARM","sourcesContent":["export const containerStyles: Partial<CSSStyleDeclaration> = {\n  position: 'fixed',\n  top: '0',\n  left: '0',\n  right: '0',\n  zIndex: '1001',\n  pointerEvents: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport const messageContainerStyles: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nexport const setStylesToHtmlElement = (\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void => {\n  Object.entries(styles).forEach(([key, value]) => {\n    // eslint-disable-next-line no-param-reassign\n    element.style[key] = value;\n  });\n};\n"],"file":"styles.js"}
+{"version":3,"file":"styles.js","names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"sources":["../../../src/message/styles.ts"],"sourcesContent":["export const containerStyles: Partial<CSSStyleDeclaration> = {\n  position: 'fixed',\n  top: '0',\n  left: '0',\n  right: '0',\n  zIndex: '1001',\n  pointerEvents: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport const messageContainerStyles: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nexport const setStylesToHtmlElement = (\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void => {\n  Object.entries(styles).forEach(([key, value]) => {\n    // eslint-disable-next-line no-param-reassign\n    element.style[key] = value;\n  });\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;EAC3DC,QAAQ,EAAE,OADiD;EAE3DC,GAAG,EAAE,GAFsD;EAG3DC,IAAI,EAAE,GAHqD;EAI3DC,KAAK,EAAE,GAJoD;EAK3DC,MAAM,EAAE,MALmD;EAM3DC,aAAa,EAAE,MAN4C;EAO3DC,OAAO,EAAE,MAPkD;EAQ3DC,aAAa,EAAE;AAR4C,CAAtD;AAWP,OAAO,MAAMC,sBAAoD,GAAG;EAClEF,OAAO,EAAE,MADyD;EAElEG,cAAc,EAAE;AAFkD,CAA7D;AAKP,OAAO,MAAMC,sBAAsB,GAAG,CACpCC,OADoC,EAEpCC,MAFoC,KAG3B;EACTC,MAAM,CAACC,OAAP,CAAeF,MAAf,EAAuBG,OAAvB,CAA+B,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;IAC/C;IACAN,OAAO,CAACO,KAAR,CAAcF,GAAd,IAAqBC,KAArB;EACD,CAHD;AAID,CARM"}

package/dist/types/AvatarSkeleton/index.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WithSize } from '@os-design/styles';
 declare type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export declare type AvatarSkeletonProps = JsxDivProps & WithSize;
-declare const AvatarSkeleton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & WithSize & React.RefAttributes<HTMLDivElement>>;
+declare const AvatarSkeleton: React.ForwardRefExoticComponent<JsxDivProps & WithSize & React.RefAttributes<HTMLDivElement>>;
 export default AvatarSkeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/AvatarSkeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AvatarSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIzD,aAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,CAAC;AASzD,QAAA,MAAM,cAAc,6pJAMnB,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AvatarSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIzD,aAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,CAAC;AASzD,QAAA,MAAM,cAAc,+FAMnB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/Button/index.d.ts

@@ -18,8 +18,8 @@ interface StyledButtonProps extends Pick<ButtonProps, 'wide' | 'loading' | 'disa
 }
 export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "div" | "slot" | "style" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 } & StyledButtonProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-declare const Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "name" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<JsxButtonProps & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAIL,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAK3B,OAAwB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGxE,aAAK,cAAc,GAAG,IAAI,CACxB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAK/C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IASxB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAKtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;AAE3D,UAAU,iBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACnE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;CACtB;AA0DD,eAAO,MAAM,YAAY;;;qHAsCxB,CAAC;AAKF,QAAA,MAAM,MAAM,gzJAkDX,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAIL,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAK3B,OAAwB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGxE,aAAK,cAAc,GAAG,IAAI,CACxB,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAK/C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IASxB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAKtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;AAE3D,UAAU,iBACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACnE,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;CACtB;AA0DD,eAAO,MAAM,YAAY;;;qHAsCxB,CAAC;AAKF,QAAA,MAAM,MAAM,4GAkDX,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/types/CheckboxSkeleton/index.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WithSize } from '@os-design/styles';
 declare type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export declare type CheckboxSkeletonProps = JsxDivProps & WithSize;
-declare const CheckboxSkeleton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & WithSize & React.RefAttributes<HTMLDivElement>>;
+declare const CheckboxSkeleton: React.ForwardRefExoticComponent<JsxDivProps & WithSize & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxSkeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/CheckboxSkeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKzD,aAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,oBAAY,qBAAqB,GAAG,WAAW,GAAG,QAAQ,CAAC;AA2B3D,QAAA,MAAM,gBAAgB,6pJAOrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKzD,aAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,oBAAY,qBAAqB,GAAG,WAAW,GAAG,QAAQ,CAAC;AA2B3D,QAAA,MAAM,gBAAgB,+FAOrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/types/ImageSkeleton/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SkeletonProps } from '../Skeleton';
 export declare type ImageSkeletonProps = Omit<SkeletonProps, 'width'>;
-declare const ImageSkeleton: React.ForwardRefExoticComponent<Pick<SkeletonProps, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+declare const ImageSkeleton: React.ForwardRefExoticComponent<ImageSkeletonProps & React.RefAttributes<HTMLDivElement>>;
 export default ImageSkeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ImageSkeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageSkeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAS9D,QAAA,MAAM,aAAa,klJAElB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ImageSkeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAS9D,QAAA,MAAM,aAAa,2FAElB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/Input/index.d.ts

@@ -14,17 +14,18 @@ export interface InputProps extends JsxInputProps, WithSize {
     value?: string;
     onChange?: (value: string, e: ChangeEvent<HTMLInputElement>) => void;
 }
+declare type InputContainerProps = Pick<InputProps, 'disabled' | 'size'>;
 export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "div" | "slot" | "style" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-} & Pick<InputProps, "size" | "disabled">, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    as?: React.ElementType<any> | undefined;
+} & InputContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface StyledInputProps {
     hasLeft?: boolean;
     hasRight?: boolean;
 }
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "div" | "slot" | "style" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: React.ElementType<any> | undefined;
 } & StyledInputProps, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/types/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAC9E,OAAO,EAIL,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAQ3B,aAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IAKzD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAK7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAK5C,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAK9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAuCD,eAAO,MAAM,cAAc;;;6HAqB1B,CAAC;AAcF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;;iHAoBvB,CAAC;AAqCF,QAAA,MAAM,KAAK,qFA+FV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAC9E,OAAO,EAIL,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAQ3B,aAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CACtC,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,QAAQ;IAKzD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAK7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAK5C,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAK9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACtE;AAsCD,aAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjE,eAAO,MAAM,cAAc;;;2GAqB1B,CAAC;AAcF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,WAAW;;;iHAoBvB,CAAC;AAqCF,QAAA,MAAM,KAAK,qFA+FV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/types/InputSkeleton/index.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WithSize } from '@os-design/styles';
 import { SkeletonProps } from '../Skeleton';
 export declare type InputSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
-declare const InputSkeleton: React.ForwardRefExoticComponent<Pick<SkeletonProps, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & WithSize & React.RefAttributes<HTMLDivElement>>;
+declare const InputSkeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "width"> & WithSize & React.RefAttributes<HTMLDivElement>>;
 export default InputSkeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/InputSkeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InputSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;AAazE,QAAA,MAAM,aAAa,6lJAElB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InputSkeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;AAazE,QAAA,MAAM,aAAa,gHAElB,CAAC;AAIF,eAAe,aAAa,CAAC"}