npm - @eleventheye/asui - Versions diffs - 1.3.1 → 1.6.0 - Mend

@eleventheye/asui 1.3.1 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (148) hide show

package/storybook-static/stories-Button-stories.b38a90e0.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see stories-Button-stories.b38a90e0.iframe.bundle.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunk_eleventheye_asui=self.webpackChunk_eleventheye_asui\|\|[]).push([[791],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/button.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".storybook-button {\n display: inline-block;\n cursor: pointer;\n border: 0;\n border-radius: 3em;\n font-weight: 700;\n line-height: 1;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n background-color: #555ab9;\n color: white;\n}\n.storybook-button--secondary {\n box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;\n background-color: transparent;\n color: #333;\n}\n.storybook-button--small {\n padding: 10px 16px;\n font-size: 12px;\n}\n.storybook-button--medium {\n padding: 11px 20px;\n font-size: 14px;\n}\n.storybook-button--large {\n padding: 12px 24px;\n font-size: 16px;\n}\n","",{version:3,sources:["webpack://./src/stories/button.css"],names:[],mappings:"AAAA;EACE,qBAAqB;EACrB,eAAe;EACf,SAAS;EACT,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,0EAA0E;AAC5E;AACA;EACE,yBAAyB;EACzB,YAAY;AACd;AACA;EACE,+CAA+C;EAC/C,6BAA6B;EAC7B,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,eAAe;AACjB",sourcesContent:[".storybook-button {\n display: inline-block;\n cursor: pointer;\n border: 0;\n border-radius: 3em;\n font-weight: 700;\n line-height: 1;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n background-color: #555ab9;\n color: white;\n}\n.storybook-button--secondary {\n box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;\n background-color: transparent;\n color: #333;\n}\n.storybook-button--small {\n padding: 10px 16px;\n font-size: 12px;\n}\n.storybook-button--medium {\n padding: 11px 20px;\n font-size: 14px;\n}\n.storybook-button--large {\n padding: 12px 24px;\n font-size: 16px;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]\|\|(void 0!==layer&&(void 0===item[5]\|\|(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/# ".concat(data," /");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/react/cjs/react-jsx-runtime.production.js":(__unused_webpack_module,exports)=>{var REACT_ELEMENT_TYPE=Symbol.for("react.transitional.element"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment");function jsxProd(type,config,maybeKey){var key=null;if(void 0!==maybeKey&&(key=""+maybeKey),void 0!==config.key&&(key=""+config.key),"key"in config)for(var propName in maybeKey={},config)"key"!==propName&&(maybeKey[propName]=config[propName]);else maybeKey=config;return config=maybeKey.ref,{$$typeof:REACT_ELEMENT_TYPE,type,key,ref:void 0!==config?config:null,props:maybeKey}}exports.Fragment=REACT_FRAGMENT_TYPE,exports.jsx=jsxProd,exports.jsxs=jsxProd},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.js")},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]\|\|0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list\|\|[],options=options\|\|{});return function update(newList){newList=newList\|\|[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," /")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/stories/Button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Large:()=>Large,Primary:()=>Primary,Secondary:()=>Secondary,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_test__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Button",component:__webpack_require__("./src/stories/Button.tsx").$,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{backgroundColor:{control:"color"}},args:{onClick:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)()}},Primary={args:{primary:!0,label:"Button"}},Secondary={args:{label:"Button"}},Large={args:{size:"large",label:"Button"}},Small={args:{size:"small",label:"Button"}},__namedExportsOrder=["Primary","Secondary","Large","Small"];Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"{\n args: {\n primary: true,\n label: 'Button'\n }\n}",...Primary.parameters?.docs?.source}}},Secondary.parameters={...Secondary.parameters,docs:{...Secondary.parameters?.docs,source:{originalSource:"{\n args: {\n label: 'Button'\n }\n}",...Secondary.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'large',\n label: 'Button'\n }\n}",...Large.parameters?.docs?.source}}},Small.parameters={...Small.parameters,docs:{...Small.parameters?.docs,source:{originalSource:"{\n args: {\n size: 'small',\n label: 'Button'\n }\n}",...Small.parameters?.docs?.source}}}},"./src/stories/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>Button});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),injectStylesIntoStyleTag=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),stories_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/button.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(stories_button.A,options);stories_button.A&&stories_button.A.locals&&stories_button.A.locals;const Button=({primary=!1,size="medium",backgroundColor,label,...props})=>{const mode=primary?"storybook-button--primary":"storybook-button--secondary";return(0,jsx_runtime.jsx)("button",{type:"button",className:["storybook-button",`storybook-button--${size}`,mode].join(" "),style:{backgroundColor},...props,children:label})};Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{primary:{required:!1,tsType:{name:"boolean"},description:"Is this the principal call to action on the page?",defaultValue:{value:"false",computed:!1}},backgroundColor:{required:!1,tsType:{name:"string"},description:"What background color to use"},size:{required:!1,tsType:{name:"union",raw:"'small' \| 'medium' \| 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"How large should the button be?",defaultValue:{value:"'medium'",computed:!1}},label:{required:!0,tsType:{name:"string"},description:"Button contents"},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Optional click handler"}}}}}]);

package/storybook-static/stories-Button-stories.b38a90e0.iframe.bundle.js.LICENSE.txt ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/storybook-static/stories-Configure-mdx.db355e6b.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunk_eleventheye_asui=self.webpackChunk_eleventheye_asui||[]).push([[187],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./node_modules/@storybook/blocks/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/blocks/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/components sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/components sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/core/dist/theming sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/core/dist/theming sync recursive",module.exports=webpackEmptyContext},"./src/stories/Configure.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RightArrow:()=>RightArrow,default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const github_namespaceObject=__webpack_require__.p+"static/media/github.e4e8df82.svg",discord_namespaceObject=__webpack_require__.p+"static/media/discord.d85804c7.svg",youtube_namespaceObject=__webpack_require__.p+"static/media/youtube.fd046a09.svg",tutorials_namespaceObject=__webpack_require__.p+"static/media/tutorials.fde6e46f.svg",styling_namespaceObject=__webpack_require__.p+"static/media/styling.38cab73b.png",context_namespaceObject=__webpack_require__.p+"static/media/context.645728c6.png",assets_namespaceObject=__webpack_require__.p+"static/media/assets.e6440a95.png",docs_namespaceObject=__webpack_require__.p+"static/media/docs.f7d8b9a8.png",share_namespaceObject=__webpack_require__.p+"static/media/share.161528bb.png",figma_plugin_namespaceObject=__webpack_require__.p+"static/media/figma-plugin.9335a1a9.png",testing_namespaceObject=__webpack_require__.p+"static/media/testing.c720ced2.png",accessibility_namespaceObject=__webpack_require__.p+"static/media/accessibility.2dbc6973.png",theming_namespaceObject=__webpack_require__.p+"static/media/theming.e93de094.png",addon_library_namespaceObject=__webpack_require__.p+"static/media/addon-library.7a58d2cb.png",RightArrow=()=>{const _components={path:"path",svg:"svg",...(0,lib.R)()};return(0,jsx_runtime.jsx)(_components.svg,{viewBox:"0 0 14 14",width:"8px",height:"14px",style:{marginLeft:"4px",display:"inline-block",shapeRendering:"inherit",verticalAlign:"middle",fill:"currentColor","path fill":"currentColor"},children:(0,jsx_runtime.jsx)(_components.path,{d:"m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z"})})};function _createMdxContent(props){const _components={code:"code",h1:"h1",p:"p",...(0,lib.R)(),...props.components};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Configure your project"}),"\n",(0,jsx_runtime.jsxs)("div",{className:"sb-container",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-section-title",children:[(0,jsx_runtime.jsx)(_components.h1,{id:"configure-your-project",children:"Configure your project"}),(0,jsx_runtime.jsx)(_components.p,{children:"Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community."})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:styling_namespaceObject,alt:"A wall of logos representing different styling technologies"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Add styling and CSS"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/configure/styling-and-css/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:context_namespaceObject,alt:"An abstraction representing the composition of data for a component"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Provide context and mocking"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/writing-stories/decorators/?renderer=react#context-for-mocking",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:assets_namespaceObject,alt:"A representation of typography and image assets"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Load assets and resources"}),(0,jsx_runtime.jsxs)("p",{className:"sb-section-item-paragraph",children:["To link static files (like fonts) to your projects and stories, use the\n",(0,jsx_runtime.jsx)(_components.code,{children:"staticDirs"})," configuration option to specify folders to load when\nstarting Storybook."]}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/configure/images-and-assets/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]})]})]})]}),"\n",(0,jsx_runtime.jsxs)("div",{className:"sb-container",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-section-title",children:[(0,jsx_runtime.jsx)(_components.h1,{id:"do-more-with-storybook",children:"Do more with Storybook"}),(0,jsx_runtime.jsx)(_components.p,{children:"Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customize Storybook in many ways to fit your needs."})]}),(0,jsx_runtime.jsx)("div",{className:"sb-section",children:(0,jsx_runtime.jsxs)("div",{className:"sb-features-grid",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:docs_namespaceObject,alt:"A screenshot showing the autodocs tag being set, pointing a docs page being generated"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Autodocs"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Auto-generate living,\ninteractive reference documentation from your components and stories."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:share_namespaceObject,alt:"A browser window showing a Storybook being published to a chromatic.com URL"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Publish to Chromatic"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Publish your Storybook to review and collaborate with your entire team."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react#publish-storybook-with-chromatic",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:figma_plugin_namespaceObject,alt:"Windows showing the Storybook plugin in Figma"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Figma Plugin"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Embed your stories into Figma to cross-reference the design and live\nimplementation in one place."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/sharing/design-integrations/?renderer=react#embed-storybook-in-figma-with-the-plugin",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:testing_namespaceObject,alt:"Screenshot of tests passing and failing"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Testing"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Use stories to test a component in all its variations, no matter how\ncomplex."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/writing-tests/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:accessibility_namespaceObject,alt:"Screenshot of accessibility tests passing and failing"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Accessibility"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Automatically test your components for a11y issues as you develop."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-grid-item",children:[(0,jsx_runtime.jsx)("img",{src:theming_namespaceObject,alt:"Screenshot of Storybook in light and dark mode"}),(0,jsx_runtime.jsx)("h4",{className:"sb-section-item-heading",children:"Theming"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Theme Storybook's UI to personalize it to your project."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/docs/configure/theming/?renderer=react",target:"_blank",children:["Learn more",(0,jsx_runtime.jsx)(RightArrow,{})]})]})]})})]}),"\n",(0,jsx_runtime.jsxs)("div",{className:"sb-addon",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-addon-text",children:[(0,jsx_runtime.jsx)("h4",{children:"Addons"}),(0,jsx_runtime.jsx)("p",{className:"sb-section-item-paragraph",children:"Integrate your tools with Storybook to connect workflows."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/addons/",target:"_blank",children:["Discover all addons",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsx)("div",{className:"sb-addon-img",children:(0,jsx_runtime.jsx)("img",{src:addon_library_namespaceObject,alt:"Integrate your tools with Storybook to connect workflows."})})]}),"\n",(0,jsx_runtime.jsxs)("div",{className:"sb-section sb-socials",children:[(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:github_namespaceObject,alt:"Github logo",className:"sb-explore-image"}),(0,jsx_runtime.jsx)(_components.p,{children:"Join our contributors building the future of UI development."}),(0,jsx_runtime.jsxs)("a",{href:"https://github.com/storybookjs/storybook",target:"_blank",children:["Star on GitHub",(0,jsx_runtime.jsx)(RightArrow,{})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:discord_namespaceObject,alt:"Discord logo",className:"sb-explore-image"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Get support and chat with frontend developers."}),(0,jsx_runtime.jsxs)("a",{href:"https://discord.gg/storybook",target:"_blank",children:["Join Discord server",(0,jsx_runtime.jsx)(RightArrow,{})]})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:youtube_namespaceObject,alt:"Youtube logo",className:"sb-explore-image"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(_components.p,{children:"Watch tutorials, feature previews and interviews."}),(0,jsx_runtime.jsxs)("a",{href:"https://www.youtube.com/@chromaticui",target:"_blank",children:["Watch on YouTube",(0,jsx_runtime.jsx)(RightArrow,{})]})]})]}),(0,jsx_runtime.jsxs)("div",{className:"sb-section-item",children:[(0,jsx_runtime.jsx)("img",{src:tutorials_namespaceObject,alt:"A book",className:"sb-explore-image"}),(0,jsx_runtime.jsx)("p",{children:"Follow guided walkthroughs on for key workflows."}),(0,jsx_runtime.jsxs)("a",{href:"https://storybook.js.org/tutorials/",target:"_blank",children:["Discover tutorials",(0,jsx_runtime.jsx)(RightArrow,{})]})]})]}),"\n",(0,jsx_runtime.jsx)("style",{children:"\n .sb-container {\n margin-bottom: 48px;\n }\n\n .sb-section {\n width: 100%;\n display: flex;\n flex-direction: row;\n gap: 20px;\n }\n\n img {\n object-fit: cover;\n }\n\n .sb-section-title {\n margin-bottom: 32px;\n }\n\n .sb-section a:not(h1 a, h2 a, h3 a) {\n font-size: 14px;\n }\n\n .sb-section-item, .sb-grid-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .sb-section-item-heading {\n padding-top: 20px !important;\n padding-bottom: 5px !important;\n margin: 0 !important;\n }\n .sb-section-item-paragraph {\n margin: 0;\n padding-bottom: 10px;\n }\n\n .sb-chevron {\n margin-left: 5px;\n }\n\n .sb-features-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 32px 20px;\n }\n\n .sb-socials {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n }\n\n .sb-socials p {\n margin-bottom: 10px;\n }\n\n .sb-explore-image {\n max-height: 32px;\n align-self: flex-start;\n }\n\n .sb-addon {\n width: 100%;\n display: flex;\n align-items: center;\n position: relative;\n background-color: #EEF3F8;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n background: #EEF3F8;\n height: 180px;\n margin-bottom: 48px;\n overflow: hidden;\n }\n\n .sb-addon-text {\n padding-left: 48px;\n max-width: 240px;\n }\n\n .sb-addon-text h4 {\n padding-top: 0px;\n }\n\n .sb-addon-img {\n position: absolute;\n left: 345px;\n top: 0;\n height: 100%;\n width: 200%;\n overflow: hidden;\n }\n\n .sb-addon-img img {\n width: 650px;\n transform: rotate(-15deg);\n margin-left: 40px;\n margin-top: -72px;\n box-shadow: 0 0 1px rgba(255, 255, 255, 0);\n backface-visibility: hidden;\n }\n\n @media screen and (max-width: 800px) {\n .sb-addon-img {\n left: 300px;\n }\n }\n\n @media screen and (max-width: 600px) {\n .sb-section {\n flex-direction: column;\n }\n\n .sb-features-grid {\n grid-template-columns: repeat(1, 1fr);\n }\n\n .sb-socials {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .sb-addon {\n height: 280px;\n align-items: flex-start;\n padding-top: 32px;\n overflow: hidden;\n }\n\n .sb-addon-text {\n padding-left: 24px;\n }\n\n .sb-addon-img {\n right: 0;\n left: 0;\n top: 130px;\n bottom: 0;\n overflow: hidden;\n height: auto;\n width: 124%;\n }\n\n .sb-addon-img img {\n width: 1200px;\n transform: rotate(-12deg);\n margin-left: 0;\n margin-top: 48px;\n margin-bottom: -40px;\n margin-left: -24px;\n }\n }\n"})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,lib.R)(),...props.components};return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}]);

package/storybook-static/stories-Header-stories.0e583eb8.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_eleventheye_asui=self.webpackChunk_eleventheye_asui||[]).push([[512],{"./src/stories/Header.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoggedIn:()=>LoggedIn,LoggedOut:()=>LoggedOut,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_test__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Header",component:__webpack_require__("./src/stories/Header.tsx").Y,tags:["autodocs"],parameters:{layout:"fullscreen"},args:{onLogin:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onLogout:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)(),onCreateAccount:(0,_storybook_test__WEBPACK_IMPORTED_MODULE_0__.fn)()}},LoggedIn={args:{user:{name:"Jane Doe"}}},LoggedOut={},__namedExportsOrder=["LoggedIn","LoggedOut"];LoggedIn.parameters={...LoggedIn.parameters,docs:{...LoggedIn.parameters?.docs,source:{originalSource:"{\n args: {\n user: {\n name: 'Jane Doe'\n }\n }\n}",...LoggedIn.parameters?.docs?.source}}},LoggedOut.parameters={...LoggedOut.parameters,docs:{...LoggedOut.parameters?.docs,source:{originalSource:"{}",...LoggedOut.parameters?.docs?.source}}}}}]);

package/storybook-static/stories-Icons-stories.934f2ebc.iframe.bundle.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";(self.webpackChunk_eleventheye_asui=self.webpackChunk_eleventheye_asui||[]).push([[351],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/icons.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".storybook-button {\n  display: inline-block;\n  cursor: pointer;\n  border: 0;\n  border-radius: 3em;\n  font-weight: 700;\n  line-height: 1;\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n.icon-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n\n.storybook-button--primary {\n  background-color: #555ab9;\n  color: white;\n}\n\n.storybook-button--secondary {\n  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;\n  background-color: transparent;\n  color: #333;\n}\n\n.storybook-button--small {\n  padding: 10px 16px;\n  font-size: 12px;\n}\n\n.storybook-button--medium {\n  padding: 11px 20px;\n  font-size: 14px;\n}\n\n.storybook-button--large {\n  padding: 12px 24px;\n  font-size: 16px;\n}","",{version:3,sources:["webpack://./src/stories/icons.css"],names:[],mappings:"AAAA;EACE,qBAAqB;EACrB,eAAe;EACf,SAAS;EACT,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,0EAA0E;AAC5E;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,QAAQ;EACR,eAAe;AACjB;;;AAGA;EACE,yBAAyB;EACzB,YAAY;AACd;;AAEA;EACE,+CAA+C;EAC/C,6BAA6B;EAC7B,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,eAAe;AACjB",sourcesContent:[".storybook-button {\n  display: inline-block;\n  cursor: pointer;\n  border: 0;\n  border-radius: 3em;\n  font-weight: 700;\n  line-height: 1;\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n.icon-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n\n.storybook-button--primary {\n  background-color: #555ab9;\n  color: white;\n}\n\n.storybook-button--secondary {\n  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;\n  background-color: transparent;\n  color: #333;\n}\n\n.storybook-button--small {\n  padding: 10px 16px;\n  font-size: 12px;\n}\n\n.storybook-button--medium {\n  padding: 11px 20px;\n  font-size: 14px;\n}\n\n.storybook-button--large {\n  padding: 12px 24px;\n  font-size: 16px;\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/stories/Icons.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Large:()=>Large,Medium:()=>Medium,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Icons_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_require__("./node_modules/react/index.js");const IconContainer=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js").Ay.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+`,AddItemIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.74 15.8V14.42H9.36V13.03h1.38V11.65h1.39v1.39h1.39v1.39H12.13v1.39H10.74ZM7.98 4.73c-1.15 0-2.08.93-2.08 2.08V16.5c0 1.15.93 2.08 2.08 2.08h8.31c1.15 0 2.08-.93 2.08-2.08V9.58c0-2.68-2.17-4.85-4.85-4.85H7.98Zm0 1.39h4.84V9.58h4.16V16.5c0 .39-.31.69-.69.69H7.98c-.39 0-.69-.31-.69-.69V6.8c0-.39.31-.69.69-.69Zm6.23.06c1.12.23 2.04.99 2.48 2.02H14.21V6.17Z",fill:color})]})}),icons_AddItemIcon=AddItemIcon;AddItemIcon.__docgenInfo={description:"",methods:[],displayName:"AddItemIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const AddUserIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.15 11.18c1.49 0 2.7-1.21 2.7-2.7s-1.21-2.7-2.7-2.7-2.7 1.21-2.7 2.7 1.21 2.7 2.7 2.7Zm0-1.35c.75 0 1.35-.6 1.35-1.35s-.6-1.35-1.35-1.35-1.35.6-1.35 1.35.6 1.35 1.35 1.35Zm2.02 3.38c.37 0 .68.31.68.68v4.05h1.35v-4.05c0-1.12-.91-2.02-2.02-2.02H7.13c-1.12-.02-2.03.89-2.03 2.01v4.05H6.45v-4.05c0-.37.31-.68.68-.68h4.05ZM15.9 8.48h1.35v1.35h1.35v1.35H17.25v1.35H15.9v-1.35H14.55V9.83h1.35V8.48Z",fill:color})]})}),icons_AddUserIcon=AddUserIcon;AddUserIcon.__docgenInfo={description:"",methods:[],displayName:"AddUserIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const CheckIcon=({className="",style,size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,style,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"nonzero",d:"M10.24 16.31 6 12.07l1.41-1.41 2.83 2.83L15.9 7.83l1.41 1.41-7.07 7.07Z",fill:color})]})}),icons_CheckIcon=CheckIcon;CheckIcon.__docgenInfo={description:"",methods:[],displayName:"CheckIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const CloseIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"M16.3394 9.32245C16.7434 8.94589 16.7657 8.31312 16.3891 7.90911C16.0126 7.50509 15.3798 7.48283 14.9758 7.85938L12.0497 10.5866L9.32245 7.66048C8.94589 7.25647 8.31312 7.23421 7.90911 7.61076C7.50509 7.98731 7.48283 8.62008 7.85938 9.0241L10.5866 11.9502L7.66048 14.6775C7.25647 15.054 7.23421 15.6868 7.61076 16.0908C7.98731 16.4948 8.62008 16.5171 9.0241 16.1405L11.9502 13.4133L14.6775 16.3394C15.054 16.7434 15.6868 16.7657 16.0908 16.3891C16.4948 16.0126 16.5171 15.3798 16.1405 14.9758L13.4133 12.0497L16.3394 9.32245Z",fill:color})]})});CloseIcon.__docgenInfo={description:"",methods:[],displayName:"CloseIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const DeleteIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"M15.5 7.5V6.8c0-.8-.6-1.4-1.4-1.4H9.9c-.8 0-1.4.6-1.4 1.4v.7H6.4c-.4 0-.7.3-.7.7s.3.7.7.7h.7v7.7c0 1.2.9 2.1 2.1 2.1h5.6c1.2 0 2.1-.9 2.1-2.1V8.9h.7c.4 0 .7-.3.7-.7s-.3-.7-.7-.7H15.5Zm-1.4-.7H9.9v.7h4.2V6.8Zm1.4 2.1h-7v7.7c0 .4.3.7.7.7h5.6c.4 0 .7-.3.7-.7V8.9ZM9.9 10.3h1.4v5.6H9.9V10.3Zm2.8 0h1.4v5.6H12.7V10.3Z",fillRule:"evenodd",clipRule:"evenodd",fill:color})]})}),icons_DeleteIcon=DeleteIcon;DeleteIcon.__docgenInfo={description:"",methods:[],displayName:"DeleteIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const EleventheyeIcon=({className="",size=24,color="#0E82C9",fillColor="transparent",fillOpacity=1,circleStrokeColor="transparent"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"0px"}),(0,jsx_runtime.jsx)("path",{d:"M13.04 23.03c-.16-.05-1.58-.95-3.17-1.98-1.58-1.03-2.94-1.9-3.02-1.93-.08-.03-.55.21-1.11.58-2.23 1.46-3.72 1.33-4.5-.38-.61-1.33-.09-2.33 1.87-3.61l1.24-.81.03-4.1s-.02-3.72.1-4.09c.12-.38.13-.32.31-.59.19-.27.44-.76 4.22-2.94 5.07-2.92 4.13-2.92 9.35.03 4.49 2.53 4.62 2.65 4.62 4.01 0 1.47.8.86-10.89 8.38-1.05.68-1.23.41 1.34 2.06l.49.32 2.13-1.23 2.13-1.23.06-1.16c.12-2.42 1.52-3.54 3.41-2.9 1.12.38 1.36 1.04 1.34 5.39l-.01 1.42-4.07 2.35c-4.67 2.69-4.86 2.77-5.88 2.41zm1.41-.4c.19-.07 2.1-1.14 4.25-2.38l3.9-2.26v-2.38c0-2.92-.4-3.58-1.47-3.82-1.27-.28-2.51.7-2.51 2.91v1.02l-2.31 1.33c-1.27.73-2.36 1.33-2.42 1.33-.28 0-3.42-2.17-3.3-2.28.07-.06.63-.43 1.24-.82C22.48 8.51 22.61 8.42 22.6 7.26c-.01-1.18-.11-1.26-4.22-3.58C13.1.71 14.2.79 9.21 3.57 7.54 4.51 6.55 5.1 5.9 5.6c-1.3.99-1.11 1.79-1.14 5.42l-.03 4.12-1.33.87c-1.95 1.29-2.37 2.05-1.75 3.25.71 1.38 1.83 1.41 3.86.1.66-.43 1.25-.76 1.31-.74.06.02 1.43.9 3.06 1.96 3.53 2.29 3.69 2.36 4.57 2.05zm-2.1-1.16c-.53-.34-2.01-1.29-3.28-2.12L6.76 17.83l-1.35.87c-2.06 1.33-2.62 1.68-3.33.4-.64-1.18-.01-1.6 1.75-2.74l1.45-.93.05-4.29s-.03-4.03.05-4.28c.07-.25.29-.4.29-.4.4-.57 7.09-4.45 7.8-4.53.6-.07.62-.06 4.4 2.06 4.32 2.42 4.15 2.3 4.15 3.21 0 .85-.66 1.33-10.4 7.52-2.63 1.67-2.63 1.22.03 2.93l2.23 1.43 2.66-1.53 2.66-1.53.04-1.36c.05-1.85.37-2.38 1.43-2.38 1.2 0 1.39.45 1.35 3.2l-.03 2.18-3.83 2.21c-4.61 2.66-4.26 2.56-5.78 1.59zm-.84-10.05c1.8-1.16 3.95-2.55 4.77-3.08 1.82-1.17 1.88-.93-.57-2.31L13.66 4.88 11.51 6.12c-1.19.69-2.43 1.4-2.76 1.59l-.61.35V10.8c0 1.51.02 2.74.04 2.74s1.52-.95 3.32-2.12zm-2.79-.91V8.43L11.19 7l2.48-1.42 1.48.83c.82.46 1.52.87 1.56.91s-1.68 1.2-3.83 2.58-3.96 2.55-4.03 2.6c-.1.07-.12-.34-.12-1.99zm2.56-.07c1.15-.74 2.69-1.73 3.41-2.19 1.17-.75 1.3-.86 1.15-.96-.46-.31-2.18-1.23-2.25-1.2-.05.01-1.07.59-2.28 1.29l-2.2 1.26v1.58c0 .87.02 1.58.04 1.58s.98-.61 2.13-1.35z",fill:color})]})}),icons_EleventheyeIcon=EleventheyeIcon;EleventheyeIcon.__docgenInfo={description:"",methods:[],displayName:"EleventheyeIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#0E82C9'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const EyeIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m12 5.5c4 0 7.4 2.7 8.3 6.5-.9 3.7-4.3 6.5-8.3 6.5-4-.1-7.4-2.8-8.3-6.5C4.6 8.3 8 5.5 12 5.5ZM12 17c-3.2 0-5.9-2.1-6.8-5C6.1 9.1 8.8 7 12 7s5.9 2.1 6.8 5c-.9 2.9-3.6 5-6.8 5zm2.9-5c0 1.6-1.3 2.9-2.9 2.9S9.1 13.6 9.1 12 10.4 9.1 12 9.1s2.9 1.3 2.9 2.9zm-1.4 0c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4.6-1.4 1.4-1.4 1.4.6 1.4 1.4z",fill:color})]})}),icons_EyeIcon=EyeIcon;EyeIcon.__docgenInfo={description:"",methods:[],displayName:"EyeIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const EyeSlashIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M 18.12,6.32 C 13.7,9.63 9.22,12.88 4.76,16.15 a 0.72,0.72 0 0 0 -0.15,1 0.72,0.72 0 0 0 1,0.15 C 10.07,14.04 14.54,10.78 18.98,7.47 a 0.72,0.72 0 0 0 0.14,-1 0.72,0.72 0 0 0 -1,-0.14 z",fill:color}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m12 5.5c3.2 0 6.3 1.9 7.7 4.7.3.6.5 1.1.7 1.7-.8 3.2-3.5 5.8-6.8 6.3-3 .7-6.3-.5-8.2-2.9-.8-.9-1.4-2.1-1.7-3.3.8-3.2 3.5-5.7 6.7-6.3.5-.1 1-.1 1.6-.1zM12 17c-3 .1-5.9-2-6.8-4.9.1-.8.6-1.6 1.1-2.3 1.8-2.4 5.1-3.4 7.9-2.5 2.2.7 4 2.5 4.6 4.7-.9 2.9-3.7 5.1-6.8 5Zm2.9-5c.1 1.6-1.5 3.1-3.2 2.9-1.6-.2-2.9-1.9-2.5-3.5.3-1.6 2.1-2.7 3.6-2.1 1.2.3 2.1 1.5 2.1 2.7Zm-1.4 0c.1 1-1.2 1.8-2.1 1.3s-1-1.9-.1-2.5c.9-.7 2.3.1 2.2 1.2z",fill:color})]})}),icons_EyeSlashIcon=EyeSlashIcon;EyeSlashIcon.__docgenInfo={description:"",methods:[],displayName:"EyeSlashIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const FootballIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"M15.18 7.37c.53 1.25 1.41 2.36 2.39 3.41.3-.74.47-1.54.29-2.4-.05-.22-.2-.43-.37-.55-.73-.44-1.52-.53-2.31-.48ZM6.94 13.11c-.32.72-.54 1.51-.36 2.36.04.22.21.45.39.56.75.47 1.56.58 2.38.53-.67-1.3-1.4-2.51-2.4-3.44Zm3.31-3.98c-.14.1-.25.18-.38.28l.98 1.11-.58.56-1.06-1.14c-.2.18-.66.67-.84.85l1.14 1.11-.43.66-1.23-1.09c-.04.08-.11.17-.15.23-.13.21-.23.41-.36.63 1.21 1.18 2.18 2.55 2.89 4.14.23-.04.47-.08.71-.11 1.2-.22 2.29-.88 3.28-1.57.98-.68 1.97-1.47 2.58-2.5.13-.22.23-.42.36-.66-1.24-1.21-2.19-2.6-2.88-4.14-.33.05-.68.11-1.02.19l.57 1.5-.76.17-.55-1.42c-.24.1-.86.37-1.1.5l.71 1.3-.67.31-.73-1.24c-.14.09-.38.25-.5.33ZM9.5 8.07c1.23-.86 2.82-1.58 4.14-1.79 1.31-.21 3.4-.54 5.06.57.23.15.45.47.52.75.48 1.94-.23 3.66-1.11 5.08-.73 1.21-1.95 2.3-3.16 3.15-1.21.86-3.08 1.67-4.09 1.88-1.61.31-3.45.44-5.11-.66-.23-.17-.46-.48-.53-.76-.46-1.93.62-4.07 1.2-4.95.85-1.25 1.88-2.4 3.09-3.25Z",fill:color})]})}),icons_FootballIcon=FootballIcon;FootballIcon.__docgenInfo={description:"",methods:[],displayName:"FootballIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const GamesIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.4 8.4c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5h-7c-1.93 0-3.5-1.57-3.5-3.5S6.47 8.4 8.4 8.4h7ZM8.4 7h7c2.71 0 4.9 2.19 4.9 4.9 0 2.71-2.19 4.9-4.9 4.9h-7c-2.71 0-4.9-2.19-4.9-4.9C3.5 9.19 5.69 7 8.4 7Zm5.38 4.2c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm1.49-1.48c.18 0 .35.06.49.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.13.32-.2.5-.2Zm1.49 1.48c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm-1.51 1.49c.19-.01.38.06.52.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.12.3-.19.47-.2ZM7.66 13.94h1.4v-1.4h1.4v-1.4H9.06V9.74H7.66v1.4H6.26v1.4h1.4Z",fill:color})]})}),icons_GamesIcon=GamesIcon;GamesIcon.__docgenInfo={description:"",methods:[],displayName:"GamesIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const GearUserIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.75 17.07c-.5-.13-.95-.3-1.38-.52-.41-.23-.82-.54-1.21-.95l-2.32 1-.94-1.59 2.03-1.54c-.06-.26-.1-.52-.14-.76-.04-.25-.05-.49-.05-.73 0-.26.02-.51.05-.76s.08-.49.15-.73L4.89 8.96l.94-1.59 2.33.98c.39-.39.78-.7 1.21-.94.41-.24.89-.41 1.41-.52l.26-2.49h1.95l.28 2.52c.44.06.91.23 1.39.53s.86.6 1.15.94l2.4-.99.89 1.59-2.07 1.56c.05.27.09.52.13.74.05.23.06.46.06.73 0 .23-.02.46-.06.7s-.09.5-.15.77l2.05 1.54-.92 1.59-2.32-1.02c-.42.4-.83.7-1.22.93s-.84.4-1.31.52l-.34 2.57h-1.88Zm-1.08-2.34V12.54c0-.6.49-1.1 1.1-1.1h2.19c.6 0 1.1.49 1.1 1.1v2.19Zm3.42-4.89A1.21 1.21 90 0011.88 8.62a1.21 1.21 90 00-1.2 1.21 1.21 1.21 90 001.21 1.21 1.21 1.21 90 001.21-1.21Z",stroke:color,fill:"none",strokeWidth:"1.25px",strokeLinecap:"round",strokeLinejoin:"round"})]})}),icons_GearUserIcon=GearUserIcon;GearUserIcon.__docgenInfo={description:"",methods:[],displayName:"GearUserIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const HexagonIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"nonzero",d:"M7.7 14.16 11.9 16.5l4.2-2.34V9.64L11.9 7.3 7.7 9.64v4.52ZM11.9 4.9 5.6 8.4v7l6.3 3.5 6.3-3.5v-7L11.9 4.9Z",fill:color,stroke:color,strokeWidth:"0.2px"})]})}),icons_HexagonIcon=HexagonIcon;HexagonIcon.__docgenInfo={description:"",methods:[],displayName:"HexagonIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const HomeIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7 7.2c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6 2.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6c-.4 0-.6.3-.6.6s.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6-4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6-.4 0-.6.3-.6.6 0 .4.3.6.6.6Zm2.5-4.4c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6ZM12 9.8c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm1.3-8.2c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 1.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm-.6 7.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6ZM9.5 4.7c-1.1 0-1.9.8-1.9 1.9V16.7c0 1.1.8 1.9 1.9 1.9h5c1.1 0 1.9-.8 1.9-1.9V6.6c0-1.1-.8-1.9-1.9-1.9h-5Zm5 1.3h-5c-.4 0-.6.3-.6.6V16.7c0 .4.3.6.6.6h5c.4 0 .6-.3.6-.6V6.6c0-.4-.3-.6-.6-.6Z",fill:color})]})}),icons_HomeIcon=HomeIcon;HomeIcon.__docgenInfo={description:"",methods:[],displayName:"HomeIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const LockIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"nonzero",d:"M15.75 10.69c1.12 0 2.02.9 2.02 2.02v4.05c0 1.12-.9 2.02-2.02 2.02H7.65c-1.12 0-2.02-.9-2.02-2.02v-4.05c0-1.12.9-2.02 2.02-2.02V8.67c0-2.23 1.82-4.05 4.05-4.05s4.05 1.82 4.05 4.05v2.02ZM11.7 5.96c1.49 0 2.7 1.21 2.7 2.7v2.02H9V8.66c0-1.49 1.21-2.7 2.7-2.7Zm4.05 6.08H7.65c-.37 0-.68.3-.68.68v4.05c0 .37.3.68.68.68h8.1c.37 0 .68-.3.68-.68v-4.05c0-.37-.3-.68-.68-.68Z",fill:color,stroke:color,strokeWidth:"0.2px"})]})}),icons_LockIcon=LockIcon;LockIcon.__docgenInfo={description:"",methods:[],displayName:"LockIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const PenIcon=({className="",size=24,color="#fffff0",fillColor="#transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m15.23 10.2-1.45-1.45.51-.51c.2-.2.52-.2.72 0l.72.72c.2.2.2.52 0 .72l-.51.51Zm-.93.93-1.45-1.45-3.27 3.27 1.45 1.45 3.27-3.27Zm2.18-4.36.72.72c.2.2.2.52 0 .72l-.45.45c.28.57.17 1.27-.3 1.75l-5.42 5.44-2.9-2.9 5.44-5.43c.47-.47 1.18-.58 1.75-.3l.45-.45c.2-.2.52-.2.72 0ZM6.62 17.35l1.09-3.98 2.89 2.89-3.98 1.09Z",fill:color})]})}),icons_PenIcon=PenIcon;PenIcon.__docgenInfo={description:"",methods:[],displayName:"PenIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const RulerIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"M9.7 8.6v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4c.4 0 .7.3.7.7v4.9c0 .4-.3.7-.7.7H5.5c-.4 0-.7-.3-.7-.7V9.3c0-.4.3-.7.7-.7H6.9v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6H9.7ZM5.5 7.2H18.1c1.2 0 2.1.9 2.1 2.1v4.9c0 1.2-.9 2.1-2.1 2.1H5.5c-1.2 0-2.1-.9-2.1-2.1V9.3c0-1.2.9-2.1 2.1-2.1Z",fillRule:"evenodd",clipRule:"evenodd",fill:color})]})}),icons_RulerIcon=RulerIcon;RulerIcon.__docgenInfo={description:"",methods:[],displayName:"RulerIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const SaveIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z",fill:color}),(0,jsx_runtime.jsx)("path",{d:"M6.81 10.75c0-2.17 1.76-3.94 3.94-3.94v1.13c-1.55 0-2.81 1.26-2.81 2.81H6.81Z",fill:color}),(0,jsx_runtime.jsx)("path",{d:"M13.25 16.06c1.55 0 2.81-1.26 2.81-2.81h1.13c0 2.17-1.76 3.94-3.94 3.94v-1.13Z",fill:color}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3.75C7.44 3.75 3.75 7.44 3.75 12c0 4.56 3.69 8.25 8.25 8.25 4.56 0 8.25-3.69 8.25-8.25 0-4.56-3.69-8.25-8.25-8.25ZM5.25 12c0 3.73 3.02 6.75 6.75 6.75s6.75-3.02 6.75-6.75S15.73 5.25 12 5.25 5.25 8.27 5.25 12Z",fill:color})]})}),icons_SaveIcon=SaveIcon;SaveIcon.__docgenInfo={description:"",methods:[],displayName:"SaveIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const TimeLapseIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"M12.03 17.33c-1.51 0-2.77-.63-3.78-1.51l3.78-3.78V6.74c2.9 0 5.29 2.39 5.29 5.29s-2.39 5.29-5.29 5.29Zm8.32-5.3c0 4.54-3.78 8.32-8.32 8.32s-8.32-3.78-8.32-8.32 3.78-8.32 8.32-8.32 8.32 3.79 8.32 8.32Zm-1.51 0c0 3.78-3.02 6.8-6.8 6.8s-6.81-3.02-6.81-6.8 3.02-6.8 6.8-6.8 6.8 3.02 6.8 6.8Z",fillRule:"evenodd",clipRule:"evenodd",fill:color})]})}),icons_TimeLapseIcon=TimeLapseIcon;TimeLapseIcon.__docgenInfo={description:"",methods:[],displayName:"TimeLapseIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const UnlockIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{fillRule:"evenodd",clipRule:"nonzero",d:"M15.75 11.7c.369 0 .675.306.675.675v4.05c0 .369-.306.675-.675.675h-8.1c-.369 0-.675-.306-.675-.675v-4.05c0-.369.306-.675.675-.675h8.1Zm.675-3.375c0-2.232-1.818-4.05-4.05-4.05s-4.05 1.818-4.05 4.05V10.35H7.65c-1.125 0-2.025.9-2.025 2.025v4.05c0 1.125.9 2.025 2.025 2.025h8.1c1.125 0 2.025-.9 2.025-2.025v-4.05c0-1.125-.9-2.025-2.025-2.025H9.675V8.325c0-1.494 1.206-2.7 2.7-2.7s2.7 1.206 2.7 2.7h1.35Z",fill:color,stroke:color,strokeWidth:"0.2px"})]})}),icons_UnlockIcon=UnlockIcon;UnlockIcon.__docgenInfo={description:"",methods:[],displayName:"UnlockIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};const UserSettingsIcon=({className="",size=24,color="#fffff0",fillColor="transparent",fillOpacity=1,circleStrokeColor="#fffff0"})=>(0,jsx_runtime.jsx)(IconContainer,{className,children:(0,jsx_runtime.jsxs)("svg",{width:size,height:size,viewBox:"0 0 24 24",fill:"transparent",xmlns:"http://www.w3.org/2000/svg",children:[(0,jsx_runtime.jsx)("circle",{fill:fillColor,fillOpacity,cx:"12",cy:"12",r:"10.5",stroke:circleStrokeColor,strokeWidth:"1.5px"}),(0,jsx_runtime.jsx)("path",{d:"m9.7 11.6c-.4 0-.8.2-.8.6-.1 1.5 0 3 0 4.5 1.1.6 2.3 1.2 3.4 1.7 1.1-.5 2.2-1.1 3.2-1.7v-3.9c0-.4 0-1.1-.7-1.2zm2.4-6.13C10.8 5.37 10 7.1 10.7 8s2.41.87 2.91-.13c.7-1-.06-2.44-1.51-2.4zm.1-1.5c1.6 0 3 1.23 3.2 2.63.4 1.6-1.1 3.4-2.9 3.4h1.9c1.3-.1 2.6.7 2.7 1.9v3.9c.3-.2.5-.3.8-.5V10h1.6v6c-2.46 1.5-4.8 2.78-7.2 4.2-2.48-1.44-5.14-2.78-7.6-4.2v-6h1.7v5.3c.3.1.5.3.8.5V12.6c-.1-1.1.7-2.3 1.9-2.5.9-.1 1.8-.1 2.8-.1-1.6-.2-2.9-1.4-3-2.7-.2-1.7 1.4-3.43 3.3-3.33Z",fill:color})]})}),icons_UserSettingsIcon=UserSettingsIcon;UserSettingsIcon.__docgenInfo={description:"",methods:[],displayName:"UserSettingsIcon",props:{className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"24",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},strokeSize:{required:!1,tsType:{name:"number"},description:""},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#fffff0'",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),icons=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/icons.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(icons.A,options);icons.A&&icons.A.locals&&icons.A.locals;const Icons=({color="#000000",size=24,fillColor="transparent",fillOpacity=1,circleStrokeColor="transparent"})=>(0,jsx_runtime.jsxs)("div",{className:"icon-wrapper",children:[(0,jsx_runtime.jsx)(icons_AddItemIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_AddUserIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_CheckIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_DeleteIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_EleventheyeIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_EyeIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_EyeSlashIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_FootballIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_GamesIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_GearUserIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_HexagonIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_HomeIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_LockIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_PenIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_RulerIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_SaveIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_TimeLapseIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_UnlockIcon,{size,color,fillColor,fillOpacity,circleStrokeColor}),(0,jsx_runtime.jsx)(icons_UserSettingsIcon,{size,color,fillColor,fillOpacity,circleStrokeColor})]});Icons.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Icons",props:{color:{required:!1,tsType:{name:"string"},description:"What color to use",defaultValue:{value:"'#000000'",computed:!1}},size:{required:!1,tsType:{name:"number"},description:"How large should the icon be?",defaultValue:{value:"24",computed:!1}},fillColor:{required:!1,tsType:{name:"string"},description:"What color to fill the icon",defaultValue:{value:"'transparent'",computed:!1}},fillOpacity:{required:!1,tsType:{name:"number"},description:"Opacity of the fill color",defaultValue:{value:"1",computed:!1}},circleStrokeColor:{required:!1,tsType:{name:"string"},description:"Circle around the icon color",defaultValue:{value:"'transparent'",computed:!1}}}};const Icons_stories={title:"Icons",component:Icons,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{control:"number"}},args:{}},Default={args:{color:"#000000",size:24,fillColor:"transparent",fillOpacity:1,circleStrokeColor:"transparent"}},Medium={args:{color:"#000000",size:32,fillColor:"transparent",fillOpacity:1,circleStrokeColor:"transparent"}},Large={args:{color:"#000000",size:48,fillColor:"transparent",fillOpacity:1,circleStrokeColor:"transparent"}},__namedExportsOrder=["Default","Medium","Large"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {\n    color: '#000000',\n    size: 24,\n    fillColor: 'transparent',\n    fillOpacity: 1,\n    circleStrokeColor: 'transparent'\n  }\n}",...Default.parameters?.docs?.source}}},Medium.parameters={...Medium.parameters,docs:{...Medium.parameters?.docs,source:{originalSource:"{\n  args: {\n    color: `#000000`,\n    size: 32,\n    fillColor: 'transparent',\n    fillOpacity: 1,\n    circleStrokeColor: 'transparent'\n  }\n}",...Medium.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"{\n  args: {\n    color: `#000000`,\n    size: 48,\n    fillColor: 'transparent',\n    fillOpacity: 1,\n    circleStrokeColor: 'transparent'\n  }\n}",...Large.parameters?.docs?.source}}}}}]);
+//# sourceMappingURL=stories-Icons-stories.934f2ebc.iframe.bundle.js.map

package/storybook-static/stories-Icons-stories.934f2ebc.iframe.bundle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"stories-Icons-stories.934f2ebc.iframe.bundle.js","mappings":";;;;;;AAIA","sources":["webpack://@eleventheye/asui/./src/icons/AddItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconProps } from '../icons/Icons.types';\nimport { IconContainer } from '../icons/styles';\n\nconst AddItemIcon: React.FC<IconProps> = ({\n className = '',\n size = 24,\n color = '#fffff0',\n fillColor = 'transparent',\n fillOpacity = 1,\n circleStrokeColor = '#fffff0',\n}) => {\n return (\n <IconContainer className={className}>\n <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"transparent\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle\n fill={fillColor}\n fillOpacity={fillOpacity}\n cx=\"12\"\n cy=\"12\"\n r=\"10.5\"\n stroke={circleStrokeColor}\n strokeWidth={'1.5px'}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.74 15.8V14.42H9.36V13.03h1.38V11.65h1.39v1.39h1.39v1.39H12.13v1.39H10.74ZM7.98 4.73c-1.15 0-2.08.93-2.08 2.08V16.5c0 1.15.93 2.08 2.08 2.08h8.31c1.15 0 2.08-.93 2.08-2.08V9.58c0-2.68-2.17-4.85-4.85-4.85H7.98Zm0 1.39h4.84V9.58h4.16V16.5c0 .39-.31.69-.69.69H7.98c-.39 0-.69-.31-.69-.69V6.8c0-.39.31-.69.69-.69Zm6.23.06c1.12.23 2.04.99 2.48 2.02H14.21V6.17Z\"\n fill={color}\n />\n </svg>\n </IconContainer>\n );\n};\n\nexport default AddItemIcon;\n"],"names":[],"sourceRoot":""}

package/storybook-static/stories-Page-stories.1f5ff8f9.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_eleventheye_asui=self.webpackChunk_eleventheye_asui||[]).push([[290],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/page.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".storybook-page {\n margin: 0 auto;\n padding: 48px 20px;\n max-width: 600px;\n color: #333;\n font-size: 14px;\n line-height: 24px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n.storybook-page h2 {\n display: inline-block;\n vertical-align: top;\n margin: 0 0 4px;\n font-weight: 700;\n font-size: 32px;\n line-height: 1;\n}\n\n.storybook-page p {\n margin: 1em 0;\n}\n\n.storybook-page a {\n color: inherit;\n}\n\n.storybook-page ul {\n margin: 1em 0;\n padding-left: 30px;\n}\n\n.storybook-page li {\n margin-bottom: 8px;\n}\n\n.storybook-page .tip {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n border-radius: 1em;\n background: #e7fdd8;\n padding: 4px 12px;\n color: #357a14;\n font-weight: 700;\n font-size: 11px;\n line-height: 12px;\n}\n\n.storybook-page .tip-wrapper {\n margin-top: 40px;\n margin-bottom: 40px;\n font-size: 13px;\n line-height: 20px;\n}\n\n.storybook-page .tip-wrapper svg {\n display: inline-block;\n vertical-align: top;\n margin-top: 3px;\n margin-right: 4px;\n width: 12px;\n height: 12px;\n}\n\n.storybook-page .tip-wrapper svg path {\n fill: #1ea7fd;\n}\n","",{version:3,sources:["webpack://./src/stories/page.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,0EAA0E;AAC5E;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,eAAe;EACf,cAAc;AAChB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,cAAc;EACd,gBAAgB;EAChB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,aAAa;AACf",sourcesContent:[".storybook-page {\n margin: 0 auto;\n padding: 48px 20px;\n max-width: 600px;\n color: #333;\n font-size: 14px;\n line-height: 24px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n.storybook-page h2 {\n display: inline-block;\n vertical-align: top;\n margin: 0 0 4px;\n font-weight: 700;\n font-size: 32px;\n line-height: 1;\n}\n\n.storybook-page p {\n margin: 1em 0;\n}\n\n.storybook-page a {\n color: inherit;\n}\n\n.storybook-page ul {\n margin: 1em 0;\n padding-left: 30px;\n}\n\n.storybook-page li {\n margin-bottom: 8px;\n}\n\n.storybook-page .tip {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n border-radius: 1em;\n background: #e7fdd8;\n padding: 4px 12px;\n color: #357a14;\n font-weight: 700;\n font-size: 11px;\n line-height: 12px;\n}\n\n.storybook-page .tip-wrapper {\n margin-top: 40px;\n margin-bottom: 40px;\n font-size: 13px;\n line-height: 20px;\n}\n\n.storybook-page .tip-wrapper svg {\n display: inline-block;\n vertical-align: top;\n margin-top: 3px;\n margin-right: 4px;\n width: 12px;\n height: 12px;\n}\n\n.storybook-page .tip-wrapper svg path {\n fill: #1ea7fd;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/stories/Page.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoggedIn:()=>LoggedIn,LoggedOut:()=>LoggedOut,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Page_stories});var dist=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Header=__webpack_require__("./src/stories/Header.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),page=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./src/stories/page.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(page.A,options);page.A&&page.A.locals&&page.A.locals;const Page=()=>{const[user,setUser]=react.useState();return(0,jsx_runtime.jsxs)("article",{children:[(0,jsx_runtime.jsx)(Header.Y,{user,onLogin:()=>setUser({name:"Jane Doe"}),onLogout:()=>setUser(void 0),onCreateAccount:()=>setUser({name:"Jane Doe"})}),(0,jsx_runtime.jsxs)("section",{className:"storybook-page",children:[(0,jsx_runtime.jsx)("h2",{children:"Pages in Storybook"}),(0,jsx_runtime.jsxs)("p",{children:["We recommend building UIs with a"," ",(0,jsx_runtime.jsx)("a",{href:"https://componentdriven.org",target:"_blank",rel:"noopener noreferrer",children:(0,jsx_runtime.jsx)("strong",{children:"component-driven"})})," ","process starting with atomic components and ending with pages."]}),(0,jsx_runtime.jsx)("p",{children:"Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories'}),(0,jsx_runtime.jsx)("li",{children:"Assemble data in the page component from your services. You can mock these services out using Storybook."})]}),(0,jsx_runtime.jsxs)("p",{children:["Get a guided tutorial on component-driven development at"," ",(0,jsx_runtime.jsx)("a",{href:"https://storybook.js.org/tutorials/",target:"_blank",rel:"noopener noreferrer",children:"Storybook tutorials"}),". Read more in the"," ",(0,jsx_runtime.jsx)("a",{href:"https://storybook.js.org/docs",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]}),(0,jsx_runtime.jsxs)("div",{className:"tip-wrapper",children:[(0,jsx_runtime.jsx)("span",{className:"tip",children:"Tip"})," Adjust the width of the canvas with the"," ",(0,jsx_runtime.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,jsx_runtime.jsx)("path",{d:"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",id:"a",fill:"#999"})})}),"Viewports addon in the toolbar"]})]})]})};Page.__docgenInfo={description:"",methods:[],displayName:"Page"};const Page_stories={title:"Example/Page",component:Page,parameters:{layout:"fullscreen"}},LoggedOut={},LoggedIn={play:async({canvasElement})=>{const canvas=(0,dist.ux)(canvasElement),loginButton=canvas.getByRole("button",{name:/Log in/i});await(0,dist.E3)(loginButton).toBeInTheDocument(),await dist.Q4.click(loginButton),await(0,dist.E3)(loginButton).not.toBeInTheDocument();const logoutButton=canvas.getByRole("button",{name:/Log out/i});await(0,dist.E3)(logoutButton).toBeInTheDocument()}},__namedExportsOrder=["LoggedOut","LoggedIn"];LoggedOut.parameters={...LoggedOut.parameters,docs:{...LoggedOut.parameters?.docs,source:{originalSource:"{}",...LoggedOut.parameters?.docs?.source}}},LoggedIn.parameters={...LoggedIn.parameters,docs:{...LoggedIn.parameters?.docs,source:{originalSource:"{\n play: async ({\n canvasElement\n }) => {\n const canvas = within(canvasElement);\n const loginButton = canvas.getByRole('button', {\n name: /Log in/i\n });\n await expect(loginButton).toBeInTheDocument();\n await userEvent.click(loginButton);\n await expect(loginButton).not.toBeInTheDocument();\n const logoutButton = canvas.getByRole('button', {\n name: /Log out/i\n });\n await expect(logoutButton).toBeInTheDocument();\n }\n}",...LoggedIn.parameters?.docs?.source}}}}}]);

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,117 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+    /* Language and Environment */
+    "target": "ESNext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    "lib": [
+      "ESNext"
+    ] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
+    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
+    // "libReplacement": true,                           /* Enable lib replacement. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+    /* Modules */
+    "module": "NodeNext" /* Specify what module code is generated. */,
+    // "rootDir": "src/" /* Specify the root folder within your source files. */,
+    "moduleResolution": "nodenext" /* Specify how TypeScript looks up a file from a given module specifier. */,
+    "baseUrl": "." /* Specify the base directory to resolve non-relative module names. */,
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": []                                       /* Specify type package names to be included without being referenced in a source file. */,
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    // "rewriteRelativeImportExtensions": true,          /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    // "noUncheckedSideEffectImports": true,             /* Check side effect imports. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+    /* JavaScript Support */
+    "allowJs": true /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
+    "checkJs": true /* Enable error reporting in type-checked JavaScript files. */,
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+    /* Emit */
+    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
+    "declarationMap": true /* Create sourcemaps for d.ts files. */,
+    "emitDeclarationOnly": false /* Only output d.ts files and not JavaScript files. */,
+    "sourceMap": false /* Create source map files for emitted JavaScript files. */,
+    // "inlineSourceMap": true /* Include sourcemap files inside the emitted JavaScript. */,
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "outFile": "dist/index.js" /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */,
+    "outDir": "./dist" /* Specify an output folder for all emitted files. */,
+    "removeComments": true /* Disable emitting comments. */,
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "src/" /* Specify the root path for debuggers to find the reference source code. */,
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSources": false /* Include source code in the sourcemaps inside the emitted JavaScript. */,
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    "declarationDir": "./dist" /* Specify the output directory for generated declaration files. */,
+    /* Interop Constraints */
+    // "isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
+    // "erasableSyntaxOnly": true,                       /* Do not allow runtime constructs that are not part of ECMAScript. */
+    "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+    /* Type Checking */
+    "strict": true /* Enable all strict type-checking options. */,
+    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "strictBuiltinIteratorReturn": true,              /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+    /* Completeness */
+    // "skipDefaultLibCheck": true /* Skip type checking .d.ts files that are included with TypeScript. */,
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */
+  },
+  "include": ["src"],
+  "exclude": ["node_modules/**/*", "src/stories/**/*", ".storybook"]
+}

package/dist/types/ASUI.types.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/types/ASUI.types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,KAAK,YAAY;IACjB,MAAM,aAAa;IACnB,KAAK,YAAY;CAClB"}

package/dist/types/ASUI.types.js DELETED Viewed

@@ -1,6 +0,0 @@
-export var ASComponentSize;
-(function (ASComponentSize) {
-    ASComponentSize["Small"] = "ASSmall";
-    ASComponentSize["Medium"] = "ASMedium";
-    ASComponentSize["Large"] = "ASLarge";
-})(ASComponentSize || (ASComponentSize = {}));

package/src/icons/AddItemIcon.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-const AddItemIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M10.74 15.8V14.42H9.36V13.03h1.38V11.65h1.39v1.39h1.39v1.39H12.13v1.39H10.74ZM7.98 4.73c-1.15 0-2.08.93-2.08 2.08V16.5c0 1.15.93 2.08 2.08 2.08h8.31c1.15 0 2.08-.93 2.08-2.08V9.58c0-2.68-2.17-4.85-4.85-4.85H7.98Zm0 1.39h4.84V9.58h4.16V16.5c0 .39-.31.69-.69.69H7.98c-.39 0-.69-.31-.69-.69V6.8c0-.39.31-.69.69-.69Zm6.23.06c1.12.23 2.04.99 2.48 2.02H14.21V6.17Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-export default AddItemIcon;

package/src/icons/AddUserIcon.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-const AddUserIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.15 11.18c1.49 0 2.7-1.21 2.7-2.7s-1.21-2.7-2.7-2.7-2.7 1.21-2.7 2.7 1.21 2.7 2.7 2.7Zm0-1.35c.75 0 1.35-.6 1.35-1.35s-.6-1.35-1.35-1.35-1.35.6-1.35 1.35.6 1.35 1.35 1.35Zm2.02 3.38c.37 0 .68.31.68.68v4.05h1.35v-4.05c0-1.12-.91-2.02-2.02-2.02H7.13c-1.12-.02-2.03.89-2.03 2.01v4.05H6.45v-4.05c0-.37.31-.68.68-.68h4.05ZM15.9 8.48h1.35v1.35h1.35v1.35H17.25v1.35H15.9v-1.35H14.55V9.83h1.35V8.48Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-export default AddUserIcon;

package/src/icons/CheckIcon.tsx DELETED Viewed

@@ -1,37 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-const CheckIcon: React.FC<IconProps> = ({
-  className = '',
-  style,
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className} style={style}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          fillRule="nonzero"
-          d="M10.24 16.31 6 12.07l1.41-1.41 2.83 2.83L15.9 7.83l1.41 1.41-7.07 7.07Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-export default CheckIcon;

package/src/icons/CloseIcon.tsx DELETED Viewed

@@ -1,34 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-const CloseIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          d="M16.3394 9.32245C16.7434 8.94589 16.7657 8.31312 16.3891 7.90911C16.0126 7.50509 15.3798 7.48283 14.9758 7.85938L12.0497 10.5866L9.32245 7.66048C8.94589 7.25647 8.31312 7.23421 7.90911 7.61076C7.50509 7.98731 7.48283 8.62008 7.85938 9.0241L10.5866 11.9502L7.66048 14.6775C7.25647 15.054 7.23421 15.6868 7.61076 16.0908C7.98731 16.4948 8.62008 16.5171 9.0241 16.1405L11.9502 13.4133L14.6775 16.3394C15.054 16.7434 15.6868 16.7657 16.0908 16.3891C16.4948 16.0126 16.5171 15.3798 16.1405 14.9758L13.4133 12.0497L16.3394 9.32245Z"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-export default CloseIcon;

package/src/icons/DeleteIcon.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-import React from 'react';
-import { IconProps } from '../icons/Icons.types';
-import { IconContainer } from '../icons/styles';
-const DeleteIcon: React.FC<IconProps> = ({
-  className = '',
-  size = 24,
-  color = '#fffff0',
-  fillColor = 'transparent',
-  fillOpacity = 1,
-  circleStrokeColor = '#fffff0',
-}) => {
-  return (
-    <IconContainer className={className}>
-      <svg width={size} height={size} viewBox="0 0 24 24" fill="transparent" xmlns="http://www.w3.org/2000/svg">
-        <circle
-          fill={fillColor}
-          fillOpacity={fillOpacity}
-          cx="12"
-          cy="12"
-          r="10.5"
-          stroke={circleStrokeColor}
-          strokeWidth={'1.5px'}
-        />
-        <path
-          d="M15.5 7.5V6.8c0-.8-.6-1.4-1.4-1.4H9.9c-.8 0-1.4.6-1.4 1.4v.7H6.4c-.4 0-.7.3-.7.7s.3.7.7.7h.7v7.7c0 1.2.9 2.1 2.1 2.1h5.6c1.2 0 2.1-.9 2.1-2.1V8.9h.7c.4 0 .7-.3.7-.7s-.3-.7-.7-.7H15.5Zm-1.4-.7H9.9v.7h4.2V6.8Zm1.4 2.1h-7v7.7c0 .4.3.7.7.7h5.6c.4 0 .7-.3.7-.7V8.9ZM9.9 10.3h1.4v5.6H9.9V10.3Zm2.8 0h1.4v5.6H12.7V10.3Z"
-          fillRule="evenodd"
-          clipRule="evenodd"
-          fill={color}
-        />
-      </svg>
-    </IconContainer>
-  );
-};
-export default DeleteIcon;