(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.tsx-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("../../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("../../node_modules/@storybook/client-logger/dist/esm/index.js"),create=__webpack_require__("../../node_modules/@storybook/theming/dist/esm/create.js"),theme=Object(create.a)({base:"light",colorPrimary:"#156E80",colorSecondary:"#156E80",appBg:"white",appContentBg:"#F7F9FA",appBorderColor:"#D4DBDE",appBorderRadius:4,fontBase:'"Rubik", sans-serif',fontCode:"monospace",textColor:"#003143",textInverseColor:"rgba(255,255,255,0.9)",barTextColor:"#609CA9",barSelectedColor:"#156E80",barBg:"white",inputBg:"white",inputBorder:"#156E80",inputTextColor:"#003143",inputBorderRadius:4,brandTitle:"Morten's App Design System"}),client=__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/index.js"),src_theme=__webpack_require__("./src/theme/index.ts"),SafeAreaContext=__webpack_require__("../../node_modules/react-native-safe-area-context/lib/module/SafeAreaContext.js"),jsx_runtime=(__webpack_require__("../../node_modules/@fontsource/montserrat/index.css"),__webpack_require__("../../node_modules/react/jsx-runtime.js")),preview_ThemeDecorator=function ThemeDecorator(storyFn){return Object(jsx_runtime.jsx)(SafeAreaContext.a,{children:Object(jsx_runtime.jsx)(src_theme.a,{children:storyFn()})})};preview_ThemeDecorator.displayName="ThemeDecorator",Object(client.addDecorator)(preview_ThemeDecorator);var parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},options:{storySort:function storySort(b,a){return a[1].kind===b[1].kind?0:a[1].id.localeCompare(b[1].id,void 0,{numeric:!0})}},docs:{theme:theme}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.b)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"render":return Object(ClientApi.g)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.f)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$")],module,!1)}).call(this,__webpack_require__("../../node_modules/webpack/buildin/module.js")(module))},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$":function(module,exports,__webpack_require__){var map={"./examples/calendar.stories.tsx":"./src/examples/calendar.stories.tsx","./examples/form.stories.tsx":"./src/examples/form.stories.tsx","./foundation/colors.stories.tsx":"./src/foundation/colors.stories.tsx","./foundation/icons.stories.tsx":"./src/foundation/icons.stories.tsx","./foundation/spacings.stories.tsx":"./src/foundation/spacings.stories.tsx","./foundation/typography.stories.tsx":"./src/foundation/typography.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./components/base/button/index.stories.mdx":"./src/components/base/button/index.stories.mdx","./components/base/row/index.stories.mdx":"./src/components/base/row/index.stories.mdx","./components/form/checkbox/index.stories.mdx":"./src/components/form/checkbox/index.stories.mdx","./components/form/optional-selector/index.stories.mdx":"./src/components/form/optional-selector/index.stories.mdx","./components/form/selector/index.stories.mdx":"./src/components/form/selector/index.stories.mdx","./components/form/text-input/index.stories.mdx":"./src/components/form/text-input/index.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./src/components/base/button/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"primary",(function(){return primary})),__webpack_require__.d(__webpack_exports__,"secondary",(function(){return secondary})),__webpack_require__.d(__webpack_exports__,"destructive",(function(){return destructive}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/base/button/index.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Button",component:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"button"},"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Has following variants: Primary, secondary, outlined, text only, destructive, disabled and comes in 4 sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"variants"},"Variants"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'type: "primary"')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Primary",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"primary",title:"Foo",mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'type: "secondary"')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Secondary",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"secondary",title:"Foo",mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},'type: "destructive"')),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Destructive",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"destructive",title:"Foo",mdxType:"Button"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var primary=function primary(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"primary",title:"Foo"})};primary.displayName="primary",primary.storyName="Primary",primary.parameters={storySource:{source:'<Button type="primary" title="Foo" />'}};var secondary=function secondary(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"secondary",title:"Foo"})};secondary.displayName="secondary",secondary.storyName="Secondary",secondary.parameters={storySource:{source:'<Button type="secondary" title="Foo" />'}};var destructive=function destructive(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{type:"destructive",title:"Foo"})};destructive.displayName="destructive",destructive.storyName="Destructive",destructive.parameters={storySource:{source:'<Button type="destructive" title="Foo" />'}};var componentMeta={title:"Components/Button",component:___WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["primary","secondary","destructive"]},mdxStoryNameToKey={Primary:"primary",Secondary:"secondary",Destructive:"destructive"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/base/button/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,styled_components_native__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_icon__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/components/base/icon/index.tsx"),_typography__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/typography/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Touch=styled_components_native__WEBPACK_IMPORTED_MODULE_13__.b.TouchableOpacity(_templateObject||(_templateObject=_taggedTemplateLiteralLoose([""]))),Wrapper=styled_components_native__WEBPACK_IMPORTED_MODULE_13__.b.View(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  background: ",";\n  border-color: ",";\n  border-width: 1px;\n  padding: \n    ","px;\n    ","px;\n  border-radius: ","px;\n  align-items: center;\n"])),(function(_ref){var background=_ref.background,theme=_ref.theme;return background?theme.colors[background]:"transparent"}),(function(_ref2){var border=_ref2.border;return _ref2.theme.colors[border]}),(function(_ref3){return _ref3.theme.margins.medium}),(function(_ref4){return _ref4.theme.margins.small}),(function(_ref5){return _ref5.theme.sizes.corners})),Button=function Button(_ref6){var title=_ref6.title,icon=_ref6.icon,_ref6$type=_ref6.type,type=void 0===_ref6$type?"primary":_ref6$type,onPress=_ref6.onPress,accessibilityHint=_ref6.accessibilityHint,accessibilityRole=_ref6.accessibilityRole,accessibilityLabel=_ref6.accessibilityLabel,style=_ref6.style,_getColors=function getColors(type){switch(type){case"primary":return["background","primary","primary"];case"secondary":return["primary","background","primary"];case"destructive":return["background","destructive","destructive"]}throw new Error("Button type not supported")}(type),_getColors2=_slicedToArray(_getColors,3),textColor=_getColors2[0],backgroundColor=_getColors2[1],borderColor=_getColors2[2];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(Touch,{onPress:onPress,accessible:!0,accessibilityHint:accessibilityHint,accessibilityRole:accessibilityRole,accessibilityLabel:accessibilityLabel,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)(Wrapper,{style:style,background:backgroundColor,border:borderColor,children:[title&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(_typography__WEBPACK_IMPORTED_MODULE_15__.c,{color:textColor,children:title}),icon&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(_icon__WEBPACK_IMPORTED_MODULE_14__.a,{name:icon,color:textColor})]})})};Button.displayName="Button";try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string | number"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => any"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},accessibilityRole:{defaultValue:null,description:"",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'}]}},accessibilityLabel:{defaultValue:null,description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityHint:{defaultValue:null,description:"",name:"accessibilityHint",required:!1,type:{name:"string"}},type:{defaultValue:{value:"primary"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/base/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/base/icon/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Icon}));__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/react/index.js");var feather_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/feather-icons/dist/feather.js"),styled_components_native__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function Icon(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,color=_ref.color,name=_ref.name,theme=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_3__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("svg",{dangerouslySetInnerHTML:{__html:feather_icons__WEBPACK_IMPORTED_MODULE_2__.icons[name].toSvg({color:color?theme.colors[color]:void 0})},viewBox:"0 0 24 24",width:size,height:size,fill:color?theme.colors[color]:void 0})}Icon.displayName="Icon";try{Icon.displayName="Icon",Icon.__docgenInfo={description:"",displayName:"Icon",props:{size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"number"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/icon/index.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"src/components/base/icon/index.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/base/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"e",(function(){return icon.a})),__webpack_require__.d(__webpack_exports__,"d",(function(){return horizontal_Horizontal})),__webpack_require__.d(__webpack_exports__,"f",(function(){return modal.a})),__webpack_require__.d(__webpack_exports__,"g",(function(){return page.a})),__webpack_require__.d(__webpack_exports__,"b",(function(){return row.a})),__webpack_require__.d(__webpack_exports__,"h",(function(){return row.b})),__webpack_require__.d(__webpack_exports__,"a",(function(){return base_button.a})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Group}));var _templateObject,icon=__webpack_require__("./src/components/base/icon/index.tsx"),styled_components_native_esm=(__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js")),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");var Wrapper=styled_components_native_esm.b.View(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  flex-direction: row;\n"]))),horizontal_Horizontal=function Horizontal(_ref){var children=_ref.children;return Object(jsx_runtime.jsx)(Wrapper,{children:children})};horizontal_Horizontal.displayName="Horizontal";try{horizontal_Horizontal.displayName="Horizontal",horizontal_Horizontal.__docgenInfo={description:"",displayName:"Horizontal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/horizontal/index.tsx#Horizontal"]={docgenInfo:horizontal_Horizontal.__docgenInfo,name:"Horizontal",path:"src/components/base/horizontal/index.tsx#Horizontal"})}catch(__react_docgen_typescript_loader_error){}var group_templateObject,modal=__webpack_require__("./src/components/base/modal/index.tsx"),page=__webpack_require__("./src/components/base/page/index.tsx"),row=(__webpack_require__("./src/components/base/popup/index.tsx"),__webpack_require__("./src/components/base/row/index.ts")),base_button=__webpack_require__("./src/components/base/button/index.tsx"),react=(__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js")),Collapsible=__webpack_require__("../../node_modules/react-native-collapsible/Collapsible.js"),typography=__webpack_require__("./src/typography/index.tsx");function Header(_ref){var title=_ref.title,add=_ref.add,onPress=_ref.onPress,left=_ref.left;return Object(jsx_runtime.jsx)(row.b,{onPress:onPress,left:left,title:title,right:add&&Object(jsx_runtime.jsx)(row.a,{onPress:add,children:Object(jsx_runtime.jsx)(icon.a,{name:"plus-circle",size:18})})})}Header.displayName="Header";try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},add:{defaultValue:null,description:"",name:"add",required:!1,type:{name:"() => void"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => void"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/group/header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/components/base/group/header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var group_Wrapper=styled_components_native_esm.b.View(group_templateObject||(group_templateObject=function group_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  border-radius: 7px;\n  background: ",";\n  shadow-offset: 0 0;\n  shadow-opacity: 0.1;\n  shadow-color: ",";\n  shadow-radius: 5px;\n"])),(function(_ref){return _ref.theme.colors.background}),(function(_ref2){return _ref2.theme.colors.shadow}));function Group(props){var _useState2=_slicedToArray(Object(react.useState)(!props.startHidden),2),visible=_useState2[0],setVisible=_useState2[1],_ref3=props,title=_ref3.title,items=_ref3.items,getKey=_ref3.getKey,render=_ref3.render,add=_ref3.add,children=_ref3.children;return Object(jsx_runtime.jsx)(row.b,{children:Object(jsx_runtime.jsx)(group_Wrapper,{children:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(Header,{left:Object(jsx_runtime.jsx)(row.a,{children:Object(jsx_runtime.jsx)(icon.a,{name:visible?"chevron-down":"chevron-up",size:18})}),title:title,add:add,onPress:function onPress(){return setVisible(!visible)}}),Object(jsx_runtime.jsxs)(Collapsible.a,{collapsed:!visible,children:[items&&items.map((function(item,i){return Object(jsx_runtime.jsx)(row.b,Object.assign({},render(item)),getKey(item)||i)})),children,!children&&(!items||0===items.length)&&Object(jsx_runtime.jsx)(row.b,{left:Object(jsx_runtime.jsx)(row.a,{children:Object(jsx_runtime.jsx)(icon.a,{color:"textShade",name:"maximize"})}),children:Object(jsx_runtime.jsx)(typography.a,{style:{marginLeft:10},color:"textShade",children:"Empty"})})]})]})})})}Group.displayName="Group";try{Group.displayName="Group",Group.__docgenInfo={description:"",displayName:"Group",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"T[]"}},startHidden:{defaultValue:null,description:"",name:"startHidden",required:!1,type:{name:"boolean"}},getKey:{defaultValue:null,description:"",name:"getKey",required:!0,type:{name:"(item: T) => any"}},render:{defaultValue:null,description:"",name:"render",required:!0,type:{name:"(item: T) => RowProps"}},add:{defaultValue:null,description:"",name:"add",required:!1,type:{name:"(() => void) | (() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/group/index.tsx#Group"]={docgenInfo:Group.__docgenInfo,name:"Group",path:"src/components/base/group/index.tsx#Group"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");var FlatList=__webpack_require__("../../node_modules/react-native-web/dist/exports/FlatList/index.js"),_excluded=["right"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function List(_ref){var add=_ref.add,remove=_ref.remove,getKey=_ref.getKey,items=_ref.items,render=_ref.render;return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[!!add&&Object(jsx_runtime.jsx)(base_button.a,{title:"Add",onPress:add}),Object(jsx_runtime.jsx)(FlatList.a,{data:items,keyExtractor:function keyExtractor(item){return getKey(item)},renderItem:function renderItem(_ref2){var item=_ref2.item,_render=render(item),right=_render.right,props=_objectWithoutProperties(_render,_excluded);return Object(jsx_runtime.jsx)(row.b,Object.assign({},props,{right:Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[right,!!remove&&Object(jsx_runtime.jsx)(row.a,{onPress:function onPress(){return remove(item)},children:Object(jsx_runtime.jsx)(icon.a,{name:"trash",color:"destructive"})})]})}))}})]})}try{List.displayName="List",List.__docgenInfo={description:"",displayName:"List",props:{add:{defaultValue:null,description:"",name:"add",required:!1,type:{name:"() => void"}},remove:{defaultValue:null,description:"",name:"remove",required:!1,type:{name:"(item: T) => any"}},getKey:{defaultValue:null,description:"",name:"getKey",required:!0,type:{name:"(item: T) => string"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"T[]"}},render:{defaultValue:null,description:"",name:"render",required:!0,type:{name:"(item: T) => RowProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/list/index.tsx#List"]={docgenInfo:List.__docgenInfo,name:"List",path:"src/components/base/list/index.tsx#List"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/base/modal/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return modal_Modal}));var react_modal=__webpack_require__("../../node_modules/react-native-web/dist/exports/Modal/index.js").a;try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{animated:{defaultValue:null,description:"@deprecated Use animationType instead",name:"animated",required:!1,type:{name:"boolean"}},animationType:{defaultValue:null,description:"The `animationType` prop controls how the modal animates.\n\n- `slide` slides in from the bottom\n- `fade` fades into view\n- `none` appears without an animation",name:"animationType",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"slide"'},{value:'"fade"'}]}},transparent:{defaultValue:null,description:"The `transparent` prop determines whether your modal will fill the entire view.\nSetting this to `true` will render the modal over a transparent background.",name:"transparent",required:!1,type:{name:"boolean"}},visible:{defaultValue:null,description:"The `visible` prop determines whether your modal is visible.",name:"visible",required:!1,type:{name:"boolean"}},onRequestClose:{defaultValue:null,description:"The `onRequestClose` prop allows passing a function that will be called once the modal has been dismissed.\n_On the Android platform, this is a required function._",name:"onRequestClose",required:!1,type:{name:"() => void"}},onShow:{defaultValue:null,description:"The `onShow` prop allows passing a function that will be called once the modal has been shown.",name:"onShow",required:!1,type:{name:"(event: NativeSyntheticEvent<any>) => void"}},presentationStyle:{defaultValue:null,description:"The `presentationStyle` determines the style of modal to show",name:"presentationStyle",required:!1,type:{name:"enum",value:[{value:'"fullScreen"'},{value:'"pageSheet"'},{value:'"formSheet"'},{value:'"overFullScreen"'}]}},supportedOrientations:{defaultValue:null,description:"The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.\nOn iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.",name:"supportedOrientations",required:!1,type:{name:'("portrait" | "portrait-upside-down" | "landscape" | "landscape-left" | "landscape-right")[]'}},onDismiss:{defaultValue:null,description:"The `onDismiss` prop allows passing a function that will be called once the modal has been dismissed.",name:"onDismiss",required:!1,type:{name:"() => void"}},onOrientationChange:{defaultValue:null,description:"The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.\nThe orientation provided is only 'portrait' or 'landscape'. This callback is also called on initial render, regardless of the current orientation.",name:"onOrientationChange",required:!1,type:{name:"(event: NativeSyntheticEvent<any>) => void"}},hardwareAccelerated:{defaultValue:null,description:"Controls whether to force hardware acceleration for the underlying window.",name:"hardwareAccelerated",required:!1,type:{name:"boolean"}},statusBarTranslucent:{defaultValue:null,description:"Determines whether your modal should go under the system statusbar.",name:"statusBarTranslucent",required:!1,type:{name:"boolean"}},hitSlop:{defaultValue:null,description:"This defines how far a touch event can start away from the view.\nTypical interface guidelines recommend touch targets that are at least\n30 - 40 points/density-independent pixels. If a Touchable view has\na height of 20 the touchable height can be extended to 40 with\nhitSlop={{top: 10, bottom: 10, left: 0, right: 0}}\nNOTE The touch area never extends past the parent view bounds and\nthe Z-index of sibling views always takes precedence if a touch\nhits two overlapping views.",name:"hitSlop",required:!1,type:{name:"Insets"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},pointerEvents:{defaultValue:null,description:"In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:\n\n.box-none {\n  pointer-events: none;\n}\n.box-none * {\n  pointer-events: all;\n}\n\nbox-only is the equivalent of\n\n.box-only {\n  pointer-events: all;\n}\n.box-only * {\n  pointer-events: none;\n}\n\nBut since pointerEvents does not affect layout/appearance, and we are already deviating from the spec by adding additional modes,\nwe opt to not include pointerEvents on style. On some platforms, we would need to implement it as a className anyways. Using style or not is an implementation detail of the platform.",name:"pointerEvents",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"auto"'},{value:'"box-none"'},{value:'"box-only"'}]}},removeClippedSubviews:{defaultValue:null,description:"This is a special performance property exposed by RCTView and is useful for scrolling content when there are many subviews,\nmost of which are offscreen. For this property to be effective, it must be applied to a view that contains many subviews that extend outside its bound.\nThe subviews must also have overflow: hidden, as should the containing view (or one of its superviews).",name:"removeClippedSubviews",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},collapsable:{defaultValue:null,description:"Views that are only used to layout their children or otherwise don't draw anything\nmay be automatically removed from the native hierarchy as an optimization.\nSet this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.",name:"collapsable",required:!1,type:{name:"boolean"}},needsOffscreenAlphaCompositing:{defaultValue:null,description:"Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors and blending behavior.\nThe default (false) falls back to drawing the component and its children\nwith an alpha applied to the paint used to draw each element instead of rendering the full component offscreen and compositing it back with an alpha value.\nThis default may be noticeable and undesired in the case where the View you are setting an opacity on\nhas multiple overlapping elements (e.g. multiple overlapping Views, or text and a background).\n\nRendering offscreen to preserve correct alpha behavior is extremely expensive\nand hard to debug for non-native developers, which is why it is not turned on by default.\nIf you do need to enable this property for an animation,\nconsider combining it with renderToHardwareTextureAndroid if the view contents are static (i.e. it doesn't need to be redrawn each frame).\nIf that property is enabled, this View will be rendered off-screen once,\nsaved in a hardware texture, and then composited onto the screen with an alpha each frame without having to switch rendering targets on the GPU.",name:"needsOffscreenAlphaCompositing",required:!1,type:{name:"boolean"}},renderToHardwareTextureAndroid:{defaultValue:null,description:"Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.\n\nOn Android, this is useful for animations and interactions that only modify opacity, rotation, translation, and/or scale:\nin those cases, the view doesn't have to be redrawn and display lists don't need to be re-executed. The texture can just be\nre-used and re-composited with different parameters. The downside is that this can use up limited video memory, so this prop should be set back to false at the end of the interaction/animation.",name:"renderToHardwareTextureAndroid",required:!1,type:{name:"boolean"}},focusable:{defaultValue:null,description:"Whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard.",name:"focusable",required:!1,type:{name:"boolean"}},shouldRasterizeIOS:{defaultValue:null,description:"Whether this view should be rendered as a bitmap before compositing.\n\nOn iOS, this is useful for animations and interactions that do not modify this component's dimensions nor its children;\nfor example, when translating the position of a static view, rasterization allows the renderer to reuse a cached bitmap of a static view\nand quickly composite it during each frame.\n\nRasterization incurs an off-screen drawing pass and the bitmap consumes memory.\nTest and measure when using this property.",name:"shouldRasterizeIOS",required:!1,type:{name:"boolean"}},isTVSelectable:{defaultValue:null,description:"*(Apple TV only)* When set to true, this view will be focusable\nand navigable using the Apple TV remote.\n@platform ios",name:"isTVSelectable",required:!1,type:{name:"boolean"}},hasTVPreferredFocus:{defaultValue:null,description:"*(Apple TV only)* May be set to true to force the Apple TV focus engine to move focus to this view.\n@platform ios",name:"hasTVPreferredFocus",required:!1,type:{name:"boolean"}},tvParallaxProperties:{defaultValue:null,description:"*(Apple TV only)* Object with properties to control Apple TV parallax effects.\n@platform ios",name:"tvParallaxProperties",required:!1,type:{name:"TVParallaxProperties"}},tvParallaxShiftDistanceX:{defaultValue:null,description:"*(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.\n@platform ios",name:"tvParallaxShiftDistanceX",required:!1,type:{name:"number"}},tvParallaxShiftDistanceY:{defaultValue:null,description:"*(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 2.0.\n@platform ios",name:"tvParallaxShiftDistanceY",required:!1,type:{name:"number"}},tvParallaxTiltAngle:{defaultValue:null,description:"*(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 0.05.\n@platform ios",name:"tvParallaxTiltAngle",required:!1,type:{name:"number"}},tvParallaxMagnification:{defaultValue:null,description:"*(Apple TV only)* May be used to change the appearance of the Apple TV parallax effect when this view goes in or out of focus.  Defaults to 1.0.\n@platform ios",name:"tvParallaxMagnification",required:!1,type:{name:"number"}},onStartShouldSetResponder:{defaultValue:null,description:"Does this view want to become responder on the start of a touch?",name:"onStartShouldSetResponder",required:!1,type:{name:"(event: GestureResponderEvent) => boolean"}},onMoveShouldSetResponder:{defaultValue:null,description:'Called for every touch move on the View when it is not the responder: does this view want to "claim" touch responsiveness?',name:"onMoveShouldSetResponder",required:!1,type:{name:"(event: GestureResponderEvent) => boolean"}},onResponderEnd:{defaultValue:null,description:"If the View returns true and attempts to become the responder, one of the following will happen:",name:"onResponderEnd",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderGrant:{defaultValue:null,description:"The View is now responding for touch events.\nThis is the time to highlight and show the user what is happening",name:"onResponderGrant",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderReject:{defaultValue:null,description:"Something else is the responder right now and will not release it",name:"onResponderReject",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderMove:{defaultValue:null,description:"The user is moving their finger",name:"onResponderMove",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderRelease:{defaultValue:null,description:'Fired at the end of the touch, ie "touchUp"',name:"onResponderRelease",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderStart:{defaultValue:null,description:"",name:"onResponderStart",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onResponderTerminationRequest:{defaultValue:null,description:"Something else wants to become responder.\nShould this view release the responder? Returning true allows release",name:"onResponderTerminationRequest",required:!1,type:{name:"(event: GestureResponderEvent) => boolean"}},onResponderTerminate:{defaultValue:null,description:"The responder has been taken from the View.\nMight be taken by other views after a call to onResponderTerminationRequest,\nor might be taken by the OS without asking (happens with control center/ notification center on iOS)",name:"onResponderTerminate",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onStartShouldSetResponderCapture:{defaultValue:null,description:"onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,\nwhere the deepest node is called first.\nThat means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.\nThis is desirable in most cases, because it makes sure all controls and buttons are usable.\n\nHowever, sometimes a parent will want to make sure that it becomes responder.\nThis can be handled by using the capture phase.\nBefore the responder system bubbles up from the deepest component,\nit will do a capture phase, firing on*ShouldSetResponderCapture.\nSo if a parent View wants to prevent the child from becoming responder on a touch start,\nit should have a onStartShouldSetResponderCapture handler which returns true.",name:"onStartShouldSetResponderCapture",required:!1,type:{name:"(event: GestureResponderEvent) => boolean"}},onMoveShouldSetResponderCapture:{defaultValue:null,description:"onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,\nwhere the deepest node is called first.\nThat means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.\nThis is desirable in most cases, because it makes sure all controls and buttons are usable.\n\nHowever, sometimes a parent will want to make sure that it becomes responder.\nThis can be handled by using the capture phase.\nBefore the responder system bubbles up from the deepest component,\nit will do a capture phase, firing on*ShouldSetResponderCapture.\nSo if a parent View wants to prevent the child from becoming responder on a touch start,\nit should have a onStartShouldSetResponderCapture handler which returns true.",name:"onMoveShouldSetResponderCapture",required:!1,type:{name:"(event: GestureResponderEvent) => boolean"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/modal/react-modal.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/components/base/modal/react-modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}var popup=__webpack_require__("./src/components/base/popup/index.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),modal_Modal=function Modal(_ref){var visible=_ref.visible,onClose=_ref.onClose,children=_ref.children;return Object(jsx_runtime.jsx)(react_modal,{transparent:!0,visible:visible,animationType:"slide",onRequestClose:onClose,onDismiss:onClose,children:Object(jsx_runtime.jsx)(popup.a,{onClose:onClose,children:children})})};modal_Modal.displayName="Modal";try{modal_Modal.displayName="Modal",modal_Modal.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:null,description:"",name:"visible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/modal/index.tsx#Modal"]={docgenInfo:modal_Modal.__docgenInfo,name:"Modal",path:"src/components/base/modal/index.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/base/page/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Page}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/react/index.js"),styled_components_native__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),react_native__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react-native-web/dist/exports/Keyboard/index.js"),react_native__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/react-native-web/dist/exports/Platform/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var KeyboardAvoiding=styled_components_native__WEBPACK_IMPORTED_MODULE_12__.b.KeyboardAvoidingView(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  flex: 1;\n"]))),Pressable=styled_components_native__WEBPACK_IMPORTED_MODULE_12__.b.Pressable(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  flex: 1;\n"]))),Page=function Page(_ref){var children=_ref.children,_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_11__.useState)(!1),2),keyboardShown=_useState2[0],setKeyboardShown=_useState2[1];return Object(react__WEBPACK_IMPORTED_MODULE_11__.useEffect)((function(){var keyboardDidShow=function keyboardDidShow(){return setKeyboardShown(!0)},keyboardDidHide=function keyboardDidHide(){return setKeyboardShown(!1)};return react_native__WEBPACK_IMPORTED_MODULE_13__.a.addListener("keyboardDidShow",keyboardDidShow),react_native__WEBPACK_IMPORTED_MODULE_13__.a.addListener("keyboardDidHide",keyboardDidHide),function(){react_native__WEBPACK_IMPORTED_MODULE_13__.a.removeListener("keyboardDidShow",keyboardDidShow),react_native__WEBPACK_IMPORTED_MODULE_13__.a.removeListener("keyboardDidHide",keyboardDidHide)}}),[]),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(Pressable,{disabled:!keyboardShown,onPress:function onPress(){return react_native__WEBPACK_IMPORTED_MODULE_13__.a.dismiss()},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(KeyboardAvoiding,{behavior:"ios"===react_native__WEBPACK_IMPORTED_MODULE_14__.a.OS?"padding":"height",children:children})})};Page.displayName="Page"},"./src/components/base/popup/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Popup}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react_native_safe_area_context__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/react-native-safe-area-context/lib/module/SafeAreaContext.js"),styled_components_native__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/base/icon/index.tsx"),_row__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/base/row/index.ts"),_page__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/base/page/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","onClose","right"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Top=styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b.Pressable(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  flex: 1;\n"]))),Wrapper=styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b.View(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  background: ",";\n  width: 100%;\n  max-width: 500px;\n  shadow-color: ",";\n  shadow-offset: 0 0;\n  shadow-opacity: 1;\n  shadow-radius: 200px;\n  border-radius: 12px;\n  margin-bottom: -12px;\n  max-height: 80%;\n"])),(function(_ref){return _ref.theme.colors.background}),(function(_ref2){return _ref2.theme.colors.shadow})),Outer=styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b.View(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  flex: 1;\n  align-items: center;\n"]))),Content=styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b.ScrollView(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n"]))),Popup=function Popup(_ref3){var children=_ref3.children,onClose=_ref3.onClose,right=_ref3.right,rowProps=_objectWithoutProperties(_ref3,_excluded),insets=Object(react_native_safe_area_context__WEBPACK_IMPORTED_MODULE_6__.b)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_page__WEBPACK_IMPORTED_MODULE_10__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(Outer,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(Top,{onPress:onClose}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(Wrapper,{style:{paddingBottom:insets.bottom+12},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_row__WEBPACK_IMPORTED_MODULE_9__.b,Object.assign({},rowProps,{right:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment,{children:[right,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_row__WEBPACK_IMPORTED_MODULE_9__.a,{onPress:onClose,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icon__WEBPACK_IMPORTED_MODULE_8__.a,{name:"x-circle"})})]})})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(Content,{alwaysBounceVertical:!1,children:children})]})]})})};Popup.displayName="Popup"},"./src/components/base/row/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"primary",(function(){return primary}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/base/row/index.ts"),_typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/typography/index.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Row",component:___WEBPACK_IMPORTED_MODULE_7__.b,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"row"},"Row"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Primary",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.b,{left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Body1"},"Left")),right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Body1"},"Right")),overline:"Overline",title:"Title",description:"Description",mdxType:"Row"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,{mdxType:"Body1"},"Children")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.b,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var primary=function primary(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.b,{left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,null,"Left")),right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,null,"Right")),overline:"Overline",title:"Title",description:"Description"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_typography__WEBPACK_IMPORTED_MODULE_8__.a,null,"Children"))};primary.displayName="primary",primary.storyName="Primary",primary.parameters={storySource:{source:'<Row left={<Cell><Body1>Left</Body1></Cell>} right={<Cell><Body1>Right</Body1></Cell>} overline="Overline" title="Title" description="Description">\n      <Body1>Children</Body1>\n    </Row>'}};var componentMeta={title:"Components/Row",component:___WEBPACK_IMPORTED_MODULE_7__.b,includeStories:["primary"]},mdxStoryNameToKey={Primary:"primary"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/base/row/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return cell_Cell})),__webpack_require__.d(__webpack_exports__,"b",(function(){return row_Row}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,styled_components_native_esm=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","onPress"],_excluded2=["accessibilityLabel","accessibilityRole","accessibilityHint"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var row_templateObject,row_templateObject2,_templateObject3,Wrapper=styled_components_native_esm.b.View(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  padding: ","px;\n  align-items: center;\n  justify-content: center;\n  ","\n"])),(function(_ref){return _ref.theme.margins.medium/2}),(function(_ref2){var background=_ref2.background;return background?"background: "+background+";":""})),Touch=styled_components_native_esm.b.TouchableOpacity(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n"]))),cell_Cell=function Cell(_ref3){var children=_ref3.children,onPress=_ref3.onPress,props=_objectWithoutProperties(_ref3,_excluded),accessibilityLabel=props.accessibilityLabel,accessibilityRole=props.accessibilityRole,accessibilityHint=props.accessibilityHint,others=_objectWithoutProperties(props,_excluded2),node=Object(jsx_runtime.jsx)(Wrapper,Object.assign({},others,{children:children}));return onPress?Object(jsx_runtime.jsx)(Touch,{accessible:!0,accessibilityRole:accessibilityRole||"button",accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,onPress:onPress,children:node}):node},typography=(__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./src/typography/index.tsx")),row_excluded=["top","left","right","title","overline","description","children"];function row_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function row_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function row_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var placeholder_icon_templateObject,Children=styled_components_native_esm.b.View(row_templateObject||(row_templateObject=row_taggedTemplateLiteralLoose(["\n  width: 100%;\n"]))),RowCell=Object(styled_components_native_esm.b)(cell_Cell)(row_templateObject2||(row_templateObject2=row_taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  width: 100%;\n"]))),ContentCell=Object(styled_components_native_esm.b)(cell_Cell)(_templateObject3||(_templateObject3=row_taggedTemplateLiteralLoose(["\n  align-items: flex-start;\n  flex: 1;\n"]))),row_componentOrString=function componentOrString(input,Component){return input?"string"==typeof input?Object(jsx_runtime.jsx)(Component,{children:input}):input:null},row_Row=function Row(_ref){var top=_ref.top,left=_ref.left,right=_ref.right,title=_ref.title,overline=_ref.overline,description=_ref.description,children=_ref.children,cellProps=row_objectWithoutProperties(_ref,row_excluded);return Object(jsx_runtime.jsxs)(RowCell,Object.assign({},cellProps,{children:[left,Object(jsx_runtime.jsxs)(ContentCell,{children:[!!top,row_componentOrString(overline,typography.d),row_componentOrString(title,typography.e),row_componentOrString(description,typography.a),!!children&&Object(jsx_runtime.jsx)(Children,{children:children})]}),right]}))};row_Row.displayName="Row";try{row_Row.displayName="Row",row_Row.__docgenInfo={description:"",displayName:"Row",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},accessibilityRole:{defaultValue:null,description:"",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityHint:{defaultValue:null,description:"",name:"accessibilityHint",required:!1,type:{name:"string"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => any"}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"string"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ReactNode"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},overline:{defaultValue:null,description:"",name:"overline",required:!1,type:{name:"ReactNode"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/base/row/row.tsx#Row"]={docgenInfo:row_Row.__docgenInfo,name:"Row",path:"src/components/base/row/row.tsx#Row"})}catch(__react_docgen_typescript_loader_error){}styled_components_native_esm.b.View(placeholder_icon_templateObject||(placeholder_icon_templateObject=function placeholder_icon_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  background: ",";\n  width: ","px;\n  height: ","px;\n  border-radius: ","px;\n"])),(function(_ref){return _ref.color}),(function(_ref2){return _ref2.size}),(function(_ref3){return _ref3.size}),(function(_ref4){return _ref4.size/4}))},"./src/components/form/checkbox/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"checked",(function(){return checked})),__webpack_require__.d(__webpack_exports__,"unchecked",(function(){return unchecked})),__webpack_require__.d(__webpack_exports__,"withRight",(function(){return withRight})),__webpack_require__.d(__webpack_exports__,"withLeft",(function(){return withLeft}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/form/checkbox/index.tsx"),_base__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/base/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Cell=function makeShortcode(name){return function MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",props)}}("Cell"),layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Forms/Checkbox",component:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"checkbox"},"Checkbox"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Has following variants: Primary, secondary, outlined, text only, destructive, disabled and comes in 4 sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Checked",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!0,mdxType:"Checkbox"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Unchecked",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,mdxType:"Checkbox"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With right",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test",mdxType:"Button"})),mdxType:"Checkbox"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With left",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test",mdxType:"Button"})),mdxType:"Checkbox"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var checked=function checked(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!0})};checked.displayName="checked",checked.storyName="Checked",checked.parameters={storySource:{source:'<Checkbox label="Foo" value={true} />'}};var unchecked=function unchecked(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1})};unchecked.displayName="unchecked",unchecked.storyName="Unchecked",unchecked.parameters={storySource:{source:'<Checkbox label="Foo" value={false} />'}};var withRight=function withRight(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test"}))})};withRight.displayName="withRight",withRight.storyName="With right",withRight.parameters={storySource:{source:'<Checkbox label="Foo" value={false} right={<Cell><Button title="Test" /></Cell>} />'}};var withLeft=function withLeft(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test"}))})};withLeft.displayName="withLeft",withLeft.storyName="With left",withLeft.parameters={storySource:{source:'<Checkbox label="Foo" value={false} left={<Cell><Button title="Test" /></Cell>} />'}};var componentMeta={title:"Components/Forms/Checkbox",component:___WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["checked","unchecked","withRight","withLeft"]},mdxStoryNameToKey={Checked:"checked",Unchecked:"unchecked","With right":"withRight","With left":"withLeft"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/form/checkbox/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Checkbox}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _base__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/base/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["value","label","onChangeValue"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Checkbox=function Checkbox(_ref){var value=_ref.value,label=_ref.label,onChangeValue=_ref.onChangeValue,rowProps=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_base__WEBPACK_IMPORTED_MODULE_4__.h,Object.assign({},rowProps,{description:label,onPress:function onPress(){return onChangeValue(!value)},left:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,{children:[rowProps.left,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_base__WEBPACK_IMPORTED_MODULE_4__.b,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_base__WEBPACK_IMPORTED_MODULE_4__.e,{name:value?"check-square":"square",color:value?"primary":"input"})})]})}))};Checkbox.displayName="Checkbox";try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"",displayName:"Checkbox",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},accessibilityRole:{defaultValue:null,description:"",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityHint:{defaultValue:null,description:"",name:"accessibilityHint",required:!1,type:{name:"string"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => any"}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"string"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ReactNode"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},overline:{defaultValue:null,description:"",name:"overline",required:!1,type:{name:"ReactNode"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},onChangeValue:{defaultValue:null,description:"",name:"onChangeValue",required:!0,type:{name:"(value: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/checkbox/index.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/form/checkbox/index.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/form/optional-selector/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"enabled",(function(){return enabled}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/form/optional-selector/index.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Forms/OptionalSelector",component:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"optional-selector"},"Optional Selector"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Has following variants: Primary, secondary, outlined, text only, destructive, disabled and comes in 4 sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Disabled",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",items:[],enabledText:"Enabled",disabledText:"Disabled",render:function render(a){},mdxType:"OptionalSelector"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Enabled",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{enabled:!0,selected:["bar"],label:"Foo",items:["foo","bar"],render:function render(a){return{title:a}},getKey:function getKey(a){return a},enabledText:"Enabled",disabledText:"Disabled",mdxType:"OptionalSelector"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var disabled=function disabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",items:[],enabledText:"Enabled",disabledText:"Disabled",render:function render(a){}})};disabled.displayName="disabled",disabled.storyName="Disabled",disabled.parameters={storySource:{source:'<OptionalSelector label="Foo" items={[]} enabledText="Enabled" disabledText="Disabled" render={a => {\n  title: a;\n}} />'}};var enabled=function enabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{enabled:!0,selected:["bar"],label:"Foo",items:["foo","bar"],render:function render(a){return{title:a}},getKey:function getKey(a){return a},enabledText:"Enabled",disabledText:"Disabled"})};enabled.displayName="enabled",enabled.storyName="Enabled",enabled.parameters={storySource:{source:"<OptionalSelector enabled selected={['bar']} label=\"Foo\" items={['foo', 'bar']} render={a => ({\n  title: a\n})} getKey={a => a} enabledText=\"Enabled\" disabledText=\"Disabled\" />"}};var componentMeta={title:"Components/Forms/OptionalSelector",component:___WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["disabled","enabled"]},mdxStoryNameToKey={Disabled:"disabled",Enabled:"enabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/form/optional-selector/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return OptionalSelector}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_typography__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/typography/index.tsx"),react__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("../../node_modules/react/index.js"),styled_components_native__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_base__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/base/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["left"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Wrapper=styled_components_native__WEBPACK_IMPORTED_MODULE_23__.b.View(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  border-radius: 5px;\n  background: ",";\n  border-radius: 7px;\n  shadow-offset: 0 0;\n  shadow-opacity: 0.1;\n  shadow-color: ",";\n  shadow-radius: 5px;\n"])),(function(_ref){return _ref.theme.colors.shade}),(function(_ref2){return _ref2.theme.colors.shadow})),Top=styled_components_native__WEBPACK_IMPORTED_MODULE_23__.b.View(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  flex-direction: row;\n"]))),Touch=styled_components_native__WEBPACK_IMPORTED_MODULE_23__.b.TouchableOpacity(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  flex: 1;\n"]))),Content=styled_components_native__WEBPACK_IMPORTED_MODULE_23__.b.View(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n"]))),TopButton=styled_components_native__WEBPACK_IMPORTED_MODULE_23__.b.View(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n  background: ",";\n  padding: ","px;\n  align-items: center;\n  justify-content: center;\n"])),(function(_ref3){var selected=_ref3.selected,theme=_ref3.theme;return selected?theme.colors.shade:theme.colors.background}),(function(_ref4){return _ref4.theme.margins.small}));function OptionalSelector(_ref5){var label=_ref5.label,enabled=_ref5.enabled,setEnabled=_ref5.setEnabled,onChange=_ref5.onChange,items=_ref5.items,enabledText=_ref5.enabledText,disabledText=_ref5.disabledText,selected=_ref5.selected,render=_ref5.render,getKey=_ref5.getKey,toggle=Object(react__WEBPACK_IMPORTED_MODULE_22__.useCallback)((function(item){if(!selected)return onChange([item]);var nextId=getKey(item),current=selected.find((function(i){return getKey(i)===nextId}));onChange(current?selected.filter((function(i){return i!==current})):[].concat(_toConsumableArray(selected),[item]))}),[selected,getKey]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_base__WEBPACK_IMPORTED_MODULE_24__.h,{overline:label,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Wrapper,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(Top,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(Touch,{onPress:function onPress(){return setEnabled(!1)},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TopButton,{selected:!enabled,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_typography__WEBPACK_IMPORTED_MODULE_21__.a,{children:disabledText})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(Touch,{onPress:function onPress(){return setEnabled(!0)},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(TopButton,{selected:enabled,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_typography__WEBPACK_IMPORTED_MODULE_21__.a,{children:enabledText})})})]}),enabled&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(Content,{children:items.map((function(item){var _render=render(item),left=_render.left,props=_objectWithoutProperties(_render,_excluded),isSelected=!!selected&&selected.includes(item);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_base__WEBPACK_IMPORTED_MODULE_24__.h,Object.assign({},props,{left:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_base__WEBPACK_IMPORTED_MODULE_24__.b,{onPress:function onPress(){return toggle(item)},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_base__WEBPACK_IMPORTED_MODULE_24__.e,{name:isSelected?"check-circle":"circle"})}),left]})}),getKey(item))}))})]})})}OptionalSelector.displayName="OptionalSelector";try{OptionalSelector.displayName="OptionalSelector",OptionalSelector.__docgenInfo={description:"",displayName:"OptionalSelector",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},setEnabled:{defaultValue:null,description:"",name:"setEnabled",required:!0,type:{name:"(enabled: boolean) => void"}},enabled:{defaultValue:null,description:"",name:"enabled",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(items: T[]) => void"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"T[]"}},enabledText:{defaultValue:null,description:"",name:"enabledText",required:!0,type:{name:"string"}},disabledText:{defaultValue:null,description:"",name:"disabledText",required:!0,type:{name:"string"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"T[]"}},render:{defaultValue:null,description:"",name:"render",required:!0,type:{name:"(item: T) => RowProps"}},getKey:{defaultValue:null,description:"",name:"getKey",required:!0,type:{name:"(item: T) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/optional-selector/index.tsx#OptionalSelector"]={docgenInfo:OptionalSelector.__docgenInfo,name:"OptionalSelector",path:"src/components/form/optional-selector/index.tsx#OptionalSelector"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/form/selector/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"withLeft",(function(){return withLeft}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/form/selector/index.tsx"),_excluded=(__webpack_require__("./src/components/base/index.ts"),["components"]);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Forms/Selector",component:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With left",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",getId:function getId(a){return a},render:function render(a){return{title:a}},onChangeSelected:function onChangeSelected(){},items:["Foo","Bar"],mdxType:"Selector"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var withLeft=function withLeft(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",getId:function getId(a){return a},render:function render(a){return{title:a}},onChangeSelected:function onChangeSelected(){},items:["Foo","Bar"]})};withLeft.displayName="withLeft",withLeft.storyName="With left",withLeft.parameters={storySource:{source:"<Selector label=\"Foo\" getId={a => a} render={a => ({\n  title: a\n})} onChangeSelected={() => {}} items={['Foo', 'Bar']} />"}};var componentMeta={title:"Components/Forms/Selector",component:___WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["withLeft"]},mdxStoryNameToKey={"With left":"withLeft"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/form/selector/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Selector}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/react/index.js"),styled_components_native__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_base_modal__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/components/base/modal/index.tsx"),_base_row__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/base/row/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Wrapper=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_16__.b)(_base_row__WEBPACK_IMPORTED_MODULE_18__.b)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  padding: ","px;\n  border-color: ",";\n  border-width: 2px;\n  border-radius: ","px;\n"])),(function(_ref){return _ref.theme.margins.small}),(function(_ref2){return _ref2.theme.colors.input}),(function(_ref3){return _ref3.theme.sizes.corners}));function Selector(_ref4){var items=_ref4.items,render=_ref4.render,label=_ref4.label,getId=_ref4.getId,selected=_ref4.selected,onChangeSelected=_ref4.onChangeSelected,_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),visible=_useState2[0],setVisible=_useState2[1],selectedItem=Object(react__WEBPACK_IMPORTED_MODULE_15__.useMemo)((function(){return selected?items.find((function(i){return getId(i)===getId(selected)})):void 0}),[selected,items]),select=Object(react__WEBPACK_IMPORTED_MODULE_15__.useCallback)((function(item){onChangeSelected(item),setVisible(!1)}),[onChangeSelected,setVisible]);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_17__.a,{visible:visible,onClose:function onClose(){return setVisible(!1)},children:items.map((function(item){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(_base_row__WEBPACK_IMPORTED_MODULE_18__.b,Object.assign({},render(item),{onPress:function onPress(){return select(item)}}),getId(item))}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(_base_row__WEBPACK_IMPORTED_MODULE_18__.b,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Wrapper,Object.assign({overline:label,title:"Select"},selectedItem?render(selectedItem):{},{onPress:function onPress(){return setVisible(!0)}}))})]})}try{Selector.displayName="Selector",Selector.__docgenInfo={description:"",displayName:"Selector",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"T[]"}},render:{defaultValue:null,description:"",name:"render",required:!0,type:{name:"(item: T) => RowProps"}},getId:{defaultValue:null,description:"",name:"getId",required:!0,type:{name:"(item: T) => string"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"T"}},onChangeSelected:{defaultValue:null,description:"",name:"onChangeSelected",required:!0,type:{name:"(item?: T) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/selector/index.tsx#Selector"]={docgenInfo:Selector.__docgenInfo,name:"Selector",path:"src/components/form/selector/index.tsx#Selector"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/form/text-input/index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"empty",(function(){return empty})),__webpack_require__.d(__webpack_exports__,"withValue",(function(){return withValue})),__webpack_require__.d(__webpack_exports__,"withRight",(function(){return withRight})),__webpack_require__.d(__webpack_exports__,"withLeft",(function(){return withLeft}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),___WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/form/text-input/index.tsx"),_base__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/base/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Cell=function makeShortcode(name){return function MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",props)}}("Cell"),layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{title:"Components/Forms/TextInput",component:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"checkbox"},"Checkbox"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Has following variants: Primary, secondary, outlined, text only, destructive, disabled and comes in 4 sizes."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"Empty",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",mdxType:"TextInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With value",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,mdxType:"TextInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With right",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test",mdxType:"Button"})),mdxType:"TextInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{name:"With left",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,{mdxType:"Cell"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test",mdxType:"Button"})),mdxType:"TextInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"component-arguments"},"Component arguments"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:___WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var empty=function empty(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo"})};empty.displayName="empty",empty.storyName="Empty",empty.parameters={storySource:{source:'<TextInput label="Foo" />'}};var withValue=function withValue(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1})};withValue.displayName="withValue",withValue.storyName="With value",withValue.parameters={storySource:{source:'<TextInput label="Foo" value={false} />'}};var withRight=function withRight(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,right:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test"}))})};withRight.displayName="withRight",withRight.storyName="With right",withRight.parameters={storySource:{source:'<TextInput label="Foo" value={false} right={<Cell><Button title="Test" /></Cell>} />'}};var withLeft=function withLeft(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(___WEBPACK_IMPORTED_MODULE_7__.a,{label:"Foo",value:!1,left:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_base__WEBPACK_IMPORTED_MODULE_8__.a,{title:"Test"}))})};withLeft.displayName="withLeft",withLeft.storyName="With left",withLeft.parameters={storySource:{source:'<TextInput label="Foo" value={false} left={<Cell><Button title="Test" /></Cell>} />'}};var componentMeta={title:"Components/Forms/TextInput",component:___WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["empty","withValue","withRight","withLeft"]},mdxStoryNameToKey={Empty:"empty","With value":"withValue","With right":"withRight","With left":"withLeft"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/form/text-input/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextInput}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,styled_components_native__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/typography/index.tsx"),_base__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/base/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["label","icon","type","onBlur","placeholder","value","onChangeText","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var InputField=styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b.TextInput(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  margin: ","px 0;\n  color: ",";\n  font-size: ","px;\n  width: 100%;\n"])),(function(_ref){return _ref.theme.margins.small}),(function(_ref2){return _ref2.theme.colors.text}),(function(_ref3){return _ref3.theme.font.baseSize})),Wrapper=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_7__.b)(_base__WEBPACK_IMPORTED_MODULE_9__.h)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  padding: 0;\n  border-color: ",";\n  border-width: 0.5px;\n  border-radius: ","px;\n"])),(function(_ref4){return _ref4.theme.colors.input}),(function(_ref5){return _ref5.theme.sizes.corners})),TextInput=function TextInput(_ref6){var label=_ref6.label,icon=_ref6.icon,type=_ref6.type,onBlur=_ref6.onBlur,placeholder=_ref6.placeholder,value=_ref6.value,onChangeText=_ref6.onChangeText,children=_ref6.children,row=_objectWithoutProperties(_ref6,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_base__WEBPACK_IMPORTED_MODULE_9__.h,Object.assign({},row,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(Wrapper,{left:icon&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_base__WEBPACK_IMPORTED_MODULE_9__.b,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_base__WEBPACK_IMPORTED_MODULE_9__.e,{name:icon})}),children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_typography__WEBPACK_IMPORTED_MODULE_8__.d,{children:label}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(InputField,{placeholder:placeholder,value:value,onBlur:onBlur,textContentType:type,secureTextEntry:"password"===type,onChangeText:onChangeText}),children]})}))};TextInput.displayName="TextInput";try{TextInput.displayName="TextInput",TextInput.__docgenInfo={description:"",displayName:"TextInput",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},accessibilityRole:{defaultValue:null,description:"",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityHint:{defaultValue:null,description:"",name:"accessibilityHint",required:!1,type:{name:"string"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => any"}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"string"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ReactNode"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},overline:{defaultValue:null,description:"",name:"overline",required:!1,type:{name:"ReactNode"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string | number"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},onChangeText:{defaultValue:null,description:"",name:"onChangeText",required:!0,type:{name:"(text: string) => any"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"() => any"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"none"'},{value:'"password"'},{value:'"URL"'},{value:'"addressCity"'},{value:'"addressCityAndState"'},{value:'"addressState"'},{value:'"countryName"'},{value:'"creditCardNumber"'},{value:'"emailAddress"'},{value:'"familyName"'},{value:'"fullStreetAddress"'},{value:'"givenName"'},{value:'"jobTitle"'},{value:'"location"'},{value:'"middleName"'},{value:'"namePrefix"'},{value:'"nameSuffix"'},{value:'"nickname"'},{value:'"organizationName"'},{value:'"postalCode"'},{value:'"streetAddressLine1"'},{value:'"streetAddressLine2"'},{value:'"sublocality"'},{value:'"telephoneNumber"'},{value:'"username"'},{value:'"newPassword"'},{value:'"oneTimeCode"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/form/text-input/index.tsx#TextInput"]={docgenInfo:TextInput.__docgenInfo,name:"TextInput",path:"src/components/form/text-input/index.tsx#TextInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"g",(function(){return components_base.d})),__webpack_require__.d(__webpack_exports__,"h",(function(){return components_base.h})),__webpack_require__.d(__webpack_exports__,"a",(function(){return components_base.a})),__webpack_require__.d(__webpack_exports__,"f",(function(){return components_base.c})),__webpack_require__.d(__webpack_exports__,"b",(function(){return entry_CalendarEntry})),__webpack_require__.d(__webpack_exports__,"c",(function(){return strip_CalendarStrip})),__webpack_require__.d(__webpack_exports__,"j",(function(){return text_input.a})),__webpack_require__.d(__webpack_exports__,"d",(function(){return form_checkbox.a})),__webpack_require__.d(__webpack_exports__,"i",(function(){return selector.a})),__webpack_require__.d(__webpack_exports__,"e",(function(){return form_FormLayout}));var _templateObject,_templateObject2,_templateObject3,components_base=__webpack_require__("./src/components/base/index.ts"),add=(__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("../../node_modules/date-fns/esm/add/index.js")),react=__webpack_require__("../../node_modules/react/index.js"),styled_components_native_esm=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),typography=__webpack_require__("./src/typography/index.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Wrapper=styled_components_native_esm.b.View(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n\n"]))),Week=styled_components_native_esm.b.View(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  flex-direction: row;\n"]))),calendar_Day=styled_components_native_esm.b.View(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n"]))),calendar_days=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],calendar_Calendar=function Calendar(_ref){var _ref$startDate=_ref.startDate,startDate=void 0===_ref$startDate?new Date:_ref$startDate,_useState2=(_ref.selected,_ref.onSelect,_slicedToArray(Object(react.useState)(startDate),2)),current=_useState2[0],setCurrent=_useState2[1],weeks=Object(react.useMemo)((function(){for(var weeks=[],startDay=new Date(current.getFullYear(),current.getMonth(),1),endDay=new Date(current.getFullYear(),current.getMonth()+1,0),currentDate=startDay,week=[];currentDate<=endDay;)week.push(currentDate),6===currentDate.getDay()&&(weeks.push(week),week=[]),currentDate=new Date(currentDate.getTime()+864e5);return week.length>0&&weeks.push(week),weeks}),[current]),weekdays=Object(react.useMemo)((function(){return new Array(7).fill(0).map((function(_,i){return calendar_days[i]}))}),[current]),offsetStart=Object(react.useMemo)((function(){return new Array(new Date(current.getFullYear(),current.getMonth(),1).getDay()).fill(0)}),[current]),offsetEnd=Object(react.useMemo)((function(){return new Array(6-new Date(current.getFullYear(),current.getMonth()+1,0).getDay()).fill(0)}),[current]);return Object(jsx_runtime.jsxs)(Wrapper,{children:[Object(jsx_runtime.jsx)(components_base.h,{left:Object(jsx_runtime.jsx)(components_base.b,{onPress:function onPress(){return setCurrent(Object(add.a)(current,{months:-1}))},children:Object(jsx_runtime.jsx)(components_base.e,{name:"chevron-left"})}),right:Object(jsx_runtime.jsx)(components_base.b,{onPress:function onPress(){return setCurrent(Object(add.a)(current,{months:1}))},children:Object(jsx_runtime.jsx)(components_base.e,{name:"chevron-right"})}),title:current.toLocaleString("default",{month:"long"})}),Object(jsx_runtime.jsx)(Week,{children:weekdays.map((function(day,i){return Object(jsx_runtime.jsx)(calendar_Day,{children:Object(jsx_runtime.jsx)(typography.a,{children:day})},i)}))}),weeks.map((function(week,index){return Object(jsx_runtime.jsxs)(Week,{children:[0===index&&offsetStart.map((function(_,index){return Object(jsx_runtime.jsx)(calendar_Day,{},index)})),week.map((function(day,index){return Object(jsx_runtime.jsx)(calendar_Day,{children:Object(jsx_runtime.jsx)(typography.a,{children:day.getDate()})},index)})),index===weeks.length-1&&offsetEnd.map((function(_,index){return Object(jsx_runtime.jsx)(calendar_Day,{},index)}))]},index)}))]})};calendar_Calendar.displayName="Calendar";try{calendar_Calendar.displayName="Calendar",calendar_Calendar.__docgenInfo={description:"",displayName:"Calendar",props:{startDate:{defaultValue:{value:"new Date()"},description:"",name:"startDate",required:!1,type:{name:"Date"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"Date"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"(date: Date) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date/calendar/index.tsx#Calendar"]={docgenInfo:calendar_Calendar.__docgenInfo,name:"Calendar",path:"src/components/date/calendar/index.tsx#Calendar"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var entry_templateObject,string_to_color=__webpack_require__("../../node_modules/string-to-color/index.js"),string_to_color_default=__webpack_require__.n(string_to_color),chroma=__webpack_require__("../../node_modules/chroma-js/chroma.js"),chroma_default=__webpack_require__.n(chroma),format=__webpack_require__("../../node_modules/date-fns/esm/format/index.js"),_excluded=["start","end","height","title","location","checked","onChangeChecked"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var entry_Wrapper=Object(styled_components_native_esm.b)(components_base.h)(entry_templateObject||(entry_templateObject=function entry_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  background-color: ",";\n  border-color: ",";\n  border-width: 2px;\n  border-radius: ","px;\n  ",";\n"])),(function(_ref){return _ref.color}),(function(_ref2){var color=_ref2.color;return chroma_default()(color).darken(.1).hex()}),(function(_ref3){return _ref3.theme.sizes.corners}),(function(_ref4){var height=_ref4.height;return height&&"height: "+height+"px"})),entry_CalendarEntry=function CalendarEntry(_ref5){var start=_ref5.start,end=_ref5.end,height=_ref5.height,title=_ref5.title,location=_ref5.location,checked=_ref5.checked,onChangeChecked=_ref5.onChangeChecked,row=_objectWithoutProperties(_ref5,_excluded),color=Object(react.useMemo)((function(){var base=string_to_color_default()(title);return chroma_default()(base).darken(.9).desaturate(2.5).luminance(.1).hex()}),[title]),time=Object(react.useMemo)((function(){return Object(format.a)(start,"HH:mm")+" - "+Object(format.a)(end,"HH:mm")}),[start,end]);return Object(jsx_runtime.jsxs)(entry_Wrapper,Object.assign({},row,{left:void 0!==checked&&Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(components_base.b,{onPress:onChangeChecked?function(){return onChangeChecked(!checked)}:void 0,children:Object(jsx_runtime.jsx)(components_base.e,{color:"background",name:checked?"check":"square"})}),row.left]}),height:height,color:color,children:[Object(jsx_runtime.jsx)(typography.d,{color:"background",children:location}),Object(jsx_runtime.jsx)(typography.a,{color:"background",children:title}),Object(jsx_runtime.jsx)(typography.b,{color:"background",children:time})]}))};entry_CalendarEntry.displayName="CalendarEntry";try{entry_CalendarEntry.displayName="CalendarEntry",entry_CalendarEntry.__docgenInfo={description:"",displayName:"CalendarEntry",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"StyleProp<ViewStyle>"}},accessibilityRole:{defaultValue:null,description:"",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"",name:"accessibilityLabel",required:!1,type:{name:"string"}},accessibilityHint:{defaultValue:null,description:"",name:"accessibilityHint",required:!1,type:{name:"string"}},onPress:{defaultValue:null,description:"",name:"onPress",required:!1,type:{name:"() => any"}},background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"string"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ReactNode"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ReactNode"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode & string"}},overline:{defaultValue:null,description:"",name:"overline",required:!1,type:{name:"ReactNode"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"ReactNode"}},start:{defaultValue:null,description:"",name:"start",required:!0,type:{name:"Date"}},end:{defaultValue:null,description:"",name:"end",required:!0,type:{name:"Date"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"number"}},location:{defaultValue:null,description:"",name:"location",required:!1,type:{name:"string"}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean"}},onChangeChecked:{defaultValue:null,description:"",name:"onChangeChecked",required:!1,type:{name:"(checked: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date/entry/index.tsx#CalendarEntry"]={docgenInfo:entry_CalendarEntry.__docgenInfo,name:"CalendarEntry",path:"src/components/date/entry/index.tsx#CalendarEntry"})}catch(__react_docgen_typescript_loader_error){}var strip_templateObject,strip_templateObject2,strip_templateObject3;__webpack_require__("../../node_modules/core-js/modules/es.string.small.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js");function strip_slicedToArray(arr,i){return function strip_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function strip_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function strip_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return strip_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return strip_arrayLikeToArray(o,minLen)}(arr,i)||function strip_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function strip_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function strip_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var strip_Wrapper=styled_components_native_esm.b.View(strip_templateObject||(strip_templateObject=strip_taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"]))),TitleWrapper=styled_components_native_esm.b.View(strip_templateObject2||(strip_templateObject2=strip_taggedTemplateLiteralLoose(["\n  margin-top: ","px;\n  justify-content: center;\n  align-items: center;\n"])),(function(_ref){return _ref.theme.margins.medium})),DateWrapper=styled_components_native_esm.b.TouchableOpacity(strip_templateObject3||(strip_templateObject3=strip_taggedTemplateLiteralLoose(["\n  padding: ","px 0;\n  border-radius: ","px;\n  flex: 1;\n  background-color: ",";\n  align-items: center;\n  justify-content: center;\n  max-width: 60px;\n"])),(function(_ref2){return _ref2.theme.margins.small}),(function(_ref3){return _ref3.theme.sizes.corners}),(function(_ref4){var selected=_ref4.selected,theme=_ref4.theme;return selected?theme.colors.primary:"transparent"})),strip_Day=function Day(_ref5){var date=_ref5.date,selected=_ref5.selected,onPress=_ref5.onPress,textColor=selected?"background":"text";return Object(jsx_runtime.jsxs)(DateWrapper,{selected:selected,onPress:onPress?function(){return onPress(date)}:void 0,children:[Object(jsx_runtime.jsx)(typography.e,{color:textColor,children:date.getDate()}),Object(jsx_runtime.jsx)(typography.d,{color:textColor,children:date.toLocaleString("en-us",{weekday:"short"})})]})};strip_Day.displayName="Day";var strip_CalendarStrip=function CalendarStrip(_ref6){var start=_ref6.start,selected=_ref6.selected,onSelect=_ref6.onSelect,_useState2=strip_slicedToArray(Object(react.useState)(start||selected||new Date),2),current=_useState2[0],setCurrent=_useState2[1],firstDayOfWeek=Object(react.useMemo)((function(){var currentDay=current.getDay();return Object(add.a)(current,{days:1-currentDay})}),[current]),days=Object(react.useMemo)((function(){return new Array(7).fill(null).map((function(_,i){return{date:Object(add.a)(firstDayOfWeek,{days:i})}}))}),[firstDayOfWeek]),months=Object(react.useMemo)((function(){return[firstDayOfWeek.getMonth(),Object(add.a)(firstDayOfWeek,{days:7}).getMonth()]}),[firstDayOfWeek]),monthLabel=Object(react.useMemo)((function(){return console.log(months),months[0]===months[1]?new Date(0,months[0],1).toLocaleString("en-us",{month:"long"}):new Date(0,months[0],1).toLocaleString("en-us",{month:"long"})+" - "+new Date(0,months[1],1).toLocaleString("en-us",{month:"long"})}),[months]);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(TitleWrapper,{children:Object(jsx_runtime.jsx)(typography.e,{children:monthLabel})}),Object(jsx_runtime.jsxs)(strip_Wrapper,{children:[Object(jsx_runtime.jsx)(components_base.b,{onPress:function onPress(){return setCurrent(Object(add.a)(current,{weeks:-1}))},children:Object(jsx_runtime.jsx)(components_base.e,{name:"chevron-left"})}),days.map((function(_ref7){var date=_ref7.date;return Object(jsx_runtime.jsx)(strip_Day,{date:date,selected:date.getTime()===(null==selected?void 0:selected.getTime()),onPress:onSelect},date.toString())})),Object(jsx_runtime.jsx)(components_base.b,{onPress:function onPress(){return setCurrent(Object(add.a)(current,{weeks:1}))},children:Object(jsx_runtime.jsx)(components_base.e,{name:"chevron-right"})})]})]})};try{strip_CalendarStrip.displayName="CalendarStrip",strip_CalendarStrip.__docgenInfo={description:"",displayName:"CalendarStrip",props:{start:{defaultValue:null,description:"",name:"start",required:!1,type:{name:"Date"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"Date"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"(date: Date) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date/strip/index.tsx#CalendarStrip"]={docgenInfo:strip_CalendarStrip.__docgenInfo,name:"CalendarStrip",path:"src/components/date/strip/index.tsx#CalendarStrip"})}catch(__react_docgen_typescript_loader_error){}var text_input=__webpack_require__("./src/components/form/text-input/index.tsx"),form_checkbox=__webpack_require__("./src/components/form/checkbox/index.tsx"),selector=__webpack_require__("./src/components/form/selector/index.tsx"),time_excluded=(__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.parse-int.js"),["value","onChange","children"]);function time_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function time_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function time_slicedToArray(arr,i){return function time_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function time_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function time_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return time_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return time_arrayLikeToArray(o,minLen)}(arr,i)||function time_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function time_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var timeToString=function timeToString(time){return(time.hour<10?"0"+time.hour:time.hour)+":"+(time.minute<10?"0"+time.minute:time.minute)};(function TimeInput(_ref){var value=_ref.value,onChange=_ref.onChange,rest=(_ref.children,time_objectWithoutProperties(_ref,time_excluded)),_useState2=time_slicedToArray(Object(react.useState)(value?timeToString(value):""),2),current=_useState2[0],setCurrent=_useState2[1];Object(react.useEffect)((function(){setCurrent(value?timeToString(value):"")}),[value]);var onBlur=Object(react.useCallback)((function(){onChange(function stringToTime(value){var _value$split2=time_slicedToArray(value.split(":"),2),_value$split2$=_value$split2[0],hour=void 0===_value$split2$?"0":_value$split2$,_value$split2$2=_value$split2[1],minute=void 0===_value$split2$2?"0":_value$split2$2;return{hour:parseInt(hour,10),minute:parseInt(minute,10)}}(current))}),[current,onChange]);return Object(jsx_runtime.jsx)(text_input.a,Object.assign({},rest,{value:current,onChangeText:setCurrent,onBlur:onBlur}))}).displayName="TimeInput";var date_selector_templateObject;__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.pad-start.js");var form_templateObject;Object(styled_components_native_esm.b)(components_base.h)(date_selector_templateObject||(date_selector_templateObject=function date_selector_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  padding: 0;\n  border-color: ",";\n  border-width: 0.5px;\n  border-radius: ","px;\n"])),(function(_ref){return _ref.theme.colors.input}),(function(_ref2){return _ref2.theme.sizes.corners})),__webpack_require__("./src/components/form/optional-selector/index.tsx");var form_Wrapper=styled_components_native_esm.b.View(form_templateObject||(form_templateObject=function form_taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n  max-width: 900px;\n  width: 100%;\n  margin: 0 auto;\n  border-radius: ","px;\n  padding: ","px;\n  background: ",";\n"])),(function(_ref){return _ref.theme.sizes.corners}),(function(_ref2){return _ref2.theme.margins.medium}),(function(_ref3){return _ref3.theme.colors.background})),form_FormLayout=function FormLayout(_ref4){var children=_ref4.children,title=_ref4.title;return Object(jsx_runtime.jsx)(components_base.g,{children:Object(jsx_runtime.jsxs)(form_Wrapper,{children:[title&&Object(jsx_runtime.jsx)(components_base.h,{title:title}),children]})})};form_FormLayout.displayName="FormLayout";try{form_FormLayout.displayName="FormLayout",form_FormLayout.__docgenInfo={description:"",displayName:"FormLayout",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/layouts/form.tsx#FormLayout"]={docgenInfo:form_FormLayout.__docgenInfo,name:"FormLayout",path:"src/components/layouts/form.tsx#FormLayout"})}catch(__react_docgen_typescript_loader_error){}},"./src/examples/calendar.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Agenda",(function(){return Agenda}));__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__),___WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/index.ts"),_components__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Agenda=function Agenda(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(),2),selectedDate=_React$useState2[0],setSelectedDate=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_15__.e,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.c,{selected:selectedDate,onSelect:setSelectedDate}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.b,{start:new Date(2020,0,1,9,0,0),end:new Date(2020,0,1,11,0,0),checked:!0,title:"Ride mountain bike",location:"Mountain bike park"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.b,{start:new Date(2020,0,1,12,0,0),end:new Date(2020,0,1,12,30,0),checked:!1,title:"Pick up kids",location:"The playground"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(___WEBPACK_IMPORTED_MODULE_14__.b,{start:new Date(2020,0,1,19,0,0),end:new Date(2020,0,1,19,30,0),title:"Read a book",location:"Home"})})]})};Agenda.displayName="Agenda",__webpack_exports__.default={title:"Examples/Calendar",component:Agenda},Agenda.parameters=Object.assign({storySource:{source:'() => {\n  const [selectedDate, setSelectedDate] = React.useState<Date>();\n  return (\n    <FormLayout>\n      <CalendarStrip\n        selected={selectedDate}\n        onSelect={setSelectedDate}\n      />\n      <Row>\n        <CalendarEntry\n          start={new Date(2020, 0, 1, 9, 0, 0)}\n          end={new Date(2020, 0, 1, 11, 0, 0)}\n          checked={true}\n          title="Ride mountain bike"\n          location="Mountain bike park"\n        />\n      </Row>\n      <Row>\n        <CalendarEntry\n          start={new Date(2020, 0, 1, 12, 0, 0)}\n          end={new Date(2020, 0, 1, 12, 30, 0)}\n          checked={false}\n          title="Pick up kids"\n          location="The playground"\n        />\n      </Row>\n      <Row>\n        <CalendarEntry\n          start={new Date(2020, 0, 1, 19, 0, 0)}\n          end={new Date(2020, 0, 1, 19, 30, 0)}\n          title="Read a book"\n          location="Home"\n        />\n      </Row>\n    </FormLayout>\n  )\n}'}},Agenda.parameters)},"./src/examples/form.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Login",(function(){return Login})),__webpack_require__.d(__webpack_exports__,"Signup",(function(){return Signup}));__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.fill.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),___WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var countries=new Array(100).fill(0).map((function(_,i){return{id:i,name:"Country "+i}})),Login=function Login(){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(""),2),username=_React$useState2[0],setUsername=_React$useState2[1],_React$useState4=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(""),2),password=_React$useState4[0],setPassword=_React$useState4[1],_React$useState6=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(!1),2),remember=_React$useState6[0],setRemember=_React$useState6[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(___WEBPACK_IMPORTED_MODULE_17__.e,{title:"Login",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{icon:"user",label:"Username",placeholder:"Enter your username",value:username,onChangeText:setUsername}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"Password",icon:"lock",placeholder:"Enter your password",value:password,onChangeText:setPassword}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.d,{label:"Remember me",value:remember,onChangeValue:setRemember}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.a,{title:"Login"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.a,{title:"Forgot password",type:"secondary"})})]})};Login.displayName="Login";var Signup=function Signup(){var _React$useState8=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(""),2),username=_React$useState8[0],setUsername=_React$useState8[1],_React$useState10=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(""),2),password=_React$useState10[0],setPassword=_React$useState10[1],_React$useState12=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(""),2),passwordRepeat=_React$useState12[0],setPasswordRepeat=_React$useState12[1],_React$useState14=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(),2),country=_React$useState14[0],setCountry=_React$useState14[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(___WEBPACK_IMPORTED_MODULE_17__.e,{title:"Signup",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{icon:"user",label:"Username",type:"username",placeholder:"Enter your username",value:username,onChangeText:setUsername}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"Password",icon:"lock",type:"password",placeholder:"Enter your password",value:password,onChangeText:setPassword}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"Repeat password",icon:"lock",type:"password",placeholder:"Repeat your password",value:passwordRepeat,onChangeText:setPasswordRepeat}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(___WEBPACK_IMPORTED_MODULE_17__.f,{title:"Address",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"Street",placeholder:"Nowhere st. 1",type:"streetAddressLine1",value:username,onChangeText:setUsername}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(___WEBPACK_IMPORTED_MODULE_17__.g,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"Zip code",placeholder:"12345",type:"postalCode",flex:1,value:username,onChangeText:setUsername}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.j,{label:"City",type:"addressCity",flex:1,placeholder:"Nowhere",value:username,onChangeText:setUsername})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.i,{label:"Country",items:countries,getId:function getId(item){return item.id.toString()},render:function render(item){return{title:item.name}},selected:country,onChangeSelected:setCountry})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.d,{label:"Sign up for the newsletter"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.h,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(___WEBPACK_IMPORTED_MODULE_17__.a,{title:"Login"})})]})};Signup.displayName="Signup",__webpack_exports__.default={title:"Examples/Forms",component:Login},Login.parameters=Object.assign({storySource:{source:'() => {\n  const [username, setUsername] = React.useState(\'\');\n  const [password, setPassword] = React.useState(\'\');\n  const [remember, setRemember] = React.useState(false);\n\n  return (\n    <FormLayout title="Login">\n      <TextInput\n        icon="user"\n        label="Username"\n        placeholder="Enter your username"\n        value={username}\n        onChangeText={setUsername}\n      />\n      <TextInput\n        label="Password"\n        icon="lock"\n        placeholder="Enter your password"\n        value={password}\n        onChangeText={setPassword}\n      />\n      <Checkbox\n        label="Remember me"\n        value={remember}\n        onChangeValue={setRemember}\n      />\n      <Row>\n        <Button title="Login" />\n      </Row>\n      <Row>\n        <Button title="Forgot password" type="secondary" />\n      </Row>\n    </FormLayout>\n  )\n}'}},Login.parameters),Signup.parameters=Object.assign({storySource:{source:'() => {\n  const [username, setUsername] = React.useState(\'\');\n  const [password, setPassword] = React.useState(\'\');\n  const [passwordRepeat, setPasswordRepeat] = React.useState(\'\');\n  const [country, setCountry] = React.useState<typeof countries[0]>();\n\n  return (\n    <FormLayout title="Signup">\n      <TextInput\n        icon="user"\n        label="Username"\n        type="username"\n        placeholder="Enter your username"\n        value={username}\n        onChangeText={setUsername}\n      />\n      <TextInput\n        label="Password"\n        icon="lock"\n        type="password"\n        placeholder="Enter your password"\n        value={password}\n        onChangeText={setPassword}\n      />\n      <TextInput\n        label="Repeat password"\n        icon="lock"\n        type="password"\n        placeholder="Repeat your password"\n        value={passwordRepeat}\n        onChangeText={setPasswordRepeat}\n      />\n      <Group title="Address">\n        <TextInput\n          label="Street"\n          placeholder="Nowhere st. 1"\n          type="streetAddressLine1"\n          value={username}\n          onChangeText={setUsername}\n        />\n        <Horizontal>\n          <TextInput\n            label="Zip code"\n            placeholder="12345"\n            type="postalCode"\n            flex={1}\n            value={username}\n            onChangeText={setUsername}\n          />\n          <TextInput\n            label="City"\n            type="addressCity"\n            flex={1}\n            placeholder="Nowhere"\n            value={username}\n            onChangeText={setUsername}\n          />\n        </Horizontal>\n        <Selector\n          label="Country"\n          items={countries}\n          getId={item => item.id.toString()}\n          render={item => ({ title: item.name })}\n          selected={country}\n          onChangeSelected={setCountry}\n        />\n      </Group>\n      <Checkbox\n        label="Sign up for the newsletter"\n      />\n      <Row>\n        <Button title="Login" />\n      </Row>\n    </FormLayout>\n  )\n}'}},Signup.parameters)},"./src/foundation/colors.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Colors",(function(){return Colors}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components_native__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Table=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.table(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: 900px;\n  margin: auto;\n  border-collapse: collapse;\n  border-spacing:0;\n\n  td {\n    margin: 0; \n    padding: 15px 15px;\n  }\n"]))),Thead=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.thead(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  font-weight: bold;\n"]))),Row=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.tr(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  padding: 0 15px;\n  &:nth-child(even) {\n    background: rgba(0, 0, 0, .05);\n  }\n"]))),Example=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n  background: ",";\n  width: 50px;\n  height: 50px;\n"])),(function(props){return props.color})),SpacingComponent=function SpacingComponent(){var theme=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_15__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)(Table,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(Thead,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)("tr",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Example"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Name"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Color"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("tbody",{children:Object.entries(theme.colors).map((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)(Row,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(Example,{color:value})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:key}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:value})]},key)}))})]})};SpacingComponent.displayName="SpacingComponent",__webpack_exports__.default={title:"Foundation/Colors",component:SpacingComponent};var Colors=function Colors(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(SpacingComponent,{})};Colors.displayName="Colors",Colors.parameters=Object.assign({storySource:{source:"() => <SpacingComponent />"}},Colors.parameters)},"./src/foundation/icons.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icons",(function(){return Icons}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,styled_components_native__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_components_base_icon__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/components/base/icon/index.tsx"),styled_components__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js"),feather_icons__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/feather-icons/dist/feather.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Table=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: 900px;\n  margin: auto;\n  display: flex;\n  flex-wrap: wrap;\n"]))),Row=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  padding: 35px;\n  &:nth-child(even) {\n    background: rgba(0, 0, 0, .05);\n  }\n"]))),Name=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-weight: bold;\n"]))),Icons=function Icons(){Object(styled_components_native__WEBPACK_IMPORTED_MODULE_15__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Table,{children:Object.entries(feather_icons__WEBPACK_IMPORTED_MODULE_18__.icons).map((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0];_ref2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsxs)(Row,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(_components_base_icon__WEBPACK_IMPORTED_MODULE_16__.a,{name:key,size:220}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_19__.jsx)(Name,{children:key})]})}))})};Icons.displayName="Icons",__webpack_exports__.default={title:"Foundation/Icons",component:Icons},Icons.parameters=Object.assign({storySource:{source:"() => {\n  const theme = useTheme();\n\n  return (\n    <Table>\n      {Object.entries(icons).map(([key, value]) => {\n        return (\n          <Row>\n            <Icon name={key} size={220} />\n            <Name>\n              {key}\n            </Name>\n          </Row>\n        )\n      })}\n    </Table>\n  )\n  }"}},Icons.parameters)},"./src/foundation/spacings.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Spacing",(function(){return Spacing}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components_native__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Table=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.table(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: 900px;\n  margin: auto;\n  border-collapse: collapse;\n  border-spacing:0;\n\n  td {\n    margin: 0; \n    padding: 15px 15px;\n  }\n"]))),Thead=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.thead(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  font-weight: bold;\n"]))),Row=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.tr(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  padding: 0 15px;\n  &:nth-child(even) {\n    background: rgba(0, 0, 0, .05);\n  }\n"]))),Example=styled_components__WEBPACK_IMPORTED_MODULE_16__.a.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n  width: ","px;\n  height: ","px;\n  background: red;\n"])),(function(props){return props.size}),(function(props){return props.size})),SpacingComponent=function SpacingComponent(){var theme=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_15__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)(Table,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(Thead,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)("tr",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Example"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Name"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:"Size"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("tbody",{children:Object.entries(theme.margins).map((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)(Row,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(Example,{size:value})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)("td",{children:key}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)("td",{children:[value,"px"]})]},key)}))})]})};SpacingComponent.displayName="SpacingComponent",__webpack_exports__.default={title:"Foundation/Spacing",component:SpacingComponent};var Spacing=function Spacing(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(SpacingComponent,{})};Spacing.displayName="Spacing",Spacing.parameters=Object.assign({storySource:{source:"() => <SpacingComponent />"}},Spacing.parameters)},"./src/foundation/typography.stories.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Typography",(function(){return Typography}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,styled_components_native__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),_typography__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/typography/index.tsx"),styled_components__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Table=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.table(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: 900px;\n  margin: auto;\n  border-collapse: collapse;\n  border-spacing:0;\n\n  td {\n    margin: 0; \n    padding: 15px 15px;\n  }\n"]))),Thead=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.thead(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n  font-weight: bold;\n"]))),Row=styled_components__WEBPACK_IMPORTED_MODULE_17__.a.tr(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n  padding: 0 15px;\n  &:nth-child(even) {\n    background: rgba(0, 0, 0, .05);\n  }\n"]))),TypographyComponent=function TypographyComponent(){var theme=Object(styled_components_native__WEBPACK_IMPORTED_MODULE_15__.c)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(Table,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(Thead,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("tr",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:"Example"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:"Name"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:"Size"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:"Weight"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:"Spacing"})]})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("tbody",{children:Object.entries(theme.typography).map((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1],Component=_typography__WEBPACK_IMPORTED_MODULE_16__.f[key];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(Row,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(Component,{children:key})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:key}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("td",{children:[value.size||1,"x"]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("td",{children:value.weight||"normal"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("td",{children:[value.spacing||0,"px"]})]},key)}))})]})};TypographyComponent.displayName="TypographyComponent",__webpack_exports__.default={title:"Foundation/Typography",component:TypographyComponent};var Typography=function Typography(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(TypographyComponent,{})};Typography.displayName="Typography",Typography.parameters=Object.assign({storySource:{source:"() => <TypographyComponent />"}},Typography.parameters)},"./src/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _components__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/index.ts");__webpack_require__.d(__webpack_exports__,"a",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.a})),__webpack_require__.d(__webpack_exports__,"b",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"c",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.c})),__webpack_require__.d(__webpack_exports__,"d",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.d})),__webpack_require__.d(__webpack_exports__,"e",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.e})),__webpack_require__.d(__webpack_exports__,"f",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.f})),__webpack_require__.d(__webpack_exports__,"g",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.g})),__webpack_require__.d(__webpack_exports__,"h",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.h})),__webpack_require__.d(__webpack_exports__,"i",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.i})),__webpack_require__.d(__webpack_exports__,"j",(function(){return _components__WEBPACK_IMPORTED_MODULE_0__.j}));__webpack_require__("./src/theme/index.ts"),__webpack_require__("./src/typography/index.tsx")},"./src/theme/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return provider_Provider}));var styled_components_native_esm=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js"),Platform=__webpack_require__("../../node_modules/react-native-web/dist/exports/Platform/index.js"),light={typography:{Jumbo:{weight:"bold",size:2.8},Title1:{weight:"bold"},Title2:{weight:"bold",size:1.3},Body1:{},Overline:{size:.8,upperCase:!0},Caption:{size:.8},Link:{upperCase:!0,weight:"bold"}},colors:{primary:"#156e80",icon:"#156e80",destructive:"#e74c3c",shade:"#ededed",input:"#ddd",secondary:"#ff9f43",shadow:"#000",background:"#fff",text:"#000",textShade:"#999"},sizes:{corners:5,icons:24},margins:{small:8,medium:16,large:24},font:{family:"web"===Platform.a.OS?"Montserrat":void 0,baseSize:"web"===Platform.a.OS?12:10}},jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),provider_Provider=function Provider(_ref){var children=_ref.children;return Object(jsx_runtime.jsx)(styled_components_native_esm.a,{theme:light,children:children})};provider_Provider.displayName="Provider";try{provider_Provider.displayName="Provider",provider_Provider.__docgenInfo={description:"",displayName:"Provider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/theme/provider.tsx#Provider"]={docgenInfo:provider_Provider.__docgenInfo,name:"Provider",path:"src/theme/provider.tsx#Provider"})}catch(__react_docgen_typescript_loader_error){}},"./src/typography/index.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return types})),__webpack_require__.d(__webpack_exports__,"e",(function(){return Title2})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Body1})),__webpack_require__.d(__webpack_exports__,"d",(function(){return Overline})),__webpack_require__.d(__webpack_exports__,"b",(function(){return Caption})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Link}));__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.bold.js");var _templateObject,_templateObject2,styled_components_native__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/styled-components/native/dist/styled-components.native.esm.js");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var BaseText=styled_components_native__WEBPACK_IMPORTED_MODULE_2__.b.Text(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n  ","\n  color: ",";\n  font-weight: ",";\n  font-size: ","px;\n"])),(function(_ref){var theme=_ref.theme;return theme.font.family?"font-family: "+theme.font.family+";":""}),(function(_ref2){var color=_ref2.color,theme=_ref2.theme;return color?theme.colors[color]:theme.colors.text}),(function(_ref3){return _ref3.bold?"bold":"normal"}),(function(_ref4){return _ref4.theme.font.baseSize})),get=function get(name,theme){return theme.typography[name]},createTypography=function createTypography(name){return Object(styled_components_native__WEBPACK_IMPORTED_MODULE_2__.b)(BaseText)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n    font-size: ","px;\n    font-weight: ",";\n    ","\n  "])),(function(_ref5){var theme=_ref5.theme;return theme.font.baseSize*(get(name,theme).size||1)}),(function(_ref6){var bold=_ref6.bold,theme=_ref6.theme;return void 0!==bold?"bold":get(name,theme).weight||"normal"}),(function(_ref7){var theme=_ref7.theme;return get(name,theme).upperCase?"text-transform: uppercase;":""}))},Jumbo=createTypography("Jumbo"),Title2=createTypography("Title2"),Title1=createTypography("Title1"),Body1=createTypography("Body1"),Overline=createTypography("Overline"),Caption=createTypography("Caption"),Link=createTypography("Link"),types={Jumbo:Jumbo,Title2:Title2,Title1:Title1,Body1:Body1,Overline:Overline,Caption:Caption,Link:Link};try{Jumbo.displayName="Jumbo",Jumbo.__docgenInfo={description:"",displayName:"Jumbo",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Jumbo"]={docgenInfo:Jumbo.__docgenInfo,name:"Jumbo",path:"src/typography/index.tsx#Jumbo"})}catch(__react_docgen_typescript_loader_error){}try{Title2.displayName="Title2",Title2.__docgenInfo={description:"",displayName:"Title2",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Title2"]={docgenInfo:Title2.__docgenInfo,name:"Title2",path:"src/typography/index.tsx#Title2"})}catch(__react_docgen_typescript_loader_error){}try{Title1.displayName="Title1",Title1.__docgenInfo={description:"",displayName:"Title1",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Title1"]={docgenInfo:Title1.__docgenInfo,name:"Title1",path:"src/typography/index.tsx#Title1"})}catch(__react_docgen_typescript_loader_error){}try{Body1.displayName="Body1",Body1.__docgenInfo={description:"",displayName:"Body1",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Body1"]={docgenInfo:Body1.__docgenInfo,name:"Body1",path:"src/typography/index.tsx#Body1"})}catch(__react_docgen_typescript_loader_error){}try{Overline.displayName="Overline",Overline.__docgenInfo={description:"",displayName:"Overline",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Overline"]={docgenInfo:Overline.__docgenInfo,name:"Overline",path:"src/typography/index.tsx#Overline"})}catch(__react_docgen_typescript_loader_error){}try{Caption.displayName="Caption",Caption.__docgenInfo={description:"",displayName:"Caption",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Caption"]={docgenInfo:Caption.__docgenInfo,name:"Caption",path:"src/typography/index.tsx#Caption"})}catch(__react_docgen_typescript_loader_error){}try{Link.displayName="Link",Link.__docgenInfo={description:"",displayName:"Link",props:{onPress:{defaultValue:null,description:"This function is called on press.\nText intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).",name:"onPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},accessibilityHint:{defaultValue:null,description:"An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.",name:"accessibilityHint",required:!1,type:{name:"string"}},accessibilityRole:{defaultValue:null,description:"Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.",name:"accessibilityRole",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'},{value:'"image"'},{value:'"keyboardkey"'},{value:'"search"'},{value:'"text"'},{value:'"adjustable"'},{value:'"header"'},{value:'"imagebutton"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"summary"'},{value:'"switch"'},{value:'"none"'},{value:'"alert"'},{value:'"checkbox"'},{value:'"combobox"'},{value:'"menubar"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"scrollbar"'},{value:'"spinbutton"'},{value:'"tab"'},{value:'"tablist"'},{value:'"timer"'},{value:'"toolbar"'}]}},accessibilityLabel:{defaultValue:null,description:"Overrides the text that's read by the screen reader when the user interacts with the element. By default, the\nlabel is constructed by traversing all the children and accumulating all the Text nodes separated by space.",name:"accessibilityLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"@see https://reactnative.dev/docs/text#style",name:"style",required:!1,type:{name:"StyleProp<TextStyle>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<Text>"}},allowFontScaling:{defaultValue:null,description:"Specifies whether fonts should scale to respect Text Size accessibility settings.\nThe default is `true`.",name:"allowFontScaling",required:!1,type:{name:"boolean"}},ellipsizeMode:{defaultValue:null,description:'This can be one of the following values:\n\n- `head` - The line is displayed so that the end fits in the container and the missing text\nat the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"\n- `middle` - The line is displayed so that the beginning and end fit in the container and the\nmissing text in the middle is indicated by an ellipsis glyph. "ab...yz"\n- `tail` - The line is displayed so that the beginning fits in the container and the\nmissing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."\n- `clip` - Lines are not drawn past the edge of the text container.\n\nThe default is `tail`.\n\n`numberOfLines` must be set in conjunction with this prop.\n\n> `clip` is working only for iOS',name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},lineBreakMode:{defaultValue:null,description:"Line Break mode. Works only with numberOfLines.\nclip is working only for iOS",name:"lineBreakMode",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"middle"'},{value:'"tail"'},{value:'"clip"'}]}},numberOfLines:{defaultValue:null,description:"Used to truncate the text with an ellipsis after computing the text\nlayout, including line wrapping, such that the total number of lines\ndoes not exceed this number.\n\nThis prop is commonly used with `ellipsizeMode`.",name:"numberOfLines",required:!1,type:{name:"number"}},onLayout:{defaultValue:null,description:"Invoked on mount and layout changes with\n\n{nativeEvent: { layout: {x, y, width, height}}}.",name:"onLayout",required:!1,type:{name:"(event: LayoutChangeEvent) => void"}},onTextLayout:{defaultValue:null,description:"Invoked on Text layout",name:"onTextLayout",required:!1,type:{name:"(event: NativeSyntheticEvent<TextLayoutEventData>) => void"}},onPressIn:{defaultValue:null,description:"",name:"onPressIn",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onPressOut:{defaultValue:null,description:"",name:"onPressOut",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},onLongPress:{defaultValue:null,description:"This function is called on long press.\ne.g., `onLongPress={this.increaseSize}>``",name:"onLongPress",required:!1,type:{name:"(event: GestureResponderEvent) => void"}},testID:{defaultValue:null,description:"Used to locate this view in end-to-end tests.",name:"testID",required:!1,type:{name:"string"}},nativeID:{defaultValue:null,description:"Used to reference react managed views from native code.",name:"nativeID",required:!1,type:{name:"string"}},maxFontSizeMultiplier:{defaultValue:null,description:"Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\n- null/undefined (default): inherit from the parent node or the global default (0)\n- 0: no max, ignore parent/global default\n- >= 1: sets the maxFontSizeMultiplier of this node to this value",name:"maxFontSizeMultiplier",required:!1,type:{name:"number"}},adjustsFontSizeToFit:{defaultValue:null,description:"Specifies whether font should be scaled down automatically to fit given style constraints.",name:"adjustsFontSizeToFit",required:!1,type:{name:"boolean"}},minimumFontScale:{defaultValue:null,description:"Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",name:"minimumFontScale",required:!1,type:{name:"number"}},suppressHighlighting:{defaultValue:null,description:"When `true`, no visual change is made when text is pressed down. By\ndefault, a gray oval highlights the text on press down.",name:"suppressHighlighting",required:!1,type:{name:"boolean"}},selectable:{defaultValue:null,description:"Lets the user select text, to use the native copy and paste functionality.",name:"selectable",required:!1,type:{name:"boolean"}},selectionColor:{defaultValue:null,description:"The highlight color of the text.",name:"selectionColor",required:!1,type:{name:"ColorValue"}},textBreakStrategy:{defaultValue:null,description:"Set text break strategy on Android API Level 23+\ndefault is `highQuality`.",name:"textBreakStrategy",required:!1,type:{name:"enum",value:[{value:'"simple"'},{value:'"highQuality"'},{value:'"balanced"'}]}},dataDetectorType:{defaultValue:null,description:"Determines the types of data converted to clickable URLs in the text element.\nBy default no data types are detected.",name:"dataDetectorType",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"phoneNumber"'},{value:'"email"'},{value:'"none"'},{value:'"all"'}]}},android_hyphenationFrequency:{defaultValue:null,description:"Hyphenation strategy",name:"android_hyphenationFrequency",required:!1,type:{name:"enum",value:[{value:'"balanced"'},{value:'"none"'},{value:'"normal"'},{value:'"full"'},{value:'"high"'}]}},accessible:{defaultValue:null,description:"When true, indicates that the view is an accessibility element.\nBy default, all the touchable elements are accessible.",name:"accessible",required:!1,type:{name:"boolean"}},accessibilityActions:{defaultValue:null,description:"Provides an array of custom actions available for accessibility.",name:"accessibilityActions",required:!1,type:{name:"readonly Readonly<{ name: string; label?: string; }>[]"}},accessibilityState:{defaultValue:null,description:"Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.",name:"accessibilityState",required:!1,type:{name:"AccessibilityState"}},accessibilityValue:{defaultValue:null,description:"Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,\nit contains range information (minimum, current, and maximum).",name:"accessibilityValue",required:!1,type:{name:"AccessibilityValue"}},onAccessibilityAction:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs an accessibility custom action.",name:"onAccessibilityAction",required:!1,type:{name:"(event: AccessibilityActionEvent) => void"}},accessibilityLiveRegion:{defaultValue:null,description:"Indicates to accessibility services whether the user should be notified when this view changes.\nWorks for Android API >= 19 only.\nSee http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.\n@platform android",name:"accessibilityLiveRegion",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"polite"'},{value:'"assertive"'}]}},importantForAccessibility:{defaultValue:null,description:"Controls how view is important for accessibility which is if it fires accessibility events\nand if it is reported to accessibility services that query the screen.\nWorks for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.\n\nPossible values:\n     'auto' - The system determines whether the view is important for accessibility - default (recommended).\n     'yes' - The view is important for accessibility.\n     'no' - The view is not important for accessibility.\n     'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.",name:"importantForAccessibility",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"yes"'},{value:'"no"'},{value:'"no-hide-descendants"'}]}},accessibilityElementsHidden:{defaultValue:null,description:"A Boolean value indicating whether the accessibility elements contained within this accessibility element\nare hidden to the screen reader.\n@platform ios",name:"accessibilityElementsHidden",required:!1,type:{name:"boolean"}},accessibilityViewIsModal:{defaultValue:null,description:"A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.\n@platform ios",name:"accessibilityViewIsModal",required:!1,type:{name:"boolean"}},onAccessibilityEscape:{defaultValue:null,description:"When accessibile is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).\n@platform ios",name:"onAccessibilityEscape",required:!1,type:{name:"() => void"}},onAccessibilityTap:{defaultValue:null,description:"When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.\n@platform ios",name:"onAccessibilityTap",required:!1,type:{name:"() => void"}},onMagicTap:{defaultValue:null,description:"When accessible is true, the system will invoke this function when the user performs the magic tap gesture.\n@platform ios",name:"onMagicTap",required:!1,type:{name:"() => void"}},accessibilityIgnoresInvertColors:{defaultValue:null,description:"https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios\n@platform ios",name:"accessibilityIgnoresInvertColors",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'},{value:'"destructive"'},{value:'"text"'},{value:'"input"'},{value:'"background"'},{value:'"shadow"'},{value:'"shade"'},{value:'"textShade"'}]}},bold:{defaultValue:null,description:"",name:"bold",required:!1,type:{name:"boolean"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/typography/index.tsx#Link"]={docgenInfo:Link.__docgenInfo,name:"Link",path:"src/typography/index.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("../../node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("../../node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("../../node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.tsx-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);