From 25adfb70ecc2957cd32916fcf228170c3abf1b77 Mon Sep 17 00:00:00 2001 From: atanasster Date: Mon, 20 Apr 2020 20:03:55 -0400 Subject: [PATCH] feat: store to use loader for storyfn --- .gitignore | 1 + README.md | 32 ++-- core/loader/README.md | 14 -- core/loader/src/runtimeLoader.ts | 47 +++++- core/specification/README.md | 1 - core/store/src/index.ts | 7 +- core/store/src/serialization/deepMerge.ts | 6 + core/store/src/serialization/load-store.ts | 33 +--- docs/iframe.html | 2 +- docs/index.html | 2 +- docs/main.0c8fe433eea1605672a2.bundle.js | 2 - docs/main.ac547c9cae810c93df3f.bundle.js | 3 - ...untime~main.0c8fe433eea1605672a2.bundle.js | 2 - ...endors~main.0471631db9c996a5be2d.bundle.js | 155 ------------------ ...endors~main.0c8fe433eea1605672a2.bundle.js | 3 - ...0c8fe433eea1605672a2.bundle.js.LICENSE.txt | 145 ---------------- integrations/storybook/README.md | 31 ++-- .../src/components/ManagerContainer.tsx | 5 +- .../src/preview-loader.ts | 4 +- .../PageContainer/PageContainer.stories.tsx | 29 ++-- ui/blocks/src/test/MockContext.tsx | 7 +- ui/blocks/src/test/storyStore.tsx | 4 +- 22 files changed, 126 insertions(+), 409 deletions(-) create mode 100644 core/store/src/serialization/deepMerge.ts delete mode 100644 docs/main.0c8fe433eea1605672a2.bundle.js delete mode 100644 docs/main.ac547c9cae810c93df3f.bundle.js delete mode 100644 docs/runtime~main.0c8fe433eea1605672a2.bundle.js delete mode 100644 docs/vendors~main.0471631db9c996a5be2d.bundle.js delete mode 100644 docs/vendors~main.0c8fe433eea1605672a2.bundle.js delete mode 100644 docs/vendors~main.0c8fe433eea1605672a2.bundle.js.LICENSE.txt diff --git a/.gitignore b/.gitignore index 9f9d59b9a..925f8c853 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,7 @@ node_modules/ .eslintcache dist +docs .cache .rpt2_cache *.log \ No newline at end of file diff --git a/README.md b/README.md index f25afeb24..352de768a 100644 --- a/README.md +++ b/README.md @@ -25,26 +25,24 @@ # Motivation -This library is created by the technical co-founder of [AutomatedQA](http://automatedqa.com)/[SmartBear](https://smartbear.com), creator of [AQtime](https://smartbear.com/product/aqtime-pro/overview/), [TestComplete](https://smartbear.com/product/testcomplete/overview/), with 20+ years experience creating software development lifecyle products. It is to be expected the library will have a heavy testing/QA bias. - - Create a components development environment with testing as a first-class feature. - Decouple the user interface from loading of the 'stories' = modular design. -- Do not modify the source files at instrumentation time as much as possible to avoid random build/run-time errors. Exception only where absolutely necessary, ie instrumenting coverage or performance profiling probes. +- Do not modify the source files (both story and component files) at instrumentation-time as much as possible to avoid random build/run-time errors. Exception only where absolutely necessary, ie instrumenting coverage or performance profiling probes. - Built-in [AST](https://en.wikipedia.org/wiki/Abstract_syntax_tree) instrumentation module. -- Ability to integrate with various user-interface shells - [storybook](https://storybook.js.org), [gatsby](https://www.gatsbyjs.org), [nextjs](https://nextjs.org). +- Ability to integrate with various build engines - [storybookjs](https://storybook.js.org), [gatsby](https://www.gatsbyjs.org), [nextjs](https://nextjs.org). - Create and support open declarative story formats. # Inspiration -There are many developments that have contribiuted to the creation of `component-controls`, and here we will list but a few of them: +There are many developments that have contributed to the creation of `component-controls`, a few of them are: -- [storybook](https://storybook.js.org) is the original system that helps teams to design, develop and test components. The strong support for testing and the creation of an open [Component Story Format](https://github.com/storybookjs/csf) were an inspiration, as well as the [Storybook Addon Knobs](https://github.com/storybookjs/storybook/tree/next/addons/knobs) for providing configurable component properties. +- [storybook](https://storybook.js.org) is the original component development system that helps teams to design, develop and test components. The strong support for testing and the creation of an open [Component Story Format](https://github.com/storybookjs/csf) were an inspiration, as well as the [Storybook Addon Knobs](https://github.com/storybookjs/storybook/tree/next/addons/knobs) for providing configurable component properties. -- [docz](https://www.docz.site) has a beautiful architecture and introduced open [gatsby](https://www.gatsbyjs.org) builds. This monorepo was heavily influenced by the `docz` project structure. +- [docz](https://www.docz.site) has a beautiful architecture and introduced non-proprietary [gatsby](https://www.gatsbyjs.org) build engine. This monorepo was also heavily influenced by the `docz` project repository structure. - [abstract syntax tree (AST)](https://en.wikipedia.org/wiki/Abstract_syntax_tree) advancements have been greatly responsible for making possible the parsing and analysis features of this library. -- [blocks-ui](https://blocks-ui.com) is taking `AST` to a new level by generating and reverse-sing AST to create [react](https://reactjs.org) applications and has been an inspiraton for pushing the enveloppe on our own `AST` work. +- [blocks-ui](https://blocks-ui.com) is taking `AST` to a new level by generating and reversing AST to create [react](https://reactjs.org) applications and has been an inspiraton for pushing the enveloppe on our own `AST` work. - [theme-ui](https://theme-ui.com) is the driving force for standardizing `react` theming and design systems. `theme-ui` is used by our project as the theming and components founding block. @@ -79,17 +77,19 @@ The Storybook]() integration of component-controls. ### Motivation -- Storybook is the most used system for developing components with a focus on design systems -- The Storybook [CSF](https://storybook.js.org/docs/formats/component-story-format/) format introduced in v5.2 was a leap forward and allows for open interoperability. Component-controls builds on the CSF and vastly extends it, for more information take a look at the `@component-controls/specification` package. -- The Storybook [docs addon](https://github.com/storybookjs/storybook/tree/next/addons/docs) added the ability to view documentation from CSF and MDX formats. -- We wanted to allow component-controls to function both as a full replacement to the addon docs, as well as alongside the addon docs. -- Componnet-controls uses it's own instrumenters and loaders for both CSF and MDX formats and usually provides more meta information to the componnets () +- Allow adding component-controls in storybook DocsPage. +- Allow adding storybook docs blocks in component-controls documentation pages. +- Allow standalone component-controls documentation pages. +- Allow an unlimited number of documentation pages. +- Fully replace and extend the Storybook addon-docs block components. +- Fully replace Storybook's modx-compiler and source-loader. +- Provide and extensible framework of components, blocks and pages. ### Limitations -- Initial version handles only react apps. This will be improvedin further versions. -- Only handles the CSF and MDX stories format. The storeisOf API is not supported and there are currenlt no plans to support it. -- The Storybook MDX format is a bit of a letdown as it uses a proprietary format that we will replace in due time with a portable [frontmatter](https://www.gatsbyjs.org/docs/mdx/markdown-syntax/#frontmatter--mdx-example) stories format, similar to the CSF format. +- Initial version is only for `react` apps. More frameworks are on the roadmap. +- Only handles the CSF and MDX stories format. The storeisOf API is not supported and there are currently no plans to support it. +- The Storybook MDX is a proprietary format that will be replaced in due time with a portable [frontmatter](https://www.gatsbyjs.org/docs/mdx/markdown-syntax/#frontmatter--mdx-example) stories format, similar to the CSF format. diff --git a/core/loader/README.md b/core/loader/README.md index e475a8a81..65aeaeb55 100644 --- a/core/loader/README.md +++ b/core/loader/README.md @@ -3,8 +3,6 @@ - [Overview](#overview) - [Installation](#installation) - [API](#api) - - [injectedStories](#injectedstories) - - [getInjectedStore](#getinjectedstore) # Overview @@ -24,16 +22,4 @@ $ npm install @component-controls/loader --save-dev -## injectedStories - -_defined in [@component-controls/loader/src/story-store-data.ts](https://github.com/ccontrols/component-controls/tree/master/core/loader/src/story-store-data.ts#L1)_ - - - -## getInjectedStore - -_defined in [@component-controls/loader/src/story-store-data.ts](https://github.com/ccontrols/component-controls/tree/master/core/loader/src/story-store-data.ts#L3)_ - -**function** getInjectedStore(): string | undefined; - diff --git a/core/loader/src/runtimeLoader.ts b/core/loader/src/runtimeLoader.ts index 8b35bb125..3907f5bbe 100644 --- a/core/loader/src/runtimeLoader.ts +++ b/core/loader/src/runtimeLoader.ts @@ -1,6 +1,51 @@ import { store } from './store'; module.exports = function() { - const newContent = `export default ${JSON.stringify(store)};`; + let imports = 'const imports = {};'; + store.stores.forEach((store, storeIdx) => { + imports = `${imports} ${Object.keys(store.kinds).map( + (key, kindIdx) => + `imports['i_${storeIdx}_${kindIdx}'] = require('${store.kinds[key].fileName}');\n`, + )}`; + }); + const storeConst = `const store = ${JSON.stringify(store)};\n`; + let loadStories = ` + for (let i = 0; i < store.stores.length; i+= 1) { + const s = store.stores[i]; + const kinds = Object.keys(s.kinds); + for (let j=0; j < kinds.length; j += 1) { + const exports = imports[\`i_\${i}_\${j}\`]; + const kind = s.kinds[kinds[j]]; + + try { + Object.keys(exports).forEach(key => { + const exported = exports[key]; + if (key === 'default') { + const { storySource, ...rest } = exported; + Object.assign(kind, rest); + } else { + const story = s.stories[key]; + if (story) { + story.renderFn = exported; + if (exported.story) { + Object.assign(story, exported.story); + } + } + } + }); + } catch (e) { + console.error(\`unable to load module \${kind.moduleId}\`, e); + } + } + } + +`; + const exports = `export default store;\n`; + const newContent = ` +${imports} +${storeConst} +${loadStories} +${exports} +`; return newContent; }; diff --git a/core/specification/README.md b/core/specification/README.md index 5a4d1d42f..8222cc799 100644 --- a/core/specification/README.md +++ b/core/specification/README.md @@ -152,7 +152,6 @@ _defined in [@component-controls/specification/src/stories.ts](https://github.co | Name | Type | Description | | ------------- | ----------------------------------- | ---------------------------------- | | `components*` | [StoryComponents](#storycomponents) | list of components used in stories | -| `hash` | string | unique hash for a store | | `kinds*` | [StoryKinds](#storykinds) | list of story files, or groups | | `stories*` | [StoryStories](#storystories) | list of stories | diff --git a/core/store/src/index.ts b/core/store/src/index.ts index a4d40d37c..ad637e12c 100644 --- a/core/store/src/index.ts +++ b/core/store/src/index.ts @@ -41,7 +41,9 @@ export class Store implements StoryStore { this.moduleId = Math.random(); this.loadedStore = store; this.updateLocalStorage = updateLocalStorage; - this.channel = new BroadcastChannel(UPDATE_STORY_MSG); + this.channel = new BroadcastChannel(UPDATE_STORY_MSG, { + type: 'localstorage', + }); this.observers = []; this.channel.onmessage = ({ storyId, moduleId }: MessageType) => { if (storyId && moduleId) { @@ -145,9 +147,6 @@ export class Store implements StoryStore { */ export const store = new Store(); -/** - * @ignore - */ const stores = loadStoryStore(); if (stores) { store.setStore(stores); diff --git a/core/store/src/serialization/deepMerge.ts b/core/store/src/serialization/deepMerge.ts new file mode 100644 index 000000000..561b0d1a7 --- /dev/null +++ b/core/store/src/serialization/deepMerge.ts @@ -0,0 +1,6 @@ +const merge = require('deepmerge'); + +const concatMerge = (dest: any[], src: any[]) => [...dest, ...src]; + +export const deepMerge = (a: any, b: any) => + merge(a, b, { arrayMerge: concatMerge }); diff --git a/core/store/src/serialization/load-store.ts b/core/store/src/serialization/load-store.ts index bdd7322c6..1487bbd05 100644 --- a/core/store/src/serialization/load-store.ts +++ b/core/store/src/serialization/load-store.ts @@ -1,10 +1,10 @@ /* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @typescript-eslint/camelcase */ import { StoriesStore, Story } from '@component-controls/specification'; -const deepMerge = require('deepmerge'); import { toId, storyNameFromExport } from '@storybook/csf'; import store from '@component-controls/loader/story-store-data'; import { addSmartControls } from './smart-controls'; +import { deepMerge } from './deepMerge'; let storyStore: StoriesStore | undefined = undefined; @@ -14,9 +14,7 @@ export const loadStoryStore = (): StoriesStore | undefined => { } if (store) { try { - const { - stores, - }: { stores: StoriesStore[] } = store; + const { stores }: { stores: StoriesStore[] } = store; if (stores) { const globalStore: StoriesStore = { @@ -28,33 +26,6 @@ export const loadStoryStore = (): StoriesStore | undefined => { if (Object.keys(store.kinds).length > 0) { Object.keys(store.kinds).forEach(kindName => { const kind = store.kinds[kindName]; - if (kind.moduleId && __webpack_require__) { - try { - // './src/stories/smart-prop-type.stories.js' - const exports = __webpack_require__(kind.moduleId); - Object.keys(exports).forEach(key => { - const exported = exports[key]; - if (exported) { - if (key === 'default') { - const { storySource, ...rest } = exported; - Object.assign(kind, rest); - } else { - const story = store.stories[key]; - if (story) { - story.renderFn = exported; - if (exported.story) { - Object.assign(story, exported.story); - } - } - } - } - }); - } catch (e) { - console.error(`unable to load module ${kind.moduleId}`, e); - } - // clean-up - delete kind.moduleId; - } globalStore.kinds[kindName] = kind; Object.keys(store.stories).forEach(storyName => { const story: Story = store.stories[storyName]; diff --git a/docs/iframe.html b/docs/iframe.html index 7497aa163..6cf1751e7 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -71,4 +71,4 @@ }

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


\ No newline at end of file
+      }
No Preview
Sorry, but you either have no stories or none are selected somehow.
  • Please check the Storybook config.
  • Try reloading the page.
If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 6f8d85b17..572da4bfa 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,4 +16,4 @@
   }

\ No newline at end of file
+      }

\ No newline at end of file
diff --git a/docs/main.0c8fe433eea1605672a2.bundle.js b/docs/main.0c8fe433eea1605672a2.bundle.js
deleted file mode 100644
index ca8c67611..000000000
--- a/docs/main.0c8fe433eea1605672a2.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ControlTypes})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getComponentName}));__webpack_require__(14);var ControlTypes,getComponentName=function(component){return component?"string"==typeof component?component:component.name||component.displayName:void 0};!function(ControlTypes){ControlTypes.TEXT="text",ControlTypes.NUMBER="number",ControlTypes.BOOLEAN="boolean",ControlTypes.OPTIONS="options",ControlTypes.DATE="date",ControlTypes.COLOR="color",ControlTypes.BUTTON="button",ControlTypes.OBJECT="object",ControlTypes.ARRAY="array",ControlTypes.FILES="files"}(ControlTypes||(ControlTypes={}))},10:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MockContext}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(67),_storyStore__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(167),MockContext=function MockContext(_ref){var children=_ref.children,_ref$storyId=_ref.storyId,storyId=void 0===_ref$storyId?"id-of-story":_ref$storyId;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_1__.a,{storyId:storyId,mockStore:_storyStore__WEBPACK_IMPORTED_MODULE_2__.a},children)}},101:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ActionBar}));var polished__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(28),theme_ui__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),theme_ui__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(3),_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(283),ActionColors=function ActionColors(_ref){var _theme$colors,_theme$colors2,_theme$colors3,_theme$colors4,theme=_ref.theme,disabled=_ref.disabled;return{backgroundColor:Object(polished__WEBPACK_IMPORTED_MODULE_0__.transparentize)(.15,null===(_theme$colors=theme.colors)||void 0===_theme$colors?void 0:_theme$colors.highlight),color:disabled?"#ddd":"background",cursor:disabled?"not-allowed":void 0,px:2,py:1,lineHeight:1,borderRadius:1,display:"inline-block",boxShadow:"".concat(Object(polished__WEBPACK_IMPORTED_MODULE_0__.transparentize)(.9,null===(_theme$colors2=theme.colors)||void 0===_theme$colors2?void 0:_theme$colors2.text)," 0 1px 3px 1px, ").concat(Object(polished__WEBPACK_IMPORTED_MODULE_0__.transparentize)(.35,null===(_theme$colors3=theme.colors)||void 0===_theme$colors3?void 0:_theme$colors3.text)," 0 0 0 1px"),border:"1px solid ".concat(null===(_theme$colors4=theme.colors)||void 0===_theme$colors4?void 0:_theme$colors4.highlight)}},ActionBar=function ActionBar(_ref2){var _ref2$actions=_ref2.actions,actions=void 0===_ref2$actions?[]:_ref2$actions,theme=Object(theme_ui__WEBPACK_IMPORTED_MODULE_1__.e)().theme,sortedItems=Object(_utils__WEBPACK_IMPORTED_MODULE_3__.a)(actions),items=sortedItems.map((function(_ref3,index){var title=_ref3.title,onClick=_ref3.onClick,disabled=_ref3.disabled,ariaLabel=_ref3["aria-label"],group=_ref3.group,nextGroup=index1?(groupProps.expanded=Object(defineProperty.a)({},"prop.parentName:".concat(parents.values().next().value),!0),groupProps.groupBy=["prop.parentName"]):groupProps.hiddenColumns=["prop.parentName"];var columns=Object(react.useMemo)((function(){return[{Header:"Parent",accessor:"prop.parentName"},{Header:"Name",accessor:"name",Cell:function Cell(_ref4){var original=_ref4.row.original;if(!original)return null;var name=original.name,required=original.prop.type.required;return Object(index_esm.c)(dist_index_esm.j,{sx:{fontWeight:"bold",color:required?"red":void 0,textOverflow:"ellipsis"}},name,required?"*":"")}},{Header:"Description",accessor:"prop.description",width:"60%",Cell:function Cell(_ref5){var original=_ref5.row.original;if(!original)return null;var _original$prop=original.prop,description=_original$prop.description,_original$prop$type=_original$prop.type,raw=_original$prop$type.raw,name=_original$prop$type.name;return Object(index_esm.c)(dist_index_esm.e,{sx:{flexDirection:"column"}},description&&Object(index_esm.c)(components_dist_index_esm.Markdown,null,description),(null!=raw?raw:name)&&Object(index_esm.c)(mdx_dist_index_esm.b.pre,{sx:{color:"fadedText",letterSpacing:"0.10em",whiteSpace:"pre-wrap",margin:0}},null!=raw?raw:name))}},{Header:"Default",accessor:"prop.defaultValue",width:"40%",Cell:function Cell(_ref6){var original=_ref6.row.original;if(!original)return null;var defaultValue=original.prop.defaultValue,value=null;switch(typeof defaultValue){case"object":value=JSON.stringify(defaultValue,null,2);break;case"undefined":value="-";break;default:value=defaultValue.toString()}return Object(index_esm.c)(mdx_dist_index_esm.b.pre,{sx:{whiteSpace:"pre-wrap"}},value)}}].concat(Object(toConsumableArray.a)(extraColumns),[,])}),[extraColumns]),controls=(story||{}).controls;return controls&&Object.keys(controls).some((function(key){return rows.some((function(_ref8){return _ref8.name===key}))}))&&columns.push({Header:"Controls",width:"30%",Cell:function Cell(_ref9){var original=_ref9.row.original;if(controls){var control=controls[original.name];if(control&&story){var InputType=Object(editors_dist_index_esm.a)(control.type)||notifications_InvalidType.a;return Object(index_esm.c)(dist_index_esm.e,{sx:{flexDirection:"column",alignItems:"left",flexBasis:"100%",minWidth:200}},Object(index_esm.c)(InputType,{prop:control,name:original.name,onChange:function onChange(propName,value){setControlValue&&story.id&&setControlValue(story.id,propName,value)},onClick:function onClick(){clickControl&&story.id&&clickControl(story.id,name)}}))}}return null}}),Object(index_esm.c)(components_dist_index_esm.Table,Object.assign({},groupProps,rest,{columns:columns,data:rows}))}))};try{PropsTable_PropsTable.__docgenInfo={description:"",displayName:"PropsTable",methods:[],props:{extraColumns:{defaultValue:{value:"[]"},description:"extra custom columns passed to the PropsTable.",name:"extraColumns",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/PropsTable/PropsTable.tsx",name:"PropsTableOwnProps"},required:!1,type:{name:"Column<{}>[]"}},onSelect:{defaultValue:null,description:"callback to be called when the tab changes\nif the function returns false, it can stop chabging to the new tab",name:"onSelect",required:!1,type:{name:"((name: string, component: StoryComponent) => boolean | void) & ((event: SyntheticEvent) => void)"}},of:{defaultValue:null,description:'Specify the component(s), for which to have information displayed.\nThe default, a value of `"."` will indicate to display information for the current component (associated with the current Story).\nIf an array of components is specified, each component will be displayed in a separate tab.',name:"of",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/components/ComponentsContext.tsx",name:"ComponentInputProps"},required:!1,type:{name:"any"}},title:{defaultValue:null,description:"optional section title for the block.",name:"title",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},id:{defaultValue:null,description:"optional id to be used for the block\nif no id is provided, one will be calculated automatically\r\nfrom the title.",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},collapsible:{defaultValue:null,description:"if false, will nothave a collapsible frame.",name:"collapsible",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"boolean"}},sxStyle:{defaultValue:null,description:"theme-ui styling object for Block Box",name:"sxStyle",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"SystemStyleObject"}},header:{defaultValue:null,description:"show or hide the header element.",name:"header",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"boolean"}},sorting:{defaultValue:null,description:"enable.disable sorting.",name:"sorting",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"boolean"}},filtering:{defaultValue:null,description:"enable/disable filtering.",name:"filtering",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"boolean"}},itemsLabel:{defaultValue:null,description:"string label for 'items' - used in the filter placeholder and grouping header.",name:"itemsLabel",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"string"}},groupBy:{defaultValue:null,description:"field to be grouped by.",name:"groupBy",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"string[]"}},hiddenColumns:{defaultValue:null,description:"list of columns to hide.",name:"hiddenColumns",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"string[]"}},expanded:{defaultValue:null,description:"object listing the initially expanded rows.",name:"expanded",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"{ [key: string]: boolean; }"}},skipPageReset:{defaultValue:null,description:"reset state update while update table data",name:"skipPageReset",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Table/Table.d.ts",name:"TableOwnProps"},required:!1,type:{name:"boolean"}},p:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"p",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},slot:{defaultValue:null,description:"",name:"slot",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"CSSProperties"}},ref:{defaultValue:null,description:"",name:"ref",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"ClassAttributes"},required:!1,type:{name:"LegacyRef"}},key:{defaultValue:null,description:"",name:"key",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"Attributes"},required:!1,type:{name:"TLengthStyledSystem"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string | number | string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'boolean | "inherit" | "true" | "false"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},about:{defaultValue:null,description:"",name:"about",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},color:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",name:"color",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "both" | "inline" | "list"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "mixed" | "true" | "false"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"link" | "none" | "copy" | "move" | "execute" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "mixed" | "true" | "false"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"text" | "all" | "additions" | "additions text" | "removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCut:{defaultValue:null,description:"",name:"onCut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPaste:{defaultValue:null,description:"",name:"onPaste",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlur:{defaultValue:null,description:"",name:"onBlur",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onChange:{defaultValue:null,description:"",name:"onChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInput:{defaultValue:null,description:"",name:"onInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onReset:{defaultValue:null,description:"",name:"onReset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onLoad:{defaultValue:null,description:"",name:"onLoad",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onError:{defaultValue:null,description:"",name:"onError",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onAbort:{defaultValue:null,description:"",name:"onAbort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEnded:{defaultValue:null,description:"",name:"onEnded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPause:{defaultValue:null,description:"",name:"onPause",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlay:{defaultValue:null,description:"",name:"onPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgress:{defaultValue:null,description:"",name:"onProgress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalled:{defaultValue:null,description:"",name:"onStalled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDrag:{defaultValue:null,description:"",name:"onDrag",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDrop:{defaultValue:null,description:"",name:"onDrop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onScroll:{defaultValue:null,description:"",name:"onScroll",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onWheel:{defaultValue:null,description:"",name:"onWheel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},css:{defaultValue:null,description:"",name:"css",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@emotion/core/types/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"InterpolationWithTheme"}},sx:{defaultValue:null,description:"The sx prop lets you style elements inline, using values from your\ntheme. To use the sx prop, add the custom pragma as a comment to the\ntop of your module and import the jsx function.\n\n```ts\n// @jsx jsx\n\nimport { jsx } from 'theme-ui'\n```",name:"sx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui/index.d.ts",name:"SxProps"},required:!1,type:{name:"SystemStyleObject"}},as:{defaultValue:null,description:"",name:"as",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"ElementType"}},variant:{defaultValue:null,description:"",name:"variant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"string"}},m:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"m",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},margin:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"margin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mt:{defaultValue:null,description:"Margin on top",name:"mt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginTop:{defaultValue:null,description:"Margin on top",name:"marginTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mr:{defaultValue:null,description:"Margin on right",name:"mr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginRight:{defaultValue:null,description:"Margin on right",name:"marginRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mb:{defaultValue:null,description:"Margin on bottom",name:"mb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginBottom:{defaultValue:null,description:"Margin on bottom",name:"marginBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},ml:{defaultValue:null,description:"Margin on left",name:"ml",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginLeft:{defaultValue:null,description:"Margin on left",name:"marginLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mx:{defaultValue:null,description:"Margin on left and right",name:"mx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginX:{defaultValue:null,description:"Margin on left and right",name:"marginX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},my:{defaultValue:null,description:"Margin on top and bottom",name:"my",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginY:{defaultValue:null,description:"Margin on top and bottom",name:"marginY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},padding:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"padding",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pt:{defaultValue:null,description:"Padding on top",name:"pt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingTop:{defaultValue:null,description:"Padding on top",name:"paddingTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pr:{defaultValue:null,description:"Padding on right",name:"pr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingRight:{defaultValue:null,description:"Padding on right",name:"paddingRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pb:{defaultValue:null,description:"Padding on bottom",name:"pb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingBottom:{defaultValue:null,description:"Padding on bottom",name:"paddingBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pl:{defaultValue:null,description:"Padding on left",name:"pl",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingLeft:{defaultValue:null,description:"Padding on left",name:"paddingLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},px:{defaultValue:null,description:"Padding on left and right",name:"px",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingX:{defaultValue:null,description:"Padding on left and right",name:"paddingX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},py:{defaultValue:null,description:"Padding on top and bottom",name:"py",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingY:{defaultValue:null,description:"Padding on top and bottom",name:"paddingY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},bg:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)",name:"bg",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},opacity:{defaultValue:null,description:"The opacity CSS property sets the transparency of an element or the degree to which content\nbehind an element is visible.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)",name:"opacity",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"OpacityProps"},required:!1,type:{name:"ResponsiveValue>>"}}}}}catch(e){}},113:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StoryBlockContainer_StoryBlockContainer}));var objectWithoutProperties=__webpack_require__(21),react=__webpack_require__(0),react_default=__webpack_require__.n(react),index_esm=__webpack_require__(4),src_context=__webpack_require__(67),utils=__webpack_require__(77),StoryBlockContainer_StoryBlockContainer=function StoryBlockContainer(_ref){var id=_ref.id,name=_ref.name,collapsible=_ref.collapsible,userTitle=_ref.title,sxStyle=_ref.sxStyle,children=_ref.children,rest=Object(objectWithoutProperties.a)(_ref,["id","name","collapsible","title","sxStyle","children"]),context=Object(src_context.f)({id:id,name:name}),story=context.story,title=Object(utils.b)({story:story,title:userTitle}),block=children&&children(context,rest);return block?react_default.a.createElement(index_esm.BlockContainer,{title:title,collapsible:collapsible,id:userTitle==utils.a&&story?story.id:void 0,sxStyle:sxStyle},block):null};try{StoryBlockContainer_StoryBlockContainer.__docgenInfo={description:"",displayName:"StoryBlockContainer",methods:[],props:{id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},title:{defaultValue:null,description:"optional section title for the block.",name:"title",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},collapsible:{defaultValue:null,description:"if false, will nothave a collapsible frame.",name:"collapsible",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"boolean"}},sxStyle:{defaultValue:null,description:"theme-ui styling object for Block Box",name:"sxStyle",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"SystemStyleObject"}}}}}catch(e){}try{StoryBlockContainer.__docgenInfo={description:"",displayName:"StoryBlockContainer",methods:[],props:{id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},title:{defaultValue:null,description:"optional section title for the block.",name:"title",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},collapsible:{defaultValue:null,description:"if false, will nothave a collapsible frame.",name:"collapsible",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"boolean"}},sxStyle:{defaultValue:null,description:"theme-ui styling object for Block Box",name:"sxStyle",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"SystemStyleObject"}}}}}catch(e){}},116:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return StorySource_StorySource}));var objectSpread2=__webpack_require__(16),slicedToArray=__webpack_require__(5),objectWithoutProperties=__webpack_require__(21),index_esm=__webpack_require__(2),react=__webpack_require__(0),dist_index_esm=__webpack_require__(45),mdx_dist_index_esm=__webpack_require__(151),polished_es=__webpack_require__(28),components_dist_index_esm=__webpack_require__(4),repositoryActions=__webpack_require__(180),BlockContainer_story=__webpack_require__(113),toConsumableArray=__webpack_require__(50),arg_values_getArgumentsLocations=function getArgumentsLocations(args){return args?args.reduce((function(acc,a,index){if(Array.isArray(a.value))return[].concat(Object(toConsumableArray.a)(acc),Object(toConsumableArray.a)(getArgumentsLocations(a.value)));var locs=[];if(a.loc&&locs.push(Object(objectSpread2.a)({type:"loc"},a.loc)),a.usage){var usageLocs=a.usage.map((function(u){return Object(objectSpread2.a)({type:"usage"},u.loc)}));locs.push.apply(locs,Object(toConsumableArray.a)(usageLocs))}return[].concat(Object(toConsumableArray.a)(acc),[{name:a.value,index:index,locs:locs}])}),[]):void 0};try{arg_values_getArgumentsLocations.__docgenInfo={description:"",displayName:"getArgumentsLocations",methods:[],props:{length:{defaultValue:null,description:"Gets or sets the length of the array. This is a number one higher than the highest element defined in an array.",name:"length",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"number"}},toString:{defaultValue:{},description:"Returns a string representation of an array.",name:"toString",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:{},description:"Returns a string representation of an array. The elements are converted to string using their toLocalString methods.",name:"toLocaleString",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:"Removes the last element from an array and returns it.",name:"pop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"() => StoryArgument"}},push:{defaultValue:null,description:"Appends new elements to an array, and returns the new length of the array.\n@param items New elements of the Array.",name:"push",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(...items: StoryArgument[]) => number"}},concat:{defaultValue:null,description:"Combines two or more arrays.\nCombines two or more arrays.\n@param items Additional items to add to the end of array1.\n@param items Additional items to add to the end of array1.",name:"concat",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"{ (...items: ConcatArray[]): StoryArgument[]; (...items: (StoryArgument | ConcatArray)[]): StoryArgument[]; }"}},join:{defaultValue:null,description:"Adds all the elements of an array separated by the specified separator string.\n@param separator A string used to separate one element of an array from the next in the resulting String. If omitted, the array elements are separated with a comma.",name:"join",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(separator?: string) => string"}},reverse:{defaultValue:null,description:"Reverses the elements in an Array.",name:"reverse",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"() => StoryArgument[]"}},shift:{defaultValue:null,description:"Removes the first element from an array and returns it.",name:"shift",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"() => StoryArgument"}},slice:{defaultValue:null,description:"Returns a section of an array.\n@param start The beginning of the specified portion of the array.\n@param end The end of the specified portion of the array. This is exclusive of the element at the index 'end'.",name:"slice",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(start?: number, end?: number) => StoryArgument[]"}},sort:{defaultValue:null,description:"Sorts an array.\n@param compareFn Function used to determine the order of the elements. It is expected to return\ra negative value if first argument is less than second argument, zero if they're equal and a positive\rvalue otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\r```ts\r[11,2,22,1].sort((a, b) => a - b)\r```",name:"sort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(compareFn?: (a: StoryArgument, b: StoryArgument) => number) => StoryArguments"}},splice:{defaultValue:null,description:"Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\nRemoves elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param start The zero-based location in the array from which to start removing elements.\n@param deleteCount The number of elements to remove.\n@param items Elements to insert into the array in place of the deleted elements.",name:"splice",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"{ (start: number, deleteCount?: number): StoryArgument[]; (start: number, deleteCount: number, ...items: StoryArgument[]): StoryArgument[]; }"}},unshift:{defaultValue:null,description:"Inserts new elements at the start of an array.\n@param items Elements to insert at the start of the Array.",name:"unshift",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(...items: StoryArgument[]) => number"}},indexOf:{defaultValue:null,description:"Returns the index of the first occurrence of a value in an array.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.",name:"indexOf",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(searchElement: StoryArgument, fromIndex?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the index of the last occurrence of a specified value in an array.\n@param searchElement The value to locate in the array.\n@param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at the last index in the array.",name:"lastIndexOf",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(searchElement: StoryArgument, fromIndex?: number) => number"}},every:{defaultValue:null,description:"Determines whether all the members of an array satisfy the specified test.\n@param callbackfn A function that accepts up to three arguments. The every method calls\rthe callbackfn function for each element in the array until the callbackfn returns a value\rwhich is coercible to the Boolean value false, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function.\rIf thisArg is omitted, undefined is used as the this value.",name:"every",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => unknown, thisArg?: any) => boolean"}},some:{defaultValue:null,description:"Determines whether the specified callback function returns true for any element of an array.\n@param callbackfn A function that accepts up to three arguments. The some method calls\rthe callbackfn function for each element in the array until the callbackfn returns a value\rwhich is coercible to the Boolean value true, or until the end of the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function.\rIf thisArg is omitted, undefined is used as the this value.",name:"some",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => unknown, thisArg?: any) => boolean"}},forEach:{defaultValue:null,description:"Performs the specified action for each element in an array.\n@param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"forEach",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => void, thisArg?: any) => void"}},map:{defaultValue:null,description:"Calls a defined callback function on each element of an array, and returns an array that contains the results.\n@param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"map",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"(callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => U, thisArg?: any) => U[]"}},filter:{defaultValue:null,description:"Returns the elements of an array that meet the condition specified in a callback function.\nReturns the elements of an array that meet the condition specified in a callback function.\n@param callbackfn A function that accepts up to three arguments. The filter method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.\n@param callbackfn A function that accepts up to three arguments. The filter method calls the callbackfn function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.",name:"filter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"{ (callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => value is S, thisArg?: any): S[]; (callbackfn: (value: StoryArgument, index: number, array: StoryArgument[]) => unknown, thisArg?: any): StoryArgument[]; }"}},reduce:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\nCalls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduce",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"{ (callbackfn: (previousValue: StoryArgument, currentValue: StoryArgument, currentIndex: number, array: StoryArgument[]) => StoryArgument): StoryArgument; (callbackfn: (previousValue: StoryArgument, currentValue: StoryArgument, currentIndex: number, array: StoryArgument[]) => StoryArgument, initialValue: StoryArgume..."}},reduceRight:{defaultValue:null,description:"Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\nCalls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n@param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n@param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.",name:"reduceRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es5.d.ts",name:"Array"},required:!0,type:{name:"{ (callbackfn: (previousValue: StoryArgument, currentValue: StoryArgument, currentIndex: number, array: StoryArgument[]) => StoryArgument): StoryArgument; (callbackfn: (previousValue: StoryArgument, currentValue: StoryArgument, currentIndex: number, array: StoryArgument[]) => StoryArgument, initialValue: StoryArgume..."}},find:{defaultValue:null,description:"Returns the value of the first element in the array where predicate is true, and undefined\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\rorder, until it finds one where predicate returns true. If such an element is found, find\rimmediately returns that element value. Otherwise, find returns undefined.\n@param thisArg If provided, it will be used as the this value for each invocation of\rpredicate. If it is not provided, undefined is used instead.",name:"find",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.core.d.ts",name:"Array"},required:!0,type:{name:"{ (predicate: (this: void, value: StoryArgument, index: number, obj: StoryArgument[]) => value is S, thisArg?: any): S; (predicate: (value: StoryArgument, index: number, obj: StoryArgument[]) => unknown, thisArg?: any): StoryArgument; }"}},findIndex:{defaultValue:null,description:"Returns the index of the first element in the array where predicate is true, and -1\notherwise.\n@param predicate find calls predicate once for each element of the array, in ascending\rorder, until it finds one where predicate returns true. If such an element is found,\rfindIndex immediately returns that element index. Otherwise, findIndex returns -1.\n@param thisArg If provided, it will be used as the this value for each invocation of\rpredicate. If it is not provided, undefined is used instead.",name:"findIndex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.core.d.ts",name:"Array"},required:!0,type:{name:"(predicate: (value: StoryArgument, index: number, obj: StoryArgument[]) => unknown, thisArg?: any) => number"}},fill:{defaultValue:null,description:"Returns the this object after filling the section identified by start and end with value\n@param value value to fill array section with\n@param start index to start filling the array at. If start is negative, it is treated as\rlength+start where length is the length of the array.\n@param end index to stop filling the array at. If end is negative, it is treated as\rlength+end.",name:"fill",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.core.d.ts",name:"Array"},required:!0,type:{name:"(value: StoryArgument, start?: number, end?: number) => StoryArguments"}},copyWithin:{defaultValue:null,description:"Returns the this object after copying a section of the array identified by start and end\nto the same array starting at position target\n@param target If target is negative, it is treated as length+target where length is the\rlength of the array.\n@param start If start is negative, it is treated as length+start. If end is negative, it\ris treated as length+end.\n@param end If not specified, length of the this object is used as its default value.",name:"copyWithin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.core.d.ts",name:"Array"},required:!0,type:{name:"(target: number, start: number, end?: number) => StoryArguments"}},"__@iterator":{defaultValue:null,description:"Iterator",name:"__@iterator",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.iterable.d.ts",name:"Array"},required:!0,type:{name:"() => IterableIterator"}},entries:{defaultValue:null,description:"Returns an iterable of key, value pairs for every entry in the array",name:"entries",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.iterable.d.ts",name:"Array"},required:!0,type:{name:"() => IterableIterator<[number, StoryArgument]>"}},keys:{defaultValue:null,description:"Returns an iterable of keys in the array",name:"keys",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.iterable.d.ts",name:"Array"},required:!0,type:{name:"() => IterableIterator"}},values:{defaultValue:null,description:"Returns an iterable of values in the array",name:"values",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.iterable.d.ts",name:"Array"},required:!0,type:{name:"() => IterableIterator"}},"__@unscopables":{defaultValue:null,description:"Returns an object whose properties have the value 'true'\nwhen they will be absent when used in a 'with' statement.",name:"__@unscopables",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts",name:"Array"},required:!0,type:{name:"() => { copyWithin: boolean; entries: boolean; fill: boolean; find: boolean; findIndex: boolean; keys: boolean; values: boolean; }"}},includes:{defaultValue:null,description:"Determines whether an array includes a certain element, returning true or false as appropriate.\n@param searchElement The element to search for.\n@param fromIndex The position in this array at which to begin searching for searchElement.",name:"includes",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2016.array.include.d.ts",name:"Array"},required:!0,type:{name:"(searchElement: StoryArgument, fromIndex?: number) => boolean"}},flatMap:{defaultValue:null,description:"Calls a defined callback function on each element of an array. Then, flattens the result into\na new array.\r\nThis is identical to a map followed by flat with depth 1.\n@param callback A function that accepts up to three arguments. The flatMap method calls the\rcallback function one time for each element in the array.\n@param thisArg An object to which the this keyword can refer in the callback function. If\rthisArg is omitted, undefined is used as the this value.",name:"flatMap",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2019.array.d.ts",name:"Array"},required:!0,type:{name:"(callback: (this: This, value: StoryArgument, index: number, array: StoryArgument[]) => U | readonly U[], thisArg?: This) => U[]"}},flat:{defaultValue:null,description:"Returns a new array with all sub-array elements concatenated into it recursively up to the\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth.\nReturns a new array with all sub-array elements concatenated into it recursively up to the\r\nspecified depth. If no depth is provided, flat method defaults to the depth of 1.\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth\n@param depth The maximum recursion depth",name:"flat",parent:{fileName:"/Users/atanasster/component-controls/node_modules/typescript/lib/lib.es2019.array.d.ts",name:"Array"},required:!0,type:{name:"{ (this: U[][][][][][][][], depth: 7): U[]; (this: U[][][][][][][], depth: 6): U[]; (this: U[][][][][][], depth: 5): U[]; (this: U[][][][][], depth: 4): U[]; (this: U[][][][], depth: 3): U[]; (this: U[][][], depth: 2): U[]; (this: U[][], depth?: 1): U[]; (this: U[], depth: 0): U[]; (depth?..."}}}}}catch(e){}var ViewStyleNext={values:"tags",tags:"values"},StorySource_StorySource=function StorySource(_ref){var _ref$viewStype=_ref.viewStype,viewStype=void 0===_ref$viewStype?"tags":_ref$viewStype,props=Object(objectWithoutProperties.a)(_ref,["viewStype"]),_useState=Object(react.useState)(viewStype),_useState2=Object(slicedToArray.a)(_useState,2),viewStyle=_useState2[0],setViewStyle=_useState2[1],_useState3=Object(react.useState)(!1),_useState4=Object(slicedToArray.a)(_useState3,2),showFileSource=_useState4[0],setShowFileSource=_useState4[1];return Object(index_esm.c)(BlockContainer_story.a,props,(function(context,_ref2){var actions=_ref2.actions,rest=Object(objectWithoutProperties.a)(_ref2,["actions"]),story=context.story,kind=context.kind,controls=(story||{}).controls,dark=Object(react.useContext)(components_dist_index_esm.ThemeContext).dark,allActions=[],repositoryItems=kind&&Object(repositoryActions.a)(null==kind?void 0:kind.repository);repositoryItems&&allActions.push.apply(allActions,repositoryItems),(null==kind?void 0:kind.source)&&allActions.push({title:showFileSource?"story code":"file code",onClick:function onShowFileSource(){return setShowFileSource(!showFileSource)}});var source,args=null==story?void 0:story.arguments,tags=arg_values_getArgumentsLocations(args);return args&&args.length&&!showFileSource&&allActions.push({title:ViewStyleNext[viewStyle],onClick:function onMergeValues(){return setViewStyle(ViewStyleNext[viewStyle])}}),actions&&allActions.push.apply(allActions,actions),source=showFileSource?(null==kind?void 0:kind.source)||"":(null==story?void 0:story.source)||"",Object(index_esm.c)(components_dist_index_esm.Source,Object.assign({actions:allActions,dark:dark},rest,{renderFn:function renderFn(_ref4,_ref5){var className=_ref4.className,style=_ref4.style,tokens=_ref4.tokens,getLineProps=_ref4.getLineProps,getTokenProps=_ref4.getTokenProps,theme=_ref5.theme;return Object(index_esm.c)(mdx_dist_index_esm.b.pre,{className:"".concat(className),style:Object(objectSpread2.a)({},style,{padding:"0 10px 10px",margin:0})},tokens.map((function(line,i){return Object(index_esm.c)("div",getLineProps({line:line,key:i}),(column=0,line.map((function(token,key){var tokenTrim=token.content.trim(),param=tags?function findTagLocation(tags,token,line,column){if(tags){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _step,_iterator=tags[Symbol.iterator]();!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){var tag=_step.value;if(tag.name===token){var loc=tag.locs.find((function(loc){return loc.start.line===line&&loc.start.column>=column&&loc.start.column<=column+token.length}));if(loc)return{name:tag.name,index:tag.index,type:loc.type}}}}catch(err){_didIteratorError=!0,_iteratorError=err}finally{try{_iteratorNormalCompletion||null==_iterator.return||_iterator.return()}finally{if(_didIteratorError)throw _iteratorError}}}}(tags,tokenTrim,i,column):null;if(column+=token.content.length,param){var color=function getTagColor(tag,theme){var colorIdx=tag.index%(theme.styles.length-1);return theme.styles[colorIdx].style.color||theme.plain.color||"#fff"}(param,theme);return getTokenProps({token:token,key:key}).children.split(/(\s+)/).map((function(s){return s.trim().length?Object(index_esm.c)("span",Object.assign({},getTokenProps({token:token,key:key}),{sx:{display:"inline-block",backgroundColor:Object(polished_es.transparentize)(.8,color),paddingLeft:1,paddingRight:1,border:"1px solid ".concat(color)}}),controls&&"values"===viewStyle&&"usage"===param.type&&Object(dist_index_esm.getControlValue)(controls,s)||s):s}))}return Object(index_esm.c)("span",Object.assign({},getTokenProps({token:token,key:key}),{sx:{display:"inline-block"}}))}))));var column})))}}),source)}))};try{StorySource_StorySource.__docgenInfo={description:"Display source code of a story.\nIf controls are used, all story arguments will be highlighted.\nAdditional commands are made available if the repository data of the story is available.",displayName:"StorySource",methods:[],props:{viewStype:{defaultValue:{value:"tags"},description:"initial view mode",name:"viewStype",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/StorySource/StorySource.tsx",name:"StorySourceOwnProps"},required:!1,type:{name:"ViewStyle"}},children:{defaultValue:null,description:"source code to be displayed.",name:"children",required:!1,type:{name:"(((context: StoryContextProps, props: any) => any) & string) | (((context: StoryContextProps, props: any) => any) & string & ReactElement ReactElement<...>) | (new (props: any) => Component<...>)>) | (((context: StoryContextProps, props: any) => any) & ... 1 more ... & ReactNodeArray) ..."}},id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},title:{defaultValue:null,description:"optional section title for the block.",name:"title",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},collapsible:{defaultValue:null,description:"if false, will nothave a collapsible frame.",name:"collapsible",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"boolean"}},sxStyle:{defaultValue:null,description:"theme-ui styling object for Block Box",name:"sxStyle",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"SystemStyleObject"}},actions:{defaultValue:null,description:"optional actions provided to the component",name:"actions",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/ActionContainer/ActionContainer.d.ts",name:"ActionContainerProps"},required:!1,type:{name:"ActionItem[]"}},paddingTop:{defaultValue:null,description:"padding at the top, to account for the absolute position of the ActionBar",name:"paddingTop",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/ActionContainer/ActionContainer.d.ts",name:"ActionContainerProps"},required:!1,type:{name:"string | number"}},plain:{defaultValue:null,description:"if plain, skip the border and spacing around the children",name:"plain",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/ActionContainer/ActionContainer.d.ts",name:"ActionContainerProps"},required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"optional `PrismTheme` theme provided to the component. Themes can be imported from `prism-react-renderer/themes`.",name:"theme",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"PrismTheme"}},language:{defaultValue:null,description:'source lnguage used, by default "jsx".',name:"language",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"Language"}},renderFn:{defaultValue:null,description:"custom function to render the source code.",name:"renderFn",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"(props: RenderProps, other: { theme: PrismTheme; }) => ReactNode"}},dark:{defaultValue:null,description:'used to specify a "dark" color theme - applcable only if no custom theme prop is provided.\nif dark: true, duotoneDark theme is used.\r\nif dark: false, duotoneLight theme is used.',name:"dark",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"css styles for the container.",name:"style",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"any"}},as:{defaultValue:null,description:"syntax container as element. Can be used as `div` or `span`.",name:"as",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/SyntaxHighlighter/SyntaxHighlighter.d.ts",name:"SyntaxHighlighterProps"},required:!1,type:{name:"any"}}}}}catch(e){}},131:function(module,__webpack_exports__,__webpack_require__){"use strict";var _ExternalLink__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(227);__webpack_require__.d(__webpack_exports__,"a",(function(){return _ExternalLink__WEBPACK_IMPORTED_MODULE_0__.a}));try{ExternalLink.__docgenInfo={description:'Anchor link to an external url,\nadds the default `target="_blank" rel="noopener noreferrer"` props',displayName:"ExternalLink",methods:[],props:{download:{defaultValue:null,description:"specifies that the target will be downloaded when a user clicks on the hyperlink.",name:"download",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"any"}},href:{defaultValue:null,description:"specifies the URL of the page the link goes to.",name:"href",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"string"}},hrefLang:{defaultValue:null,description:"specifies the language of the linked document.",name:"hrefLang",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"string"}},media:{defaultValue:null,description:"specifies what media/device the linked document is optimized for.",name:"media",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"string"}},ping:{defaultValue:null,description:"specifies a list of URLs to be notified if the user follows the hyperlink.",name:"ping",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"string"}},type:{defaultValue:null,description:"specifies the media type of the linked document.",name:"type",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:"string"}},referrerPolicy:{defaultValue:null,description:"specifies which referrer to send.",name:"referrerPolicy",parent:{fileName:"/Users/atanasster/component-controls/ui/components/src/ExternalLink/ExternalLink.tsx",name:"ExternalLinkOwnProps"},required:!1,type:{name:'"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "unsafe-url"'}},as:{defaultValue:null,description:"",name:"as",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"ElementType"}},variant:{defaultValue:null,description:"",name:"variant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"string"}},sx:{defaultValue:null,description:"The sx prop lets you style elements inline, using values from your\ntheme. To use the sx prop, add the custom pragma as a comment to the\ntop of your module and import the jsx function.\n\n```ts\n// @jsx jsx\n\nimport { jsx } from 'theme-ui'\n```",name:"sx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"SystemStyleObject"}},css:{defaultValue:null,description:"",name:"css",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"InterpolationWithTheme"}},m:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"m",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},margin:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"margin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mt:{defaultValue:null,description:"Margin on top",name:"mt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginTop:{defaultValue:null,description:"Margin on top",name:"marginTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mr:{defaultValue:null,description:"Margin on right",name:"mr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginRight:{defaultValue:null,description:"Margin on right",name:"marginRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mb:{defaultValue:null,description:"Margin on bottom",name:"mb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginBottom:{defaultValue:null,description:"Margin on bottom",name:"marginBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},ml:{defaultValue:null,description:"Margin on left",name:"ml",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginLeft:{defaultValue:null,description:"Margin on left",name:"marginLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mx:{defaultValue:null,description:"Margin on left and right",name:"mx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginX:{defaultValue:null,description:"Margin on left and right",name:"marginX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},my:{defaultValue:null,description:"Margin on top and bottom",name:"my",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginY:{defaultValue:null,description:"Margin on top and bottom",name:"marginY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},p:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"p",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},padding:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"padding",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pt:{defaultValue:null,description:"Padding on top",name:"pt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingTop:{defaultValue:null,description:"Padding on top",name:"paddingTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pr:{defaultValue:null,description:"Padding on right",name:"pr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingRight:{defaultValue:null,description:"Padding on right",name:"paddingRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pb:{defaultValue:null,description:"Padding on bottom",name:"pb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingBottom:{defaultValue:null,description:"Padding on bottom",name:"paddingBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pl:{defaultValue:null,description:"Padding on left",name:"pl",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingLeft:{defaultValue:null,description:"Padding on left",name:"paddingLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},px:{defaultValue:null,description:"Padding on left and right",name:"px",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingX:{defaultValue:null,description:"Padding on left and right",name:"paddingX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},py:{defaultValue:null,description:"Padding on top and bottom",name:"py",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingY:{defaultValue:null,description:"Padding on top and bottom",name:"paddingY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},color:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",name:"color",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"TextColorProps"},required:!1,type:{name:"string | ((string | number | symbol)[] & string) | ({ [x: string]: string | number | symbol; [x: number]: string | number | symbol; } & string)"}},bg:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)",name:"bg",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},opacity:{defaultValue:null,description:"The opacity CSS property sets the transparency of an element or the degree to which content\nbehind an element is visible.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)",name:"opacity",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"OpacityProps"},required:!1,type:{name:"ResponsiveValue>>"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string | number | string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'boolean | "inherit" | "true" | "false"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},about:{defaultValue:null,description:"",name:"about",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "both" | "inline" | "list"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "mixed" | "true" | "false"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "copy" | "move" | "link" | "execute" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "grid" | "listbox" | "menu" | "dialog" | "true" | "false" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "mixed" | "true" | "false"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"all" | "text" | "additions" | "additions text" | "removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onCut:{defaultValue:null,description:"",name:"onCut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onPaste:{defaultValue:null,description:"",name:"onPaste",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: ClipboardEvent<"a">) => void'}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: CompositionEvent<"a">) => void'}},onFocus:{defaultValue:null,description:"",name:"onFocus",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FocusEvent<"a">) => void'}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FocusEvent<"a">) => void'}},onBlur:{defaultValue:null,description:"",name:"onBlur",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FocusEvent<"a">) => void'}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FocusEvent<"a">) => void'}},onChange:{defaultValue:null,description:"",name:"onChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onInput:{defaultValue:null,description:"",name:"onInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onReset:{defaultValue:null,description:"",name:"onReset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: FormEvent<"a">) => void'}},onLoad:{defaultValue:null,description:"",name:"onLoad",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onError:{defaultValue:null,description:"",name:"onError",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: KeyboardEvent<"a">) => void'}},onAbort:{defaultValue:null,description:"",name:"onAbort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEnded:{defaultValue:null,description:"",name:"onEnded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPause:{defaultValue:null,description:"",name:"onPause",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPlay:{defaultValue:null,description:"",name:"onPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onProgress:{defaultValue:null,description:"",name:"onProgress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onStalled:{defaultValue:null,description:"",name:"onStalled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onClick:{defaultValue:null,description:"",name:"onClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onDrag:{defaultValue:null,description:"",name:"onDrag",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDrop:{defaultValue:null,description:"",name:"onDrop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: DragEvent<"a">) => void'}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: MouseEvent<"a", MouseEvent>) => void'}},onSelect:{defaultValue:null,description:"",name:"onSelect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: SyntheticEvent<"a", Event>) => void'}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TouchEvent<"a">) => void'}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: PointerEvent<"a">) => void'}},onScroll:{defaultValue:null,description:"",name:"onScroll",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: UIEvent<"a", UIEvent>) => void'}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: UIEvent<"a", UIEvent>) => void'}},onWheel:{defaultValue:null,description:"",name:"onWheel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: WheelEvent<"a">) => void'}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: WheelEvent<"a">) => void'}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: AnimationEvent<"a">) => void'}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TransitionEvent<"a">) => void'}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:'(event: TransitionEvent<"a">) => void'}}}}}catch(e){}},1368:function(module,exports,__webpack_require__){__webpack_require__(63);__webpack_require__(0);var ReactDOM=__webpack_require__(112),pageConfig_0=__webpack_require__(1369),BroadcastChannel=__webpack_require__(402).BroadcastChannel,pageConfigs=[];pageConfigs.push(pageConfig_0.default||pageConfig_0),pageConfigs.forEach((function(p){return ATTACH_DOCS_PAGE="attach_docs_page_".concat((pageConfig=p).title),void(new BroadcastChannel(ATTACH_DOCS_PAGE).onmessage=function(_ref){var id=_ref.id,active=_ref.active,storyId=_ref.storyId,node=document.getElementById(id);node||((node=document.createElement("div")).setAttribute("id",id),document.body.appendChild(node)),active?(node.removeAttribute("hidden"),ReactDOM.render(pageConfig.render({active:active,storyId:storyId}),document.getElementById(id))):(node.setAttribute("hidden","true"),ReactDOM.unmountComponentAtNode(node))});var pageConfig,ATTACH_DOCS_PAGE}))},1369:function(module,exports,__webpack_require__){"use strict";function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}__webpack_require__(8),__webpack_require__(20),__webpack_require__(33),__webpack_require__(26),__webpack_require__(19),__webpack_require__(30),__webpack_require__(32);var React__default=function _interopDefault(ex){return ex&&"object"===_typeof(ex)&&"default"in ex?ex.default:ex}(__webpack_require__(0));__webpack_require__(44),__webpack_require__(280),__webpack_require__(158);var ControlsPage=__webpack_require__(2532),fullPage={key:"page",title:"Page",render:function render(_ref){var active=_ref.active,storyId=_ref.storyId;return React__default.createElement(ControlsPage.DocsContainer,{active:active,storyId:storyId},React__default.createElement(ControlsPage.ControlsPage,null))}};module.exports=fullPage},1373:function(module,exports){},148:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Story}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),theme_ui__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(2),theme_ui__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(3),_component_controls_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(45),_BlockContainer_story__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(113),RenderStory=function RenderStory(_ref){var renderFn=_ref.renderFn,values=_ref.values,context=_ref.context;return Object(react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div",null,renderFn(values,{context:context}))},Story=function Story(props){return Object(theme_ui__WEBPACK_IMPORTED_MODULE_1__.c)(_BlockContainer_story__WEBPACK_IMPORTED_MODULE_4__.a,props,(function(context,rest){var story=context.story;if(null==story?void 0:story.renderFn)try{var values=story.controls?Object(_component_controls_core__WEBPACK_IMPORTED_MODULE_3__.getControlValues)(story.controls):{};return Object(theme_ui__WEBPACK_IMPORTED_MODULE_1__.c)(theme_ui__WEBPACK_IMPORTED_MODULE_2__.a,Object.assign({id:story.id,sx:{px:3}},rest),Object(theme_ui__WEBPACK_IMPORTED_MODULE_1__.c)(RenderStory,{renderFn:story.renderFn,values:values,context:context}))}catch(e){console.error(e)}return null}))};try{Story.__docgenInfo={description:"",displayName:"Story",methods:[],props:{id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},title:{defaultValue:null,description:"optional section title for the block.",name:"title",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"string"}},collapsible:{defaultValue:null,description:"if false, will nothave a collapsible frame.",name:"collapsible",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"boolean"}},sxStyle:{defaultValue:null,description:"theme-ui styling object for Block Box",name:"sxStyle",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/BlockContainer/BlockContainer.d.ts",name:"BlockContainerProps"},required:!1,type:{name:"SystemStyleObject"}}}}}catch(e){}},150:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Title_Title}));var objectWithoutProperties=__webpack_require__(21),react=__webpack_require__(0),react_default=__webpack_require__.n(react),index_esm=__webpack_require__(4),context=__webpack_require__(67),utils=__webpack_require__(77),Title_Title=function Title(_ref){var id=_ref.id,name=_ref.name,children=_ref.children,rest=Object(objectWithoutProperties.a)(_ref,["id","name","children"]),_useStoryContext=Object(context.f)({id:id,name:name}),component=_useStoryContext.component,kind=_useStoryContext.kind,title="string"==typeof children?children:Object(utils.c)(kind,component);return title?react_default.a.createElement(index_esm.Title,rest,title):null};try{Title_Title.__docgenInfo={description:"displays a title as assigned to the story document",displayName:"Title",methods:[],props:{id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},children:{defaultValue:null,description:"text to be displayed in the component.",name:"children",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Title/Title.d.ts",name:"TitleOwnProps"},required:!1,type:{name:"string | (string & {}) | (string & ReactElement ReactElement Component)>) | (new (props: any) => Component<...>)>) | (string & ReactNodeArray) | (string & ReactPortal)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLHeadingElement) => void) | RefObject"}},p:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"p",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},slot:{defaultValue:null,description:"",name:"slot",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"CSSProperties"}},title:{defaultValue:null,description:"",name:"title",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"Attributes"},required:!1,type:{name:"ReactText"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string | number | string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},about:{defaultValue:null,description:"",name:"about",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},color:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",name:"color",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "inline" | "list" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCut:{defaultValue:null,description:"",name:"onCut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPaste:{defaultValue:null,description:"",name:"onPaste",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlur:{defaultValue:null,description:"",name:"onBlur",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onChange:{defaultValue:null,description:"",name:"onChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInput:{defaultValue:null,description:"",name:"onInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onReset:{defaultValue:null,description:"",name:"onReset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onLoad:{defaultValue:null,description:"",name:"onLoad",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onError:{defaultValue:null,description:"",name:"onError",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onAbort:{defaultValue:null,description:"",name:"onAbort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEnded:{defaultValue:null,description:"",name:"onEnded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPause:{defaultValue:null,description:"",name:"onPause",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlay:{defaultValue:null,description:"",name:"onPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgress:{defaultValue:null,description:"",name:"onProgress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalled:{defaultValue:null,description:"",name:"onStalled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDrag:{defaultValue:null,description:"",name:"onDrag",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDrop:{defaultValue:null,description:"",name:"onDrop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onSelect:{defaultValue:null,description:"",name:"onSelect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onScroll:{defaultValue:null,description:"",name:"onScroll",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onWheel:{defaultValue:null,description:"",name:"onWheel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},css:{defaultValue:null,description:"",name:"css",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@emotion/core/types/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"InterpolationWithTheme"}},sx:{defaultValue:null,description:"The sx prop lets you style elements inline, using values from your\ntheme. To use the sx prop, add the custom pragma as a comment to the\ntop of your module and import the jsx function.\n\n```ts\n// @jsx jsx\n\nimport { jsx } from 'theme-ui'\n```",name:"sx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui/index.d.ts",name:"SxProps"},required:!1,type:{name:"SystemStyleObject"}},as:{defaultValue:null,description:"",name:"as",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"ElementType"}},variant:{defaultValue:null,description:"",name:"variant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"string"}},m:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"m",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},margin:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"margin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mt:{defaultValue:null,description:"Margin on top",name:"mt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginTop:{defaultValue:null,description:"Margin on top",name:"marginTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mr:{defaultValue:null,description:"Margin on right",name:"mr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginRight:{defaultValue:null,description:"Margin on right",name:"marginRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mb:{defaultValue:null,description:"Margin on bottom",name:"mb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginBottom:{defaultValue:null,description:"Margin on bottom",name:"marginBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},ml:{defaultValue:null,description:"Margin on left",name:"ml",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginLeft:{defaultValue:null,description:"Margin on left",name:"marginLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mx:{defaultValue:null,description:"Margin on left and right",name:"mx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginX:{defaultValue:null,description:"Margin on left and right",name:"marginX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},my:{defaultValue:null,description:"Margin on top and bottom",name:"my",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginY:{defaultValue:null,description:"Margin on top and bottom",name:"marginY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},padding:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"padding",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pt:{defaultValue:null,description:"Padding on top",name:"pt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingTop:{defaultValue:null,description:"Padding on top",name:"paddingTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pr:{defaultValue:null,description:"Padding on right",name:"pr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingRight:{defaultValue:null,description:"Padding on right",name:"paddingRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pb:{defaultValue:null,description:"Padding on bottom",name:"pb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingBottom:{defaultValue:null,description:"Padding on bottom",name:"paddingBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pl:{defaultValue:null,description:"Padding on left",name:"pl",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingLeft:{defaultValue:null,description:"Padding on left",name:"paddingLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},px:{defaultValue:null,description:"Padding on left and right",name:"px",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingX:{defaultValue:null,description:"Padding on left and right",name:"paddingX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},py:{defaultValue:null,description:"Padding on top and bottom",name:"py",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingY:{defaultValue:null,description:"Padding on top and bottom",name:"paddingY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},bg:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)",name:"bg",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},opacity:{defaultValue:null,description:"The opacity CSS property sets the transparency of an element or the degree to which content\nbehind an element is visible.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)",name:"opacity",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"OpacityProps"},required:!1,type:{name:"ResponsiveValue>>"}}}}}catch(e){}try{Title.__docgenInfo={description:"displays a title as assigned to the story document",displayName:"Title",methods:[],props:{id:{defaultValue:null,description:"id of the story",name:"id",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},name:{defaultValue:null,description:"alternatively you can use the name of a story to load from an external file",name:"name",parent:{fileName:"/Users/atanasster/component-controls/ui/blocks/src/context/story/StoryContext.tsx",name:"StoryInputProps"},required:!1,type:{name:"string"}},children:{defaultValue:null,description:"text to be displayed in the component.",name:"children",parent:{fileName:"/Users/atanasster/component-controls/ui/components/dist/Title/Title.d.ts",name:"TitleOwnProps"},required:!1,type:{name:"string | (string & {}) | (string & ReactElement ReactElement Component)>) | (new (props: any) => Component<...>)>) | (string & ReactNodeArray) | (string & ReactPortal)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLHeadingElement) => void) | RefObject"}},p:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"p",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},slot:{defaultValue:null,description:"",name:"slot",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"CSSProperties"}},title:{defaultValue:null,description:"",name:"title",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},key:{defaultValue:null,description:"",name:"key",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"Attributes"},required:!1,type:{name:"ReactText"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string | number | string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"Booleanish"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},about:{defaultValue:null,description:"",name:"about",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},color:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",name:"color",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"HTMLAttributes"},required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "inline" | "list" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"AriaAttributes"},required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCut:{defaultValue:null,description:"",name:"onCut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPaste:{defaultValue:null,description:"",name:"onPaste",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: ClipboardEvent) => void"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: CompositionEvent) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlur:{defaultValue:null,description:"",name:"onBlur",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FocusEvent) => void"}},onChange:{defaultValue:null,description:"",name:"onChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInput:{defaultValue:null,description:"",name:"onInput",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onReset:{defaultValue:null,description:"",name:"onReset",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: FormEvent) => void"}},onLoad:{defaultValue:null,description:"",name:"onLoad",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onError:{defaultValue:null,description:"",name:"onError",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: KeyboardEvent) => void"}},onAbort:{defaultValue:null,description:"",name:"onAbort",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEnded:{defaultValue:null,description:"",name:"onEnded",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPause:{defaultValue:null,description:"",name:"onPause",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlay:{defaultValue:null,description:"",name:"onPlay",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgress:{defaultValue:null,description:"",name:"onProgress",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalled:{defaultValue:null,description:"",name:"onStalled",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onDrag:{defaultValue:null,description:"",name:"onDrag",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDrop:{defaultValue:null,description:"",name:"onDrop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: DragEvent) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: MouseEvent) => void"}},onSelect:{defaultValue:null,description:"",name:"onSelect",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: SyntheticEvent) => void"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TouchEvent) => void"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: PointerEvent) => void"}},onScroll:{defaultValue:null,description:"",name:"onScroll",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: UIEvent) => void"}},onWheel:{defaultValue:null,description:"",name:"onWheel",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: WheelEvent) => void"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: AnimationEvent) => void"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/react/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"(event: TransitionEvent) => void"}},css:{defaultValue:null,description:"",name:"css",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@emotion/core/types/index.d.ts",name:"DOMAttributes"},required:!1,type:{name:"InterpolationWithTheme"}},sx:{defaultValue:null,description:"The sx prop lets you style elements inline, using values from your\ntheme. To use the sx prop, add the custom pragma as a comment to the\ntop of your module and import the jsx function.\n\n```ts\n// @jsx jsx\n\nimport { jsx } from 'theme-ui'\n```",name:"sx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui/index.d.ts",name:"SxProps"},required:!1,type:{name:"SystemStyleObject"}},as:{defaultValue:null,description:"",name:"as",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"ElementType"}},variant:{defaultValue:null,description:"",name:"variant",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/theme-ui__components/index.d.ts",name:"BoxOwnProps"},required:!1,type:{name:"string"}},m:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"m",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},margin:{defaultValue:null,description:"Margin on top, left, bottom and right",name:"margin",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mt:{defaultValue:null,description:"Margin on top",name:"mt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginTop:{defaultValue:null,description:"Margin on top",name:"marginTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mr:{defaultValue:null,description:"Margin on right",name:"mr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginRight:{defaultValue:null,description:"Margin on right",name:"marginRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mb:{defaultValue:null,description:"Margin on bottom",name:"mb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginBottom:{defaultValue:null,description:"Margin on bottom",name:"marginBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},ml:{defaultValue:null,description:"Margin on left",name:"ml",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginLeft:{defaultValue:null,description:"Margin on left",name:"marginLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},mx:{defaultValue:null,description:"Margin on left and right",name:"mx",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginX:{defaultValue:null,description:"Margin on left and right",name:"marginX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},my:{defaultValue:null,description:"Margin on top and bottom",name:"my",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},marginY:{defaultValue:null,description:"Margin on top and bottom",name:"marginY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},padding:{defaultValue:null,description:"Padding on top, left, bottom and right",name:"padding",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pt:{defaultValue:null,description:"Padding on top",name:"pt",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingTop:{defaultValue:null,description:"Padding on top",name:"paddingTop",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pr:{defaultValue:null,description:"Padding on right",name:"pr",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingRight:{defaultValue:null,description:"Padding on right",name:"paddingRight",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pb:{defaultValue:null,description:"Padding on bottom",name:"pb",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingBottom:{defaultValue:null,description:"Padding on bottom",name:"paddingBottom",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},pl:{defaultValue:null,description:"Padding on left",name:"pl",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingLeft:{defaultValue:null,description:"Padding on left",name:"paddingLeft",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},px:{defaultValue:null,description:"Padding on left and right",name:"px",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingX:{defaultValue:null,description:"Padding on left and right",name:"paddingX",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},py:{defaultValue:null,description:"Padding on top and bottom",name:"py",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},paddingY:{defaultValue:null,description:"Padding on top and bottom",name:"paddingY",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"SpaceProps"},required:!1,type:{name:"ResponsiveValue>>"}},bg:{defaultValue:null,description:"The color utility parses a component's `color` and `bg` props and converts them into CSS declarations.\nBy default the raw value of the prop is returned.\n\nColor palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation.\nArray values are converted into responsive values.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)",name:"bg",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},backgroundColor:{defaultValue:null,description:"",name:"backgroundColor",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"BackgroundColorProps"},required:!1,type:{name:"ResponsiveValue>>"}},opacity:{defaultValue:null,description:"The opacity CSS property sets the transparency of an element or the degree to which content\nbehind an element is visible.\n\n[MDN reference](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)",name:"opacity",parent:{fileName:"/Users/atanasster/component-controls/node_modules/@types/styled-system/index.d.ts",name:"OpacityProps"},required:!1,type:{name:"ResponsiveValue>>"}}}}}catch(e){}},158:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getContext",(function(){return getContext})),__webpack_require__.d(__webpack_exports__,"useStoryId",(function(){return useStoryId}));__webpack_require__(8),__webpack_require__(20),__webpack_require__(33),__webpack_require__(59),__webpack_require__(34),__webpack_require__(26),__webpack_require__(36),__webpack_require__(39),__webpack_require__(14),__webpack_require__(9),__webpack_require__(19),__webpack_require__(40),__webpack_require__(30),__webpack_require__(32);var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(0),_storybook_addons__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(143),_storybook_addons__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(_storybook_addons__WEBPACK_IMPORTED_MODULE_15__),_storybook_core_events__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(410),_storybook_client_api__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(95);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_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(n);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=Array(len);i0&&void 0!==arguments[0]?arguments[0]:storyId,story=store&&store.stories&&id?store.stories[id]:void 0,kind=store&&story&&story.kind?store.kinds[story.kind]:void 0,storyComponent=story&&kind?story.component||kind.component:void 0,componentName=Object(dist_index_esm.b)(storyComponent),component=store&&componentName&&kind&&kind.components[componentName]?store.components[kind.components[componentName]]:void 0;return{story:story,kind:kind,component:component}},storyIdFromName:function storyIdFromName(name){if(store)for(var title in store.kinds){var _kind=store.kinds[title],_storyId=Object(dist.toId)(title,Object(dist.storyNameFromExport)(name));if(_kind.stories&&_kind.stories.indexOf(_storyId)>-1)return _storyId}},getComponents:function getComponents(components,kind){return store&&kind&&components?Object.keys(components).reduce((function(acc,key){var name=Object(dist_index_esm.b)(components[key]),component=name&&(null==kind?void 0:kind.components[name])&&(null==store?void 0:store.components[kind.components[name]]);return component?Object(objectSpread2.a)({},acc,Object(defineProperty.a)({},key,component)):acc}),{}):{}}}},children)},core_dist_index_esm=__webpack_require__(45),BlockControlsContext=react_default.a.createContext({}),BlockControlsContext_BlockControlsContextProvider=function BlockControlsContextProvider(_ref){var children=_ref.children,store=_ref.store;return react_default.a.createElement(BlockControlsContext.Provider,{value:{setControlValue:function setControlValue(storyId,propName,propValue){var story=store.getStory(storyId),controls=story&&story.controls;if(store&&controls){var newValues=Object(core_dist_index_esm.mergeControlValues)(controls,propName,propValue);store.updateStoryProp(storyId,"controls",newValues)}},clickControl:function clickControl(storyId,propName){var story=store.getStory(storyId),controls=story&&story.controls;if(controls&&controls[propName]){var control=controls[propName];control&&"function"==typeof control.onClick&&control.onClick(control)}}}},children)},BlockContext=react_default.a.createContext({}),BlockContext_BlockContextProvider=function BlockContextProvider(_ref){var children=_ref.children,storyId=_ref.storyId,storeProvider=_ref.mockStore||index_esm.store;return react_default.a.createElement(BlockContext.Provider,{value:{storyId:storyId,storeProvider:storeProvider}},react_default.a.createElement(BlockDataContext_BlockDataContextProvider,{store:storeProvider,storyId:storyId},react_default.a.createElement(BlockControlsContext_BlockControlsContextProvider,{store:storeProvider},children)))}},160:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"BroadcastChannel",(function(){return broadcast_channel.a})),__webpack_require__.d(__webpack_exports__,"Store",(function(){return index_esm_Store})),__webpack_require__.d(__webpack_exports__,"store",(function(){return index_esm_store}));__webpack_require__(56),__webpack_require__(63),__webpack_require__(123),__webpack_require__(24),__webpack_require__(34),__webpack_require__(27),__webpack_require__(93),__webpack_require__(14),__webpack_require__(9),__webpack_require__(49),__webpack_require__(11),__webpack_require__(124),__webpack_require__(66);var broadcast_channel=__webpack_require__(281),tslib_es6=__webpack_require__(41),dist=__webpack_require__(71),story_store_data={stores:[{stories:{overview:{controls:{name:{type:"ControlTypes.TEXT",label:"Name",value:"Mark"},age:{type:"ControlTypes.NUMBER",label:"Age",value:19,min:10,max:75}},name:"overview",loc:{start:{column:24,line:13},end:{column:1,line:19}},id:"overview",arguments:[{value:[{value:"name",name:"name",loc:{start:{line:0,column:3},end:{line:0,column:7}},usage:[{loc:{start:{line:3,column:32},end:{line:3,column:36}}}]},{value:"age",name:"age",loc:{start:{line:0,column:9},end:{line:0,column:12}},usage:[{loc:{start:{line:3,column:50},end:{line:3,column:53}}}]}],loc:{start:{line:0,column:1},end:{line:0,column:33}}}],source:"({ name, age }: DocsControlsTable) => {\n  return (\n    <>\n      
{`Hello, my name is ${name}, and I am ${age} years old.`}
\n    \n  );\n};\n"}},components:{},kinds:{"Storybook/Starter":{title:"Storybook/Starter",components:{},source:"import React from 'react';\nimport { ControlTypes } from '@component-controls/specification';\n\nexport default {\n  title: 'Storybook/Starter',\n};\n\ninterface DocsControlsTable {\n  name: string;\n  age: number;\n}\n\nexport const overview = ({ name, age }: DocsControlsTable) => {\n  return (\n    <>\n      
{`Hello, my name is ${name}, and I am ${age} years old.`}
\n    \n  );\n};\n\noverview.story = {\n  controls: {\n    name: { type: ControlTypes.TEXT, label: 'Name', value: 'Mark' },\n    age: {\n      type: ControlTypes.NUMBER,\n      label: 'Age',\n      value: 19,\n      min: 10,\n      max: 75,\n    },\n  },\n};\n",fileName:"/Users/atanasster/component-controls/examples/stories/src/stories/controls-editors-starter.stories.tsx",moduleId:"../stories/src/stories/controls-editors-starter.stories.tsx"}}},{stories:{overview:{loc:{start:{column:24,line:33},end:{column:1,line:45}},name:"overview",id:"overview",arguments:[],source:'() => {\n  const [state, setState] = React.useState(false);\n  const Component = getPropertyEditor(ControlTypes.BOOLEAN);\n  return (\n    ) =>\n        setState(newVal)\n      }\n      prop={{ type: ControlTypes.BOOLEAN, value: state }}\n    />\n  );\n};\n'}},components:{},kinds:{"Editors/prop-factory":{title:"Editors/prop-factory",components:{},source:"import React, { ChangeEvent } from 'react';\nimport {\n  ControlTypes,\n  ComponentControlBoolean,\n} from '@component-controls/specification';\nimport { PropertyControlProps, PropertyEditor } from './types';\nimport { addPropertyEditor, getPropertyEditor } from './prop-factory';\n\nexport default {\n  title: 'Editors/prop-factory',\n};\n\ninterface CheckBoxEditorProps extends PropertyControlProps {\n  prop: ComponentControlBoolean;\n}\n\nconst CheckboxEditor: PropertyEditor = ({\n  prop,\n  name,\n  onChange,\n}) => (\n  ) => {\n      onChange(name, e.target.checked);\n    }}\n    checked={prop.value ?? false}\n  />\n);\n\naddPropertyEditor(ControlTypes.BOOLEAN, CheckboxEditor);\nexport const overview = () => {\n  const [state, setState] = React.useState(false);\n  const Component = getPropertyEditor(ControlTypes.BOOLEAN);\n  return (\n    ) =>\n        setState(newVal)\n      }\n      prop={{ type: ControlTypes.BOOLEAN, value: state }}\n    />\n  );\n};\n",repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/PropFactory.stories.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},fileName:"/Users/atanasster/component-controls/ui/editors/src/PropFactory.stories.tsx",moduleId:"../../ui/editors/src/PropFactory.stories.tsx"}}},{stories:{smartStory:{name:"smart story",id:"smartStory",loc:{start:{column:11,line:41},end:{column:57,line:41}},arguments:[{value:"props",name:"props",loc:{start:{line:0,column:0},end:{line:0,column:5}},usage:[{loc:{start:{line:0,column:37},end:{line:0,column:42}}}]}],source:'props => \n);\n\nButton.defaultProps = {\n  disabled: false,\n  label: 'default',\n  onClick: () => {},\n  style: {},\n  backgroundColor: '#fefefe',\n  color: 'black',\n  type: 'button',\n  padding: 5,\n};\n",loc:{start:{line:38,column:2},end:{line:50,column:11}},info:{description:"Button with react Typescript properties",displayName:"Button",methods:[],props:{disabled:{description:"Boolean indicating whether the button should render as disabled",parentName:"ButtonProps",defaultValue:!1,type:{name:"boolean",raw:"boolean"}},label:{description:"button label.",parentName:"ButtonProps",defaultValue:"default",type:{name:"string",raw:"string"}},onClick:{description:"onClick handler",parentName:"ButtonProps",defaultValue:"() => {}",type:{name:"() => void",raw:"() => void"}},style:{description:"Custom styles",parentName:"ButtonProps",defaultValue:"{}",type:{name:"object",raw:"object"}},backgroundColor:{description:"Background color",parentName:"ButtonProps",defaultValue:"#fefefe",type:{name:"string",raw:"string"}},color:{description:"Text color, default black",parentName:"ButtonProps",defaultValue:"black",type:{name:"string",raw:"string"}},type:{description:"Button type",parentName:"ButtonProps",defaultValue:"button",type:{name:"enum",value:[{name:"string",value:"button"},{name:"string",value:"reset"},{name:"string",value:"submit"}],raw:'"button" | "reset" | "submit"'}},padding:{description:"Numeric  field type",parentName:"ButtonProps",defaultValue:5,type:{name:"number",raw:"number"}}}}}},kinds:{"Storybook/MDX":{components:{Button:"b5fffc2a9e710b29374f13f1d7ef028c"},title:"Storybook/MDX",parameters:{component:"Button"},component:"Button",source:'import { Meta, PropsTable, Playground as Preview, Story, BlockContextProvider, ControlsTable, ComponentSource, StorySource } from \'@component-controls/storybook\';\nimport { Button } from \'../../stories/src/components/Button\';\n\n\n\n\n# Smart controls\n\n\n\n\n\n\n  \n    {(props) => (\n      \n);\n\nButton.defaultProps = {\n  disabled: false,\n  label: 'default',\n  onClick: () => {},\n  style: {},\n  backgroundColor: '#fefefe',\n  color: 'black',\n  type: 'button',\n  padding: 5,\n};\n\nButton.propTypes = {\n  /** Boolean indicating whether the button should render as disabled */\n  disabled: PropTypes.bool,\n  /** button label. */\n  label: PropTypes.string,\n  /** onClick handler */\n  onClick: PropTypes.func,\n  /** Custom styles */\n  style: PropTypes.shape({}),\n\n  /** Background color */\n  backgroundColor: PropTypes.string,\n\n  /** Text color, default black */\n  color: PropTypes.string,\n\n  /** Button type */\n  type: PropTypes.oneOf(['button', 'reset', 'submit']),\n\n  /** Numeric  field type */\n  padding: PropTypes.number,\n};\n",loc:{start:{line:16,column:2},end:{line:28,column:11}},info:{description:"Button with react PropTypes",displayName:"Button",methods:[],props:{disabled:{description:"Boolean indicating whether the button should render as disabled",defaultValue:"false",type:{name:"boolean"}},label:{description:"button label.",defaultValue:"'default'",type:{name:"string",required:!1}},onClick:{description:"onClick handler",defaultValue:"() => {}",type:{name:"function",required:!1}},style:{description:"Custom styles",defaultValue:"{}",type:{name:"object",value:[]}},backgroundColor:{description:"Background color",defaultValue:"'#fefefe'",type:{name:"string",required:!1}},color:{description:"Text color, default black",defaultValue:"'black'",type:{name:"string",required:!1}},type:{description:"Button type",defaultValue:"'button'",type:{name:"enum",value:[{name:"string",value:"'button'"},{name:"string",value:"'reset'"},{name:"string",value:"'submit'"}]}},padding:{description:"Numeric  field type",defaultValue:"5",type:{name:"number",required:!1}}}}}},kinds:{"Storybook/Smart PropTypes":{title:"Storybook/Smart PropTypes",parameters:{component:"Button"},components:{Button:"dd96934cfa10038428b57421ede5ec17"},component:"Button",source:"import React from 'react';\nimport { Button } from '../components/PropTypesButton';\n\nexport default {\n  title: 'Storybook/Smart PropTypes',\n  parameters: {\n    component: Button,\n  },\n};\n\nexport const allProps = props => \n);\n\nButton.defaultProps = {\n  disabled: false,\n  label: 'default',\n  onClick: () => {},\n  style: {},\n  backgroundColor: '#fefefe',\n  color: 'black',\n  type: 'button',\n  padding: 5,\n};\n",loc:{start:{line:38,column:2},end:{line:50,column:11}},info:{description:"Button with react Typescript properties",displayName:"Button",methods:[],props:{disabled:{description:"Boolean indicating whether the button should render as disabled",parentName:"ButtonProps",defaultValue:!1,type:{name:"boolean",raw:"boolean"}},label:{description:"button label.",parentName:"ButtonProps",defaultValue:"default",type:{name:"string",raw:"string"}},onClick:{description:"onClick handler",parentName:"ButtonProps",defaultValue:"() => {}",type:{name:"() => void",raw:"() => void"}},style:{description:"Custom styles",parentName:"ButtonProps",defaultValue:"{}",type:{name:"object",raw:"object"}},backgroundColor:{description:"Background color",parentName:"ButtonProps",defaultValue:"#fefefe",type:{name:"string",raw:"string"}},color:{description:"Text color, default black",parentName:"ButtonProps",defaultValue:"black",type:{name:"string",raw:"string"}},type:{description:"Button type",parentName:"ButtonProps",defaultValue:"button",type:{name:"enum",value:[{name:"string",value:"button"},{name:"string",value:"reset"},{name:"string",value:"submit"}],raw:'"button" | "reset" | "submit"'}},padding:{description:"Numeric  field type",parentName:"ButtonProps",defaultValue:5,type:{name:"number",raw:"number"}}}}}},kinds:{"Storybook/Smart Typescript":{title:"Storybook/Smart Typescript",parameters:{component:"Button"},components:{Button:"b5fffc2a9e710b29374f13f1d7ef028c"},component:"Button",source:"import React from 'react';\nimport { Button } from '../components/Button';\n\nexport default {\n  title: 'Storybook/Smart Typescript',\n  parameters: {\n    component: Button,\n  },\n};\n\nexport const allProps = props => \n);\n",loc:{start:{line:30,column:2},end:{line:32,column:11}},repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/ButtonEditor/ButtonEditor.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},info:{description:"Button control editor.",displayName:"ButtonEditor",methods:[],props:{prop:{description:"the button property that is being edited.",parentName:"ButtonEditorProps",type:{required:!0,name:"ComponentControlButton<() => void>",raw:"ComponentControlButton<() => void>"}},onClick:{description:"the onClick event handler for the button",parentName:"ButtonEditorProps",type:{required:!0,name:"PropertyOnClick",raw:"PropertyOnClick"}},name:{description:"name of the control.",parentName:"PropertyControlProps",type:{required:!0,name:"string",raw:"string"}},onChange:{description:"onChange event called when the propery is changing",parentName:"PropertyControlProps",type:{required:!0,name:"function",raw:"(name: string, prop: any) => void"}}}}}},kinds:{"Editors/ButtonEditor":{title:"Editors/ButtonEditor",component:"ButtonEditor",components:{ButtonEditor:"13dcbbc94b9f17a14875d4b97d219256"},source:"import React from 'react';\nimport { ControlTypes } from '@component-controls/specification';\nimport { ButtonEditor } from './ButtonEditor';\n\nexport default {\n  title: 'Editors/ButtonEditor',\n  component: ButtonEditor,\n};\n\nexport const overview = () => (\n   console.log('clicked')}\n    onChange={() => {}}\n    prop={{ type: ControlTypes.BUTTON }}\n  />\n);\n",repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/ButtonEditor/ButtonEditor.stories.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},fileName:"/Users/atanasster/component-controls/ui/editors/src/ButtonEditor/ButtonEditor.stories.tsx",moduleId:"../../ui/editors/src/ButtonEditor/ButtonEditor.stories.tsx"}}},{stories:{overview:{loc:{start:{column:24,line:10},end:{column:1,line:19}},name:"overview",id:"overview",arguments:[],source:'() => {\n  const [state, setState] = React.useState(false);\n  return (\n     setState(newVal)}\n      prop={{ type: ControlTypes.BOOLEAN, value: state }}\n    />\n  );\n};\n'}},components:{"307d83781321ffeea556a365d1a1e30b":{name:"BooleanEditor",from:"./BooleanEditor",request:"/Users/atanasster/component-controls/ui/editors/src/BooleanEditor/BooleanEditor.tsx",importedName:"BooleanEditor",source:"import React from 'react';\nimport { ComponentControlBoolean } from '@component-controls/specification';\nimport { Toggle } from '@component-controls/components';\nimport { PropertyControlProps, PropertyEditor } from '../types';\n\nexport interface BooleanEditorProps extends PropertyControlProps {\n  /**\n   * the property that is being edited.\n   */\n  prop: ComponentControlBoolean;\n}\n\n/**\n * Boolean control editor. Uses the Toggle component.\n *\n */\nexport const BooleanEditor: PropertyEditor = ({\n  prop,\n  name,\n  onChange,\n}) => (\n   onChange(name, checked)}\n    checked={prop.value ?? false}\n  />\n);\n",loc:{start:{line:22,column:2},end:{line:26,column:4}},repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/BooleanEditor/BooleanEditor.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},info:{description:"Boolean control editor. Uses the Toggle component.",displayName:"BooleanEditor",methods:[],props:{prop:{description:"the property that is being edited.",parentName:"BooleanEditorProps",type:{required:!0,name:"ComponentControlBoolean",raw:"ComponentControlBoolean"}},name:{description:"name of the control.",parentName:"PropertyControlProps",type:{required:!0,name:"string",raw:"string"}},onChange:{description:"onChange event called when the propery is changing",parentName:"PropertyControlProps",type:{required:!0,name:"function",raw:"(name: string, prop: any) => void"}},onClick:{description:"onClick event handler for Button type property editors.",parentName:"PropertyControlProps",type:{name:"PropertyOnClick",raw:"PropertyOnClick"}}}}}},kinds:{"Editors/BooleanEditor":{title:"Editors/BooleanEditor",component:"BooleanEditor",components:{BooleanEditor:"307d83781321ffeea556a365d1a1e30b"},source:"import React from 'react';\nimport { ControlTypes } from '@component-controls/specification';\nimport { BooleanEditor } from './BooleanEditor';\n\nexport default {\n  title: 'Editors/BooleanEditor',\n  component: BooleanEditor,\n};\n\nexport const overview = () => {\n  const [state, setState] = React.useState(false);\n  return (\n     setState(newVal)}\n      prop={{ type: ControlTypes.BOOLEAN, value: state }}\n    />\n  );\n};\n",repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/BooleanEditor/BooleanEditor.stories.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},fileName:"/Users/atanasster/component-controls/ui/editors/src/BooleanEditor/BooleanEditor.stories.tsx",moduleId:"../../ui/editors/src/BooleanEditor/BooleanEditor.stories.tsx"}}},{stories:{overview:{loc:{start:{column:24,line:13},end:{column:1,line:27}},name:"overview",id:"overview",arguments:[],source:"() => {\n  const [state, setState] = React.useState({\n    border: { type: ControlTypes.TEXT, value: '2px dashed silver' },\n    borderRadius: { type: ControlTypes.NUMBER, value: 10 },\n    padding: { type: ControlTypes.NUMBER, value: 10 },\n  });\n\n  return (\n     setState(newVal)}\n      prop={{ type: ControlTypes.OBJECT, value: state }}\n    />\n  );\n};\n"}},components:{"1763d3843b65d437f8b20b89a7a8f2be":{name:"ObjectEditor",from:"./ObjectEditor",request:"/Users/atanasster/component-controls/ui/editors/src/ObjectEditor/ObjectEditor.tsx",importedName:"ObjectEditor",source:"import React, { FC } from 'react';\nimport { Button, Box } from 'theme-ui';\nimport {\n  ControlTypes,\n  ComponentControl,\n  ComponentControlObject,\n} from '@component-controls/specification';\nimport { mergeControlValues, getControlValues } from '@component-controls/core';\nimport { Popover } from '@component-controls/components';\nimport { PropertyControlProps, PropertyEditor } from '../types';\n\nimport { PropertyEditors } from '../PropertyEditors';\n\nexport interface ObjectEditorProps extends PropertyControlProps {\n  /**\n   * the object property that is being edited.\n   */\n  prop: ComponentControlObject;\n}\n\nconst ChildContainer: FC = props => (\n  \n);\n\n/**\n * Object control editor.\n */\n\nexport const ObjectEditor: PropertyEditor = ({\n  prop,\n  name,\n  onChange,\n}) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const handleChange = (childName: string, value: any) => {\n    onChange(\n      name,\n      getControlValues(mergeControlValues(prop.value as any, childName, value)),\n    );\n  };\n  let children: ({\n    name: string;\n    prop: ComponentControl;\n    node: PropertyEditor;\n  } | null)[];\n  if (typeof prop.value === 'object') {\n    children = Object.keys(prop.value)\n      .map(key => {\n        const childProp: ComponentControl = prop.value\n          ? (prop.value[key] as any)\n          : null;\n        if (!childProp) {\n          return null;\n        }\n        return {\n          name: key,\n          prop: childProp,\n          node: AllPropertyEditors[childProp.type],\n        };\n      })\n      .filter(p => p && p.node);\n  }\n  return (\n     {\n        setIsOpen(isVisible);\n      }}\n      tooltip={() => (\n        \n          \n            \n              {children &&\n                children.map(child =>\n                  child ? (\n                    \n                      \n                      \n                    \n                  ) : null,\n                )}\n            \n          
{child.prop.label || child.name}\n                        \n                      
\n        \n      )}\n    >\n      \n    \n  );\n};\n\n// avoid circular reference problem\nexport const AllPropertyEditors: {\n  [name in ControlTypes]: PropertyEditor;\n} = {\n  ...PropertyEditors,\n  [ControlTypes.OBJECT]: ObjectEditor,\n};\n",loc:{start:{line:41,column:6},end:{line:109,column:1}},repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/ObjectEditor/ObjectEditor.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},info:{description:"Object control editor.",displayName:"ObjectEditor",methods:[],props:{prop:{description:"the object property that is being edited.",parentName:"ObjectEditorProps",type:{required:!0,name:"ComponentControlObject",raw:"ComponentControlObject"}},name:{description:"name of the control.",parentName:"PropertyControlProps",type:{required:!0,name:"string",raw:"string"}},onChange:{description:"onChange event called when the propery is changing",parentName:"PropertyControlProps",type:{required:!0,name:"function",raw:"(name: string, prop: any) => void"}},onClick:{description:"onClick event handler for Button type property editors.",parentName:"PropertyControlProps",type:{name:"PropertyOnClick",raw:"PropertyOnClick"}}}}}},kinds:{"Editors/ObjectEditor":{title:"Editors/ObjectEditor",component:"ObjectEditor",components:{ObjectEditor:"1763d3843b65d437f8b20b89a7a8f2be"},source:"import React from 'react';\nimport {\n  ControlTypes,\n  ComponentControls,\n} from '@component-controls/specification';\nimport { ObjectEditor } from './ObjectEditor';\n\nexport default {\n  title: 'Editors/ObjectEditor',\n  component: ObjectEditor,\n};\n\nexport const overview = () => {\n  const [state, setState] = React.useState({\n    border: { type: ControlTypes.TEXT, value: '2px dashed silver' },\n    borderRadius: { type: ControlTypes.NUMBER, value: 10 },\n    padding: { type: ControlTypes.NUMBER, value: 10 },\n  });\n\n  return (\n     setState(newVal)}\n      prop={{ type: ControlTypes.OBJECT, value: state }}\n    />\n  );\n};\n",repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/core/specification/src/ObjectEditor/ObjectEditor.stories.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/editors"},fileName:"/Users/atanasster/component-controls/ui/editors/src/ObjectEditor/ObjectEditor.stories.tsx",moduleId:"../../ui/editors/src/ObjectEditor/ObjectEditor.stories.tsx"}}},{stories:{overview:{parameters:{addonControls:{smart:!1}},controls:{easing:{type:"options",options:["ease","linear","ease-in","ease-out","ease-in-out"]}},name:"overview",loc:{start:{column:24,line:10},end:{column:1,line:22}},id:"overview",arguments:[{value:[{value:"easing",name:"easing",loc:{start:{line:0,column:3},end:{line:0,column:9}},usage:[{loc:{start:{line:7,column:43},end:{line:7,column:49}}}]}],loc:{start:{line:0,column:1},end:{line:0,column:29}}}],source:"({ easing }: CollapsibleProps) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  return (\n    \n      \n      \n        content\n      \n    \n  );\n};\n"}},components:{b160e7274ce239610e74f14d8f5754c5:{name:"Collapsible",from:"./Collapsible",request:"/Users/atanasster/component-controls/ui/components/src/Collapsible/Collapsible.tsx",importedName:"Collapsible",source:"import React, { FC } from 'react';\nimport AnimateHeight, { AnimateHeightProps } from 'react-animate-height';\n\nexport interface CollapsibleOwnProps {\n  /**\n   * controlled open state\n   */\n  isOpen: boolean;\n}\n\nexport type CollapsibleProps = CollapsibleOwnProps & AnimateHeightProps;\n\n/**\n * Animated expand/collapse container component\n *\n */\nexport const Collapsible: FC = ({\n  children,\n  isOpen,\n  ...rest\n}) => {\n  return (\n    \n      {isOpen ? children : ''}\n    \n  );\n};\n",loc:{start:{line:21,column:6},end:{line:27,column:1}},repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/ui/components/src/Collapsible/Collapsible.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/components"},info:{description:"Animated expand/collapse container component",displayName:"Collapsible",methods:[],props:{isOpen:{description:"controlled open state",parentName:"CollapsibleOwnProps",type:{required:!0,name:"boolean",raw:"boolean"}},defaultChecked:{parentName:"HTMLAttributes",type:{name:"boolean",raw:"boolean"}},defaultValue:{parentName:"HTMLAttributes",type:{name:"array",value:[{name:"string | number | string"}],raw:"string | number | string[]"}},suppressContentEditableWarning:{parentName:"HTMLAttributes",type:{name:"boolean",raw:"boolean"}},suppressHydrationWarning:{parentName:"HTMLAttributes",type:{name:"boolean",raw:"boolean"}},accessKey:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},className:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},contentEditable:{parentName:"HTMLAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"inherit"}],raw:'boolean | "true" | "false" | "inherit"'}},contextMenu:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},dir:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},draggable:{parentName:"HTMLAttributes",type:{name:"Booleanish",raw:"Booleanish"}},hidden:{parentName:"HTMLAttributes",type:{name:"boolean",raw:"boolean"}},id:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},lang:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},placeholder:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},slot:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},spellCheck:{parentName:"HTMLAttributes",type:{name:"Booleanish",raw:"Booleanish"}},style:{parentName:"HTMLAttributes",type:{name:"CSSProperties",raw:"CSSProperties"}},tabIndex:{parentName:"HTMLAttributes",type:{name:"number",raw:"number"}},title:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},translate:{parentName:"HTMLAttributes",type:{name:"enum",value:[{name:"string",value:"yes"},{name:"string",value:"no"}],raw:'"yes" | "no"'}},radioGroup:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},role:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},about:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},datatype:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},inlist:{parentName:"HTMLAttributes",type:{name:"any",raw:"any"}},prefix:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},property:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},resource:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},typeof:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},vocab:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},autoCapitalize:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},autoCorrect:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},autoSave:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},color:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},itemProp:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},itemScope:{parentName:"HTMLAttributes",type:{name:"boolean",raw:"boolean"}},itemType:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},itemID:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},itemRef:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},results:{parentName:"HTMLAttributes",type:{name:"number",raw:"number"}},security:{parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},unselectable:{parentName:"HTMLAttributes",type:{name:"enum",value:[{name:"string",value:"on"},{name:"string",value:"off"}],raw:'"on" | "off"'}},inputMode:{description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",parentName:"HTMLAttributes",type:{name:"enum",value:[{name:"string",value:"none"},{name:"string",value:"text"},{name:"string",value:"tel"},{name:"string",value:"url"},{name:"string",value:"email"},{name:"string",value:"numeric"},{name:"string",value:"decimal"},{name:"string",value:"search"}],raw:'"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"'}},is:{description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",parentName:"HTMLAttributes",type:{name:"string",raw:"string"}},"aria-activedescendant":{description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-atomic":{description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-autocomplete":{description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"none"},{name:"string",value:"inline"},{name:"string",value:"list"},{name:"string",value:"both"}],raw:'"none" | "inline" | "list" | "both"'}},"aria-busy":{description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-checked":{description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',parentName:"AriaAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"mixed"}],raw:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-colindex":{description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-colspan":{description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-controls":{description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-current":{description:"Indicates the element that represents the current item within a container or set of related elements.",parentName:"AriaAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"page"},{name:"step"},{name:"location"},{name:"date"},{name:"time"}],raw:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-details":{description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-disabled":{description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-dropeffect":{description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"none"},{name:"string",value:"copy"},{name:"string",value:"execute"},{name:"string",value:"link"},{name:"string",value:"move"},{name:"string",value:"popup"}],raw:'"none" | "copy" | "execute" | "link" | "move" | "popup"'}},"aria-errormessage":{description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-expanded":{description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-flowto":{description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-grabbed":{description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-haspopup":{description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",parentName:"AriaAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"menu"},{name:"listbox"},{name:"tree"},{name:"grid"},{name:"dialog"}],raw:'boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog"'}},"aria-hidden":{description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-invalid":{description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",parentName:"AriaAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"grammar"},{name:"spelling"}],raw:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-label":{description:"Defines a string value that labels the current element.\n@see aria-labelledby.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-labelledby":{description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-level":{description:"Defines the hierarchical level of an element within a structure.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-live":{description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"off"},{name:"string",value:"assertive"},{name:"string",value:"polite"}],raw:'"off" | "assertive" | "polite"'}},"aria-modal":{description:"Indicates whether an element is modal when displayed.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-multiline":{description:"Indicates whether a text box accepts multiple lines of input or only a single line.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-multiselectable":{description:"Indicates that the user may select more than one item from the current selectable descendants.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-orientation":{description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"horizontal"},{name:"string",value:"vertical"}],raw:'"horizontal" | "vertical"'}},"aria-owns":{description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-placeholder":{description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-posinset":{description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-pressed":{description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',parentName:"AriaAttributes",type:{name:"union",value:[{name:"boolean"},{name:"true"},{name:"false"},{name:"mixed"}],raw:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-relevant":{description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"text"},{name:"string",value:"additions"},{name:"string",value:"additions text"},{name:"string",value:"all"},{name:"string",value:"removals"}],raw:'"text" | "additions" | "additions text" | "all" | "removals"'}},"aria-required":{description:"Indicates that user input is required on the element before a form may be submitted.",parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-roledescription":{description:"Defines a human-readable, author-localized description for the role of an element.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},"aria-rowcount":{description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-rowindex":{description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-rowspan":{description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-selected":{description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',parentName:"AriaAttributes",type:{name:"Booleanish",raw:"Booleanish"}},"aria-setsize":{description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-sort":{description:"Indicates if items in a table or grid are sorted in ascending or descending order.",parentName:"AriaAttributes",type:{name:"enum",value:[{name:"string",value:"none"},{name:"string",value:"ascending"},{name:"string",value:"descending"},{name:"string",value:"other"}],raw:'"none" | "ascending" | "descending" | "other"'}},"aria-valuemax":{description:"Defines the maximum allowed value for a range widget.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-valuemin":{description:"Defines the minimum allowed value for a range widget.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-valuenow":{description:"Defines the current value for a range widget.\n@see aria-valuetext.",parentName:"AriaAttributes",type:{name:"number",raw:"number"}},"aria-valuetext":{description:"Defines the human readable text alternative of aria-valuenow for a range widget.",parentName:"AriaAttributes",type:{name:"string",raw:"string"}},dangerouslySetInnerHTML:{parentName:"DOMAttributes",type:{name:"object",raw:"{ __html: string; }"}},onCopy:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onCopyCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onCut:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onCutCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onPaste:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onPasteCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: ClipboardEvent) => void"}},onCompositionEnd:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onCompositionEndCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onCompositionStart:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onCompositionStartCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onCompositionUpdate:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onCompositionUpdateCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: CompositionEvent) => void"}},onFocus:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FocusEvent) => void"}},onFocusCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FocusEvent) => void"}},onBlur:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FocusEvent) => void"}},onBlurCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FocusEvent) => void"}},onChange:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onChangeCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onBeforeInput:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onBeforeInputCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onInput:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onInputCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onReset:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onResetCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onSubmit:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onSubmitCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onInvalid:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onInvalidCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: FormEvent) => void"}},onLoad:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onError:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onErrorCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onKeyDown:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onKeyDownCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onKeyPress:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onKeyPressCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onKeyUp:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onKeyUpCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: KeyboardEvent) => void"}},onAbort:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onAbortCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onCanPlay:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onCanPlayCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onCanPlayThrough:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onCanPlayThroughCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onDurationChange:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onDurationChangeCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEmptied:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEmptiedCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEncrypted:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEncryptedCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEnded:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onEndedCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadedData:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadedDataCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadedMetadata:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadedMetadataCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadStart:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onLoadStartCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPause:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPauseCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPlay:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPlayCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPlaying:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onPlayingCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onProgress:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onProgressCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onRateChange:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onRateChangeCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSeeked:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSeekedCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSeeking:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSeekingCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onStalled:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onStalledCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSuspend:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSuspendCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onTimeUpdate:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onTimeUpdateCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onVolumeChange:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onVolumeChangeCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onWaiting:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onWaitingCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onAuxClick:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onAuxClickCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onClick:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onClickCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onContextMenu:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onContextMenuCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onDoubleClick:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onDoubleClickCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onDrag:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragEnd:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragEndCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragEnter:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragEnterCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragExit:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragExitCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragLeave:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragLeaveCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragOver:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragOverCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragStart:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDragStartCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDrop:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onDropCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: DragEvent) => void"}},onMouseDown:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseDownCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseEnter:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseLeave:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseMove:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseMoveCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseOut:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseOutCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseOver:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseOverCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseUp:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onMouseUpCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: MouseEvent) => void"}},onSelect:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onSelectCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: SyntheticEvent) => void"}},onTouchCancel:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchCancelCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchEnd:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchEndCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchMove:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchMoveCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchStart:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onTouchStartCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TouchEvent) => void"}},onPointerDown:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerDownCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerMove:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerMoveCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerUp:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerUpCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerCancel:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerCancelCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerEnter:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerEnterCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerLeave:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerLeaveCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerOver:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerOverCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerOut:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onPointerOutCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onGotPointerCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onGotPointerCaptureCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onLostPointerCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onLostPointerCaptureCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: PointerEvent) => void"}},onScroll:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: UIEvent) => void"}},onScrollCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: UIEvent) => void"}},onWheel:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: WheelEvent) => void"}},onWheelCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: WheelEvent) => void"}},onAnimationStartCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: AnimationEvent) => void"}},onAnimationEndCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: AnimationEvent) => void"}},onAnimationIteration:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: AnimationEvent) => void"}},onAnimationIterationCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: AnimationEvent) => void"}},onTransitionEnd:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TransitionEvent) => void"}},onTransitionEndCapture:{parentName:"DOMAttributes",type:{name:"function",raw:"(event: TransitionEvent) => void"}},css:{parentName:"DOMAttributes",type:{name:"InterpolationWithTheme",raw:"InterpolationWithTheme"}},sx:{description:"The sx prop lets you style elements inline, using values from your\ntheme. To use the sx prop, add the custom pragma as a comment to the\ntop of your module and import the jsx function.\n\n```ts\n// @jsx jsx\n\nimport { jsx } from 'theme-ui'\n```",parentName:"SxProps",type:{name:"SystemStyleObject",raw:"SystemStyleObject"}},animateOpacity:{type:{name:"boolean",raw:"boolean"}},animationStateClasses:{type:{name:"AnimationStateClasses",raw:"AnimationStateClasses"}},applyInlineTransitions:{type:{name:"boolean",raw:"boolean"}},contentClassName:{type:{name:"string",raw:"string"}},delay:{type:{name:"number",raw:"number"}},duration:{type:{name:"number",raw:"number"}},easing:{type:{name:"string",raw:"string"}},height:{type:{name:"ReactText",raw:"ReactText"}},onAnimationEnd:{type:{name:"function",raw:"(props: { newHeight: number; }) => void"}},onAnimationStart:{type:{name:"function",raw:"(props: { newHeight: number; }) => void"}}}}}},kinds:{"Components/Collapsible":{title:"Components/Collapsible",component:"Collapsible",components:{Collapsible:"b160e7274ce239610e74f14d8f5754c5"},source:"import React from 'react';\nimport { Box, Button } from 'theme-ui';\nimport { Collapsible, CollapsibleProps } from './Collapsible';\n\nexport default {\n  title: 'Components/Collapsible',\n  component: Collapsible,\n};\n\nexport const overview = ({ easing }: CollapsibleProps) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  return (\n    \n      \n      \n        content\n      \n    \n  );\n};\n\noverview.story = {\n  parameters: {\n    addonControls: {\n      smart: false,\n    },\n  },\n  controls: {\n    easing: {\n      type: 'options',\n      options: ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out'],\n    },\n  },\n};\n",repository:{browse:"https://github.com/ccontrols/component-controls/tree/master/ui/components/src/Collapsible/Collapsible.stories.tsx",docs:"https://github.com/ccontrols/component-controls/tree/master#readme",issues:"https://github.com/ccontrols/component-controls/issues",name:"@component-controls/components"},fileName:"/Users/atanasster/component-controls/ui/components/src/Collapsible/Collapsible.stories.tsx",moduleId:"../../ui/components/src/Collapsible/Collapsible.stories.tsx"}}},{stories:{overview:{controls:{placement:{type:"options",options:["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],value:"bottom"},trigger:{type:"options",options:["none","click","right-click","hover","focus"],value:"click"}},name:"overview",loc:{start:{column:24,line:10},end:{column:1,line:29}},id:"overview",arguments:[{value:[{value:"placement",name:"placement",loc:{start:{line:0,column:3},end:{line:0,column:12}},usage:[{loc:{start:{line:5,column:17},end:{line:5,column:26}}}]},{value:"trigger",name:"trigger",loc:{start:{line:0,column:14},end:{line:0,column:21}},usage:[{loc:{start:{line:4,column:15},end:{line:4,column:22}}}]}],loc:{start:{line:0,column:1},end:{line:0,column:37}}}],source:'({ placement, trigger }: PopoverProps) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  return (\n     {\n        setIsOpen(isVisible);\n      }}\n      tooltip={() => (\n        \n          \n        \n      )}\n    >\n      \n    \n  );\n};\n'}},components:{"0f2abaa9196e39349b2f29e6760fa3a2":{name:"Popover",from:"./Popover",request:"/Users/atanasster/component-controls/ui/components/src/Popover/Popover.tsx",importedName:"Popover",source:"import React, { FC } from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport { TooltipTriggerProps } from 'react-popper-tooltip/dist/types';\nimport { Box } from 'theme-ui';\nimport { Arrow, Wrapper } from './PopoverUtils';\n\nexport type PopoverProps = Omit, 'children'>;\n\n/**\n * A Popover container that is triggered by a click/hover event.\n * Used to display enhanced information that could not fit into the main scren.\n */\nexport const Popover: FC = ({\n  trigger,\n  placement = 'bottom',\n  modifiers,\n  tooltip,\n  children,\n  tooltipShown,\n  onVisibilityChange,\n  ...props\n}) => {\n  const borderColor = 'lightgrey';\n  return (\n     {\n        const {\n          getTooltipProps,\n          getArrowProps,\n          tooltipRef,\n          arrowRef,\n        } = tooltipProps;\n        const { hidden, ...containerProps } = getTooltipProps();\n        return (\n