@feminab/box-ui 0.1.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.
- package/.babelrc +15 -0
- package/.storybook/main.ts +20 -0
- package/.storybook/preview.ts +15 -0
- package/README.md +46 -0
- package/dist/@interfaces/Badge.d.d.ts +12 -0
- package/dist/@interfaces/Badge.d.d.ts.map +1 -0
- package/dist/@interfaces/Button.d.d.ts +15 -0
- package/dist/@interfaces/Button.d.d.ts.map +1 -0
- package/dist/@interfaces/Color.d.d.ts +6 -0
- package/dist/@interfaces/Color.d.d.ts.map +1 -0
- package/dist/@interfaces/IButtonItem.d.d.ts +6 -0
- package/dist/@interfaces/IButtonItem.d.d.ts.map +1 -0
- package/dist/@interfaces/ISubNavItem.d.d.ts +9 -0
- package/dist/@interfaces/ISubNavItem.d.d.ts.map +1 -0
- package/dist/@interfaces/MobileNavProps.d.d.ts +5 -0
- package/dist/@interfaces/MobileNavProps.d.d.ts.map +1 -0
- package/dist/@interfaces/NavItem.d.d.ts +22 -0
- package/dist/@interfaces/NavItem.d.d.ts.map +1 -0
- package/dist/@interfaces/Pagination.d.d.ts +8 -0
- package/dist/@interfaces/Pagination.d.d.ts.map +1 -0
- package/dist/@interfaces/Select.d.d.ts +14 -0
- package/dist/@interfaces/Select.d.d.ts.map +1 -0
- package/dist/@interfaces/SideNavProps.d.d.ts +11 -0
- package/dist/@interfaces/SideNavProps.d.d.ts.map +1 -0
- package/dist/@interfaces/TextInput.d.d.ts +15 -0
- package/dist/@interfaces/TextInput.d.d.ts.map +1 -0
- package/dist/@interfaces/index.d.ts +12 -0
- package/dist/@interfaces/index.d.ts.map +1 -0
- package/dist/Badge.d.ts +4 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Button.d.ts +4 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/ButtonGroup.d.ts +9 -0
- package/dist/ButtonGroup.d.ts.map +1 -0
- package/dist/ColorBox.d.ts +4 -0
- package/dist/ColorBox.d.ts.map +1 -0
- package/dist/Header.d.ts +13 -0
- package/dist/Header.d.ts.map +1 -0
- package/dist/Nav/MobileNav.d.ts +4 -0
- package/dist/Nav/MobileNav.d.ts.map +1 -0
- package/dist/Nav/NavItem.d.ts +4 -0
- package/dist/Nav/NavItem.d.ts.map +1 -0
- package/dist/Nav/SideNav.d.ts +5 -0
- package/dist/Nav/SideNav.d.ts.map +1 -0
- package/dist/Nav/SubNavItem.d.ts +4 -0
- package/dist/Nav/SubNavItem.d.ts.map +1 -0
- package/dist/Page.d.ts +3 -0
- package/dist/Page.d.ts.map +1 -0
- package/dist/Paginate.d.ts +4 -0
- package/dist/Paginate.d.ts.map +1 -0
- package/dist/Select.d.ts +4 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/StoryLayout.d.ts +9 -0
- package/dist/StoryLayout.d.ts.map +1 -0
- package/dist/TextInput.d.ts +4 -0
- package/dist/TextInput.d.ts.map +1 -0
- package/dist/Typography.d.ts +14 -0
- package/dist/Typography.d.ts.map +1 -0
- package/dist/box-ui.cjs.development.js +1122 -0
- package/dist/box-ui.cjs.development.js.map +1 -0
- package/dist/box-ui.cjs.production.min.js +2 -0
- package/dist/box-ui.cjs.production.min.js.map +1 -0
- package/dist/box-ui.esm.js +1096 -0
- package/dist/box-ui.esm.js.map +1 -0
- package/dist/data/colors.d.ts +3 -0
- package/dist/data/colors.d.ts.map +1 -0
- package/dist/data/countries.d.ts +3 -0
- package/dist/data/countries.d.ts.map +1 -0
- package/dist/data/images/index.d.ts +5 -0
- package/dist/data/images/index.d.ts.map +1 -0
- package/dist/data/index.d.ts +6 -0
- package/dist/data/index.d.ts.map +1 -0
- package/dist/data/navItems.d.ts +4 -0
- package/dist/data/navItems.d.ts.map +1 -0
- package/dist/data/options.d.ts +5 -0
- package/dist/data/options.d.ts.map +1 -0
- package/dist/data/prices.d.ts +3 -0
- package/dist/data/prices.d.ts.map +1 -0
- package/dist/hooks/useIconClassName.d.ts +5 -0
- package/dist/hooks/useIconClassName.d.ts.map +1 -0
- package/dist/hooks/useIconProps.d.ts +5 -0
- package/dist/hooks/useIconProps.d.ts.map +1 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/reportWebVitals.d.ts +4 -0
- package/dist/reportWebVitals.d.ts.map +1 -0
- package/dist/setupTests.d.ts +2 -0
- package/dist/setupTests.d.ts.map +1 -0
- package/dist/stories/Badge.stories.d.ts +13 -0
- package/dist/stories/Badge.stories.d.ts.map +1 -0
- package/dist/stories/Button.stories.d.ts +16 -0
- package/dist/stories/Button.stories.d.ts.map +1 -0
- package/dist/stories/ButtonGroup.stories.d.ts +11 -0
- package/dist/stories/ButtonGroup.stories.d.ts.map +1 -0
- package/dist/stories/Colors.stories.d.ts +8 -0
- package/dist/stories/Colors.stories.d.ts.map +1 -0
- package/dist/stories/Header.stories.d.ts +20 -0
- package/dist/stories/Header.stories.d.ts.map +1 -0
- package/dist/stories/MobileNav.stories.d.ts +10 -0
- package/dist/stories/MobileNav.stories.d.ts.map +1 -0
- package/dist/stories/Page.stories.d.ts +14 -0
- package/dist/stories/Page.stories.d.ts.map +1 -0
- package/dist/stories/Paginate.stories.d.ts +11 -0
- package/dist/stories/Paginate.stories.d.ts.map +1 -0
- package/dist/stories/Select.stories.d.ts +11 -0
- package/dist/stories/Select.stories.d.ts.map +1 -0
- package/dist/stories/SideNav.stories.d.ts +10 -0
- package/dist/stories/SideNav.stories.d.ts.map +1 -0
- package/dist/stories/TextInput.stories.d.ts +11 -0
- package/dist/stories/TextInput.stories.d.ts.map +1 -0
- package/dist/stories/Typography.stories.d.ts +11 -0
- package/dist/stories/Typography.stories.d.ts.map +1 -0
- package/output.css +639 -0
- package/package.json +91 -0
- package/postcss.config.js +6 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +43 -0
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +25 -0
- package/public/robots.txt +3 -0
- package/src/@interfaces/Badge.d.tsx +13 -0
- package/src/@interfaces/Button.d.tsx +17 -0
- package/src/@interfaces/Color.d.tsx +5 -0
- package/src/@interfaces/IButtonItem.d.tsx +6 -0
- package/src/@interfaces/ISubNavItem.d.tsx +10 -0
- package/src/@interfaces/MobileNavProps.d.tsx +4 -0
- package/src/@interfaces/NavItem.d.tsx +22 -0
- package/src/@interfaces/Pagination.d.tsx +7 -0
- package/src/@interfaces/Select.d.tsx +12 -0
- package/src/@interfaces/SideNavProps.d.tsx +11 -0
- package/src/@interfaces/TextInput.d.tsx +13 -0
- package/src/@interfaces/index.tsx +11 -0
- package/src/Badge.tsx +44 -0
- package/src/Button.tsx +132 -0
- package/src/ButtonGroup.tsx +37 -0
- package/src/ColorBox.tsx +15 -0
- package/src/Header.tsx +55 -0
- package/src/Nav/MobileNav.tsx +35 -0
- package/src/Nav/NavItem.tsx +101 -0
- package/src/Nav/SideNav.tsx +165 -0
- package/src/Nav/SubNavItem.tsx +39 -0
- package/src/Page.tsx +72 -0
- package/src/Paginate.tsx +102 -0
- package/src/Select.tsx +102 -0
- package/src/StoryLayout.tsx +17 -0
- package/src/TextInput.tsx +103 -0
- package/src/Typography.tsx +81 -0
- package/src/data/colors.tsx +279 -0
- package/src/data/countries.tsx +57 -0
- package/src/data/images/be.svg +1 -0
- package/src/data/images/de.svg +1 -0
- package/src/data/images/fr.svg +1 -0
- package/src/data/images/in.svg +1 -0
- package/src/data/images/index.tsx +33 -0
- package/src/data/images/it.svg +1 -0
- package/src/data/images/logo.svg +23 -0
- package/src/data/images/nl.svg +1 -0
- package/src/data/images/ru.svg +1 -0
- package/src/data/images/us.svg +1 -0
- package/src/data/index.tsx +5 -0
- package/src/data/navItems.tsx +109 -0
- package/src/data/options.tsx +51 -0
- package/src/data/prices.tsx +36 -0
- package/src/hooks/useIconClassName.tsx +14 -0
- package/src/hooks/useIconProps.tsx +19 -0
- package/src/index.js +15 -0
- package/src/react-app-env.d.ts +1 -0
- package/src/reportWebVitals.ts +15 -0
- package/src/setupTests.ts +5 -0
- package/src/stories/Badge.stories.tsx +86 -0
- package/src/stories/Button.stories.tsx +104 -0
- package/src/stories/ButtonGroup.stories.tsx +83 -0
- package/src/stories/Colors.stories.tsx +31 -0
- package/src/stories/Configure.mdx +364 -0
- package/src/stories/Header.stories.ts +33 -0
- package/src/stories/MobileNav.stories.tsx +60 -0
- package/src/stories/Page.stories.ts +32 -0
- package/src/stories/Paginate.stories.tsx +64 -0
- package/src/stories/Select.stories.tsx +77 -0
- package/src/stories/SideNav.stories.tsx +38 -0
- package/src/stories/TextInput.stories.tsx +100 -0
- package/src/stories/Typography.stories.tsx +115 -0
- package/src/stories/assets/accessibility.png +0 -0
- package/src/stories/assets/accessibility.svg +1 -0
- package/src/stories/assets/addon-library.png +0 -0
- package/src/stories/assets/assets.png +0 -0
- package/src/stories/assets/avif-test-image.avif +0 -0
- package/src/stories/assets/context.png +0 -0
- package/src/stories/assets/discord.svg +1 -0
- package/src/stories/assets/docs.png +0 -0
- package/src/stories/assets/figma-plugin.png +0 -0
- package/src/stories/assets/github.svg +1 -0
- package/src/stories/assets/share.png +0 -0
- package/src/stories/assets/styling.png +0 -0
- package/src/stories/assets/testing.png +0 -0
- package/src/stories/assets/theming.png +0 -0
- package/src/stories/assets/tutorials.svg +1 -0
- package/src/stories/assets/youtube.svg +1 -0
- package/src/styles/global.css +367 -0
- package/storybook-static/125.65b26339.iframe.bundle.js +405 -0
- package/storybook-static/125.65b26339.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/125.65b26339.iframe.bundle.js.map +1 -0
- package/storybook-static/13.0638081a.iframe.bundle.js +2 -0
- package/storybook-static/13.0638081a.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/161.a19908ac.iframe.bundle.js +2 -0
- package/storybook-static/161.a19908ac.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/161528bb6c25115b3f83.png +0 -0
- package/storybook-static/167.3fa3a909.iframe.bundle.js +1 -0
- package/storybook-static/294.ce38f65c.iframe.bundle.js +1 -0
- package/storybook-static/2dbc69731c3f9930a271.png +0 -0
- package/storybook-static/314.568bd9af.iframe.bundle.js +2 -0
- package/storybook-static/314.568bd9af.iframe.bundle.js.LICENSE.txt +15 -0
- package/storybook-static/364.0b18ef67.iframe.bundle.js +1 -0
- package/storybook-static/735.1625d9f4.iframe.bundle.js +2 -0
- package/storybook-static/735.1625d9f4.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/742.597501f6.iframe.bundle.js +1 -0
- package/storybook-static/7a58d2cb9a6358f85e9b.png +0 -0
- package/storybook-static/844.aec20bdb.iframe.bundle.js +95 -0
- package/storybook-static/844.aec20bdb.iframe.bundle.js.LICENSE.txt +19 -0
- package/storybook-static/844.aec20bdb.iframe.bundle.js.map +1 -0
- package/storybook-static/9335a1a91b80ad4fec70.png +0 -0
- package/storybook-static/936.fd850a3f.iframe.bundle.js +1 -0
- package/storybook-static/961.0e5457c5.iframe.bundle.js +2 -0
- package/storybook-static/961.0e5457c5.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/c720ced26387af8a9cb2.png +0 -0
- package/storybook-static/e93de094692245f1ec04.png +0 -0
- package/storybook-static/f7d8b9a8cec7528e0e36.png +0 -0
- package/storybook-static/favicon.ico +0 -0
- package/storybook-static/favicon.svg +1 -0
- package/storybook-static/iframe.html +511 -0
- package/storybook-static/index.html +185 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/logo192.png +0 -0
- package/storybook-static/logo512.png +0 -0
- package/storybook-static/main.069281cf.iframe.bundle.js +1 -0
- package/storybook-static/manifest.json +25 -0
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/robots.txt +3 -0
- package/storybook-static/runtime~main.295ddda4.iframe.bundle.js +1 -0
- package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +331 -0
- package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +51 -0
- package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +12 -0
- package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +402 -0
- package/storybook-static/sb-addons/essentials-docs-3/manager-bundle.js +242 -0
- package/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/interactions-11/manager-bundle.js +222 -0
- package/storybook-static/sb-addons/links-12/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/onboarding-9/manager-bundle.js +127 -0
- package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
- package/storybook-static/sb-common-assets/favicon.svg +1 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +1051 -0
- package/storybook-static/sb-manager/globals-runtime.js +41591 -0
- package/storybook-static/sb-manager/globals.js +48 -0
- package/storybook-static/sb-manager/runtime.js +12048 -0
- package/storybook-static/sb-preview/globals.js +33 -0
- package/storybook-static/sb-preview/runtime.js +7745 -0
- package/storybook-static/static/css/main.08036cd2.css +2294 -0
- package/storybook-static/static/css/main.08036cd2.css.map +1 -0
- package/storybook-static/static/media/discord.d85804c7f88be863ff119366ab74d826.svg +1 -0
- package/storybook-static/static/media/github.e4e8df827592b1ed0288e4678e1965ce.svg +1 -0
- package/storybook-static/static/media/tutorials.fde6e46fc254fa77b6e39d1118470f7c.svg +1 -0
- package/storybook-static/static/media/youtube.fd046a09fac357359f94cc21068d6560.svg +1 -0
- package/storybook-static/stories-Badge-stories.484f7206.iframe.bundle.js +1 -0
- package/storybook-static/stories-Button-stories.5e29be85.iframe.bundle.js +1 -0
- package/storybook-static/stories-ButtonGroup-stories.cc89968c.iframe.bundle.js +1 -0
- package/storybook-static/stories-Colors-stories.f892dc75.iframe.bundle.js +2 -0
- package/storybook-static/stories-Colors-stories.f892dc75.iframe.bundle.js.LICENSE.txt +15 -0
- package/storybook-static/stories-Configure-mdx.81346d97.iframe.bundle.js +1 -0
- package/storybook-static/stories-Header-stories.cf691094.iframe.bundle.js +2 -0
- package/storybook-static/stories-Header-stories.cf691094.iframe.bundle.js.LICENSE.txt +15 -0
- package/storybook-static/stories-MobileNav-stories.f04cccdd.iframe.bundle.js +1 -0
- package/storybook-static/stories-Page-stories.0c9aa29d.iframe.bundle.js +2 -0
- package/storybook-static/stories-Page-stories.0c9aa29d.iframe.bundle.js.LICENSE.txt +15 -0
- package/storybook-static/stories-Paginate-stories.3b161781.iframe.bundle.js +1 -0
- package/storybook-static/stories-Select-stories.7556ae0d.iframe.bundle.js +1 -0
- package/storybook-static/stories-SideNav-stories.093fac6a.iframe.bundle.js +1 -0
- package/storybook-static/stories-TextInput-stories.6d3e15c6.iframe.bundle.js +1 -0
- package/storybook-static/stories-Typography-stories.6640f7ac.iframe.bundle.js +2 -0
- package/storybook-static/stories-Typography-stories.6640f7ac.iframe.bundle.js.LICENSE.txt +15 -0
- package/tailwind.config.js +113 -0
- package/tsconfig.json +29 -0
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";(self.webpackChunkbox_ui=self.webpackChunkbox_ui||[]).push([[936],{"./node_modules/@storybook/blocks/dist/Color-YHDXOIA2.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:()=>ColorControl,default:()=>Color_default});var _chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/blocks/dist/chunk-2PTXLE6R.mjs"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),storybook_internal_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/core/dist/components/index.js"),storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@storybook/core/dist/theming/index.js"),_storybook_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/icons/dist/index.mjs"),require_color_name=(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.P$)({"../../node_modules/color-name/index.js"(exports,module){module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),require_conversions=(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.P$)({"../../node_modules/color-convert/conversions.js"(exports,module){var cssKeywords=require_color_name(),reverseKeywords={};for(let key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;var convert2={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};module.exports=convert2;for(let model of Object.keys(convert2)){if(!("channels"in convert2[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert2[model]))throw new Error("missing channel labels property: "+model);if(convert2[model].labels.length!==convert2[model].channels)throw new Error("channel and label counts mismatch: "+model);let{channels,labels}=convert2[model];delete convert2[model].channels,delete convert2[model].labels,Object.defineProperty(convert2[model],"channels",{value:channels}),Object.defineProperty(convert2[model],"labels",{value:labels})}convert2.rgb.hsl=function(rgb){let h2,s2,r2=rgb[0]/255,g2=rgb[1]/255,b2=rgb[2]/255,min=Math.min(r2,g2,b2),max=Math.max(r2,g2,b2),delta=max-min;max===min?h2=0:r2===max?h2=(g2-b2)/delta:g2===max?h2=2+(b2-r2)/delta:b2===max&&(h2=4+(r2-g2)/delta),h2=Math.min(60*h2,360),h2<0&&(h2+=360);let l2=(min+max)/2;return s2=max===min?0:l2<=.5?delta/(max+min):delta/(2-max-min),[h2,100*s2,100*l2]},convert2.rgb.hsv=function(rgb){let rdif,gdif,bdif,h2,s2,r2=rgb[0]/255,g2=rgb[1]/255,b2=rgb[2]/255,v2=Math.max(r2,g2,b2),diff=v2-Math.min(r2,g2,b2),diffc=function(c2){return(v2-c2)/6/diff+.5};return 0===diff?(h2=0,s2=0):(s2=diff/v2,rdif=diffc(r2),gdif=diffc(g2),bdif=diffc(b2),r2===v2?h2=bdif-gdif:g2===v2?h2=1/3+rdif-bdif:b2===v2&&(h2=2/3+gdif-rdif),h2<0?h2+=1:h2>1&&(h2-=1)),[360*h2,100*s2,100*v2]},convert2.rgb.hwb=function(rgb){let r2=rgb[0],g2=rgb[1],b2=rgb[2],h2=convert2.rgb.hsl(rgb)[0],w2=1/255*Math.min(r2,Math.min(g2,b2));return b2=1-1/255*Math.max(r2,Math.max(g2,b2)),[h2,100*w2,100*b2]},convert2.rgb.cmyk=function(rgb){let r2=rgb[0]/255,g2=rgb[1]/255,b2=rgb[2]/255,k2=Math.min(1-r2,1-g2,1-b2);return[100*((1-r2-k2)/(1-k2)||0),100*((1-g2-k2)/(1-k2)||0),100*((1-b2-k2)/(1-k2)||0),100*k2]},convert2.rgb.keyword=function(rgb){let reversed=reverseKeywords[rgb];if(reversed)return reversed;let currentClosestKeyword,currentClosestDistance=1/0;for(let keyword of Object.keys(cssKeywords)){let value=cssKeywords[keyword],distance=(y2=value,((x2=rgb)[0]-y2[0])**2+(x2[1]-y2[1])**2+(x2[2]-y2[2])**2);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword)}var x2,y2;return currentClosestKeyword},convert2.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert2.rgb.xyz=function(rgb){let r2=rgb[0]/255,g2=rgb[1]/255,b2=rgb[2]/255;return r2=r2>.04045?((r2+.055)/1.055)**2.4:r2/12.92,g2=g2>.04045?((g2+.055)/1.055)**2.4:g2/12.92,b2=b2>.04045?((b2+.055)/1.055)**2.4:b2/12.92,[100*(.4124*r2+.3576*g2+.1805*b2),100*(.2126*r2+.7152*g2+.0722*b2),100*(.0193*r2+.1192*g2+.9505*b2)]},convert2.rgb.lab=function(rgb){let xyz=convert2.rgb.xyz(rgb),x2=xyz[0],y2=xyz[1],z2=xyz[2];return x2/=95.047,y2/=100,z2/=108.883,x2=x2>.008856?x2**(1/3):7.787*x2+16/116,y2=y2>.008856?y2**(1/3):7.787*y2+16/116,z2=z2>.008856?z2**(1/3):7.787*z2+16/116,[116*y2-16,500*(x2-y2),200*(y2-z2)]},convert2.hsl.rgb=function(hsl){let t2,t3,val,h2=hsl[0]/360,s2=hsl[1]/100,l2=hsl[2]/100;if(0===s2)return val=255*l2,[val,val,val];t2=l2<.5?l2*(1+s2):l2+s2-l2*s2;let t1=2*l2-t2,rgb=[0,0,0];for(let i2=0;i2<3;i2++)t3=h2+1/3*-(i2-1),t3<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i2]=255*val;return rgb},convert2.hsl.hsv=function(hsl){let h2=hsl[0],s2=hsl[1]/100,l2=hsl[2]/100,smin=s2,lmin=Math.max(l2,.01);return l2*=2,s2*=l2<=1?l2:2-l2,smin*=lmin<=1?lmin:2-lmin,[h2,100*(0===l2?2*smin/(lmin+smin):2*s2/(l2+s2)),100*((l2+s2)/2)]},convert2.hsv.rgb=function(hsv){let h2=hsv[0]/60,s2=hsv[1]/100,v2=hsv[2]/100,hi=Math.floor(h2)%6,f2=h2-Math.floor(h2),p2=255*v2*(1-s2),q2=255*v2*(1-s2*f2),t2=255*v2*(1-s2*(1-f2));switch(v2*=255,hi){case 0:return[v2,t2,p2];case 1:return[q2,v2,p2];case 2:return[p2,v2,t2];case 3:return[p2,q2,v2];case 4:return[t2,p2,v2];case 5:return[v2,p2,q2]}},convert2.hsv.hsl=function(hsv){let sl,l2,h2=hsv[0],s2=hsv[1]/100,v2=hsv[2]/100,vmin=Math.max(v2,.01);l2=(2-s2)*v2;let lmin=(2-s2)*vmin;return sl=s2*vmin,sl/=lmin<=1?lmin:2-lmin,sl=sl||0,l2/=2,[h2,100*sl,100*l2]},convert2.hwb.rgb=function(hwb){let f2,h2=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);let i2=Math.floor(6*h2),v2=1-bl;f2=6*h2-i2,1&i2&&(f2=1-f2);let r2,g2,b2,n2=wh+f2*(v2-wh);switch(i2){default:case 6:case 0:r2=v2,g2=n2,b2=wh;break;case 1:r2=n2,g2=v2,b2=wh;break;case 2:r2=wh,g2=v2,b2=n2;break;case 3:r2=wh,g2=n2,b2=v2;break;case 4:r2=n2,g2=wh,b2=v2;break;case 5:r2=v2,g2=wh,b2=n2}return[255*r2,255*g2,255*b2]},convert2.cmyk.rgb=function(cmyk){let c2=cmyk[0]/100,m2=cmyk[1]/100,y2=cmyk[2]/100,k2=cmyk[3]/100;return[255*(1-Math.min(1,c2*(1-k2)+k2)),255*(1-Math.min(1,m2*(1-k2)+k2)),255*(1-Math.min(1,y2*(1-k2)+k2))]},convert2.xyz.rgb=function(xyz){let r2,g2,b2,x2=xyz[0]/100,y2=xyz[1]/100,z2=xyz[2]/100;return r2=3.2406*x2+-1.5372*y2+-.4986*z2,g2=-.9689*x2+1.8758*y2+.0415*z2,b2=.0557*x2+-.204*y2+1.057*z2,r2=r2>.0031308?1.055*r2**(1/2.4)-.055:12.92*r2,g2=g2>.0031308?1.055*g2**(1/2.4)-.055:12.92*g2,b2=b2>.0031308?1.055*b2**(1/2.4)-.055:12.92*b2,r2=Math.min(Math.max(0,r2),1),g2=Math.min(Math.max(0,g2),1),b2=Math.min(Math.max(0,b2),1),[255*r2,255*g2,255*b2]},convert2.xyz.lab=function(xyz){let x2=xyz[0],y2=xyz[1],z2=xyz[2];return x2/=95.047,y2/=100,z2/=108.883,x2=x2>.008856?x2**(1/3):7.787*x2+16/116,y2=y2>.008856?y2**(1/3):7.787*y2+16/116,z2=z2>.008856?z2**(1/3):7.787*z2+16/116,[116*y2-16,500*(x2-y2),200*(y2-z2)]},convert2.lab.xyz=function(lab){let x2,y2,z2;y2=(lab[0]+16)/116,x2=lab[1]/500+y2,z2=y2-lab[2]/200;let y22=y2**3,x22=x2**3,z22=z2**3;return y2=y22>.008856?y22:(y2-16/116)/7.787,x2=x22>.008856?x22:(x2-16/116)/7.787,z2=z22>.008856?z22:(z2-16/116)/7.787,x2*=95.047,y2*=100,z2*=108.883,[x2,y2,z2]},convert2.lab.lch=function(lab){let h2,l2=lab[0],a2=lab[1],b2=lab[2];return h2=360*Math.atan2(b2,a2)/2/Math.PI,h2<0&&(h2+=360),[l2,Math.sqrt(a2*a2+b2*b2),h2]},convert2.lch.lab=function(lch){let l2=lch[0],c2=lch[1],hr=lch[2]/360*2*Math.PI;return[l2,c2*Math.cos(hr),c2*Math.sin(hr)]},convert2.rgb.ansi16=function(args,saturation=null){let[r2,g2,b2]=args,value=null===saturation?convert2.rgb.hsv(args)[2]:saturation;if(value=Math.round(value/50),0===value)return 30;let ansi=30+(Math.round(b2/255)<<2|Math.round(g2/255)<<1|Math.round(r2/255));return 2===value&&(ansi+=60),ansi},convert2.hsv.ansi16=function(args){return convert2.rgb.ansi16(convert2.hsv.rgb(args),args[2])},convert2.rgb.ansi256=function(args){let r2=args[0],g2=args[1],b2=args[2];return r2===g2&&g2===b2?r2<8?16:r2>248?231:Math.round((r2-8)/247*24)+232:16+36*Math.round(r2/255*5)+6*Math.round(g2/255*5)+Math.round(b2/255*5)},convert2.ansi16.rgb=function(args){let color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),color=color/10.5*255,[color,color,color];let mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert2.ansi256.rgb=function(args){if(args>=232){let c2=10*(args-232)+8;return[c2,c2,c2]}let rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert2.rgb.hex=function(args){let string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert2.hex.rgb=function(args){let match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];let colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((char=>char+char)).join(""));let integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert2.rgb.hcg=function(rgb){let grayscale,hue,r2=rgb[0]/255,g2=rgb[1]/255,b2=rgb[2]/255,max=Math.max(Math.max(r2,g2),b2),min=Math.min(Math.min(r2,g2),b2),chroma=max-min;return grayscale=chroma<1?min/(1-chroma):0,hue=chroma<=0?0:max===r2?(g2-b2)/chroma%6:max===g2?2+(b2-r2)/chroma:4+(r2-g2)/chroma,hue/=6,hue%=1,[360*hue,100*chroma,100*grayscale]},convert2.hsl.hcg=function(hsl){let s2=hsl[1]/100,l2=hsl[2]/100,c2=l2<.5?2*s2*l2:2*s2*(1-l2),f2=0;return c2<1&&(f2=(l2-.5*c2)/(1-c2)),[hsl[0],100*c2,100*f2]},convert2.hsv.hcg=function(hsv){let s2=hsv[1]/100,v2=hsv[2]/100,c2=s2*v2,f2=0;return c2<1&&(f2=(v2-c2)/(1-c2)),[hsv[0],100*c2,100*f2]},convert2.hcg.rgb=function(hcg){let h2=hcg[0]/360,c2=hcg[1]/100,g2=hcg[2]/100;if(0===c2)return[255*g2,255*g2,255*g2];let pure=[0,0,0],hi=h2%1*6,v2=hi%1,w2=1-v2,mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v2,pure[2]=0;break;case 1:pure[0]=w2,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v2;break;case 3:pure[0]=0,pure[1]=w2,pure[2]=1;break;case 4:pure[0]=v2,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w2}return mg=(1-c2)*g2,[255*(c2*pure[0]+mg),255*(c2*pure[1]+mg),255*(c2*pure[2]+mg)]},convert2.hcg.hsv=function(hcg){let c2=hcg[1]/100,v2=c2+hcg[2]/100*(1-c2),f2=0;return v2>0&&(f2=c2/v2),[hcg[0],100*f2,100*v2]},convert2.hcg.hsl=function(hcg){let c2=hcg[1]/100,l2=hcg[2]/100*(1-c2)+.5*c2,s2=0;return l2>0&&l2<.5?s2=c2/(2*l2):l2>=.5&&l2<1&&(s2=c2/(2*(1-l2))),[hcg[0],100*s2,100*l2]},convert2.hcg.hwb=function(hcg){let c2=hcg[1]/100,v2=c2+hcg[2]/100*(1-c2);return[hcg[0],100*(v2-c2),100*(1-v2)]},convert2.hwb.hcg=function(hwb){let w2=hwb[1]/100,v2=1-hwb[2]/100,c2=v2-w2,g2=0;return c2<1&&(g2=(v2-c2)/(1-c2)),[hwb[0],100*c2,100*g2]},convert2.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert2.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert2.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert2.gray.hsl=function(args){return[0,0,args[0]]},convert2.gray.hsv=convert2.gray.hsl,convert2.gray.hwb=function(gray){return[0,100,gray[0]]},convert2.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert2.gray.lab=function(gray){return[gray[0],0,0]},convert2.gray.hex=function(gray){let val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert2.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}}}),require_route=(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.P$)({"../../node_modules/color-convert/route.js"(exports,module){var conversions=require_conversions();function deriveBFS(fromModel){let graph=function buildGraph(){let graph={},models=Object.keys(conversions);for(let len=models.length,i2=0;i2<len;i2++)graph[models[i2]]={distance:-1,parent:null};return graph}(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){let current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i2=0;i2<len;i2++){let adjacent=adjacents[i2],node=graph[adjacent];-1===node.distance&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){let path=[graph[toModel].parent,toModel],fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){let graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i2=0;i2<len;i2++){let toModel=models[i2];null!==graph[toModel].parent&&(conversion[toModel]=wrapConversion(toModel,graph))}return conversion}}}),require_color_convert=(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.P$)({"../../node_modules/color-convert/index.js"(exports,module){var conversions=require_conversions(),route=require_route(),convert2={};Object.keys(conversions).forEach((fromModel=>{convert2[fromModel]={},Object.defineProperty(convert2[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert2[fromModel],"labels",{value:conversions[fromModel].labels});let routes=route(fromModel);Object.keys(routes).forEach((toModel=>{let fn=routes[toModel];convert2[fromModel][toModel]=function wrapRounded(fn){let wrappedFn=function(...args){let arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);let result=fn(args);if("object"==typeof result)for(let len=result.length,i2=0;i2<len;i2++)result[i2]=Math.round(result[i2]);return result};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn),convert2[fromModel][toModel].raw=function wrapRaw(fn){let wrappedFn=function(...args){let arg0=args[0];return null==arg0?arg0:(arg0.length>1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))})),module.exports=convert2}}),import_color_convert=(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.f1)(require_color_convert());function u(){return(u=Object.assign||function(e2){for(var r2=1;r2<arguments.length;r2++){var t2=arguments[r2];for(var n2 in t2)Object.prototype.hasOwnProperty.call(t2,n2)&&(e2[n2]=t2[n2])}return e2}).apply(this,arguments)}function c(e2,r2){if(null==e2)return{};var t2,n2,o2={},a2=Object.keys(e2);for(n2=0;n2<a2.length;n2++)r2.indexOf(t2=a2[n2])>=0||(o2[t2]=e2[t2]);return o2}function i(e2){var t2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(e2),n2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((function(e3){t2.current&&t2.current(e3)}));return t2.current=e2,n2.current}var s=function(e2,r2,t2){return void 0===r2&&(r2=0),void 0===t2&&(t2=1),e2>t2?t2:e2<r2?r2:e2},f=function(e2){return"touches"in e2},v=function(e2){return e2&&e2.ownerDocument.defaultView||self},d=function(e2,r2,t2){var n2=e2.getBoundingClientRect(),o2=f(r2)?function(e3,r3){for(var t3=0;t3<e3.length;t3++)if(e3[t3].identifier===r3)return e3[t3];return e3[0]}(r2.touches,t2):r2;return{left:s((o2.pageX-(n2.left+v(e2).pageXOffset))/n2.width),top:s((o2.pageY-(n2.top+v(e2).pageYOffset))/n2.height)}},h=function(e2){!f(e2)&&e2.preventDefault()},m=react__WEBPACK_IMPORTED_MODULE_0__.memo((function(o2){var a2=o2.onMove,l2=o2.onKey,s2=c(o2,["onMove","onKey"]),m2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),g2=i(a2),p2=i(l2),b2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),x2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){var e2=function(e3){h(e3),(f(e3)?e3.touches.length>0:e3.buttons>0)&&m2.current?g2(d(m2.current,e3,b2.current)):t2(!1)},r2=function(){return t2(!1)};function t2(t3){var n2=_2.current,o3=v(m2.current),a3=t3?o3.addEventListener:o3.removeEventListener;a3(n2?"touchmove":"mousemove",e2),a3(n2?"touchend":"mouseup",r2)}return[function(e3){var e4,r3=e3.nativeEvent,n2=m2.current;if(n2&&(h(r3),e4=r3,(!_2.current||f(e4))&&n2)){if(f(r3)){_2.current=!0;var o3=r3.changedTouches||[];o3.length&&(b2.current=o3[0].identifier)}n2.focus(),g2(d(n2,r3,b2.current)),t2(!0)}},function(e3){var r3=e3.which||e3.keyCode;r3<37||r3>40||(e3.preventDefault(),p2({left:39===r3?.05:37===r3?-.05:0,top:40===r3?.05:38===r3?-.05:0}))},t2]}),[p2,g2]),C2=x2[0],E2=x2[1],H2=x2[2];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return H2}),[H2]),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",u({},s2,{onTouchStart:C2,onMouseDown:C2,className:"react-colorful__interactive",ref:m2,onKeyDown:E2,tabIndex:0,role:"slider"}))})),g=function(e2){return e2.filter(Boolean).join(" ")},p=function(r2){var t2=r2.color,n2=r2.left,o2=r2.top,a2=void 0===o2?.5:o2,l2=g(["react-colorful__pointer",r2.className]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:l2,style:{top:100*a2+"%",left:100*n2+"%"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t2}}))},b=function(e2,r2,t2){return void 0===r2&&(r2=0),void 0===t2&&(t2=Math.pow(10,r2)),Math.round(t2*e2)/t2},_={grad:.9,turn:360,rad:360/(2*Math.PI)},C=function(e2){return"#"===e2[0]&&(e2=e2.substring(1)),e2.length<6?{r:parseInt(e2[0]+e2[0],16),g:parseInt(e2[1]+e2[1],16),b:parseInt(e2[2]+e2[2],16),a:4===e2.length?b(parseInt(e2[3]+e2[3],16)/255,2):1}:{r:parseInt(e2.substring(0,2),16),g:parseInt(e2.substring(2,4),16),b:parseInt(e2.substring(4,6),16),a:8===e2.length?b(parseInt(e2.substring(6,8),16)/255,2):1}},E=function(e2,r2){return void 0===r2&&(r2="deg"),Number(e2)*(_[r2]||1)},N=function(e2){var r2=e2.s,t2=e2.l;return{h:e2.h,s:(r2*=(t2<50?t2:100-t2)/100)>0?2*r2/(t2+r2)*100:0,v:t2+r2,a:e2.a}},y=function(e2){var r2=e2.s,t2=e2.v,n2=e2.a,o2=(200-r2)*t2/100;return{h:b(e2.h),s:b(o2>0&&o2<200?r2*t2/100/(o2<=100?o2:200-o2)*100:0),l:b(o2/2),a:b(n2,2)}},q=function(e2){var r2=y(e2);return"hsl("+r2.h+", "+r2.s+"%, "+r2.l+"%)"},k=function(e2){var r2=y(e2);return"hsla("+r2.h+", "+r2.s+"%, "+r2.l+"%, "+r2.a+")"},I=function(e2){var r2=e2.h,t2=e2.s,n2=e2.v,o2=e2.a;r2=r2/360*6,t2/=100,n2/=100;var a2=Math.floor(r2),l2=n2*(1-t2),u2=n2*(1-(r2-a2)*t2),c2=n2*(1-(1-r2+a2)*t2),i2=a2%6;return{r:b(255*[n2,u2,l2,l2,c2,n2][i2]),g:b(255*[c2,n2,n2,u2,l2,l2][i2]),b:b(255*[l2,l2,c2,n2,n2,u2][i2]),a:b(o2,2)}},D=function(e2){var r2=e2.toString(16);return r2.length<2?"0"+r2:r2},K=function(e2){var r2=e2.r,t2=e2.g,n2=e2.b,o2=e2.a,a2=o2<1?D(b(255*o2)):"";return"#"+D(r2)+D(t2)+D(n2)+a2},L=function(e2){var r2=e2.r,t2=e2.g,n2=e2.b,o2=e2.a,a2=Math.max(r2,t2,n2),l2=a2-Math.min(r2,t2,n2),u2=l2?a2===r2?(t2-n2)/l2:a2===t2?2+(n2-r2)/l2:4+(r2-t2)/l2:0;return{h:b(60*(u2<0?u2+6:u2)),s:b(a2?l2/a2*100:0),v:b(a2/255*100),a:o2}},S=react__WEBPACK_IMPORTED_MODULE_0__.memo((function(r2){var t2=r2.hue,n2=r2.onChange,o2=g(["react-colorful__hue",r2.className]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:o2},react__WEBPACK_IMPORTED_MODULE_0__.createElement(m,{onMove:function(e2){n2({h:360*e2.left})},onKey:function(e2){n2({h:s(t2+360*e2.left,0,360)})},"aria-label":"Hue","aria-valuenow":b(t2),"aria-valuemax":"360","aria-valuemin":"0"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(p,{className:"react-colorful__hue-pointer",left:t2/360,color:q({h:t2,s:100,v:100,a:1})})))})),T=react__WEBPACK_IMPORTED_MODULE_0__.memo((function(r2){var t2=r2.hsva,n2=r2.onChange,o2={backgroundColor:q({h:t2.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"react-colorful__saturation",style:o2},react__WEBPACK_IMPORTED_MODULE_0__.createElement(m,{onMove:function(e2){n2({s:100*e2.left,v:100-100*e2.top})},onKey:function(e2){n2({s:s(t2.s+100*e2.left,0,100),v:s(t2.v-100*e2.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t2.s)+"%, Brightness "+b(t2.v)+"%"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t2.v/100,left:t2.s/100,color:q(t2)})))})),F=function(e2,r2){if(e2===r2)return!0;for(var t2 in e2)if(e2[t2]!==r2[t2])return!1;return!0},P=function(e2,r2){return e2.replace(/\s/g,"")===r2.replace(/\s/g,"")};function Y(e2,t2,l2){var u2=i(l2),c2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((function(){return e2.toHsva(t2)})),s2=c2[0],f2=c2[1],v2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({color:t2,hsva:s2});(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if(!e2.equal(t2,v2.current.color)){var r2=e2.toHsva(t2);v2.current={hsva:r2,color:t2},f2(r2)}}),[t2,e2]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var r2;F(s2,v2.current.hsva)||e2.equal(r2=e2.fromHsva(s2),v2.current.color)||(v2.current={hsva:s2,color:r2},u2(r2))}),[s2,e2,u2]);var d2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(e3){f2((function(r2){return Object.assign({},r2,e3)}))}),[]);return[s2,d2]}var ColorSpace2,V=typeof window<"u"?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect,J=new Map,Q=function(e2){V((function(){var r2=e2.current?e2.current.ownerDocument:document;if(void 0!==r2&&!J.has(r2)){var t2=r2.createElement("style");t2.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',J.set(r2,t2);var n2=__webpack_require__.nc;n2&&t2.setAttribute("nonce",n2),r2.head.appendChild(t2)}}),[])},U=function(t2){var n2=t2.className,o2=t2.colorModel,a2=t2.color,l2=void 0===a2?o2.defaultColor:a2,i2=t2.onChange,s2=c(t2,["className","colorModel","color","onChange"]),f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);Q(f2);var v2=Y(o2,l2,i2),d2=v2[0],h2=v2[1],m2=g(["react-colorful",n2]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",u({},s2,{ref:f2,className:m2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(T,{hsva:d2,onChange:h2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(S,{hue:d2.h,onChange:h2,className:"react-colorful__last-control"}))},W={defaultColor:"000",toHsva:function(e2){return L(C(e2))},fromHsva:function(e2){return function(e2){return K(I(e2))}({h:e2.h,s:e2.s,v:e2.v,a:1})},equal:function(e2,r2){return e2.toLowerCase()===r2.toLowerCase()||F(C(e2),C(r2))}},ee=function(r2){var t2=r2.className,n2=r2.hsva,o2=r2.onChange,a2={backgroundImage:"linear-gradient(90deg, "+k(Object.assign({},n2,{a:0}))+", "+k(Object.assign({},n2,{a:1}))+")"},l2=g(["react-colorful__alpha",t2]),u2=b(100*n2.a);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:l2},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"react-colorful__alpha-gradient",style:a2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(m,{onMove:function(e2){o2({a:e2.left})},onKey:function(e2){o2({a:s(n2.a+e2.left)})},"aria-label":"Alpha","aria-valuetext":u2+"%","aria-valuenow":u2,"aria-valuemin":"0","aria-valuemax":"100"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(p,{className:"react-colorful__alpha-pointer",left:n2.a,color:k(n2)})))},re=function(t2){var n2=t2.className,o2=t2.colorModel,a2=t2.color,l2=void 0===a2?o2.defaultColor:a2,i2=t2.onChange,s2=c(t2,["className","colorModel","color","onChange"]),f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);Q(f2);var v2=Y(o2,l2,i2),d2=v2[0],h2=v2[1],m2=g(["react-colorful",n2]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",u({},s2,{ref:f2,className:m2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(T,{hsva:d2,onChange:h2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(S,{hue:d2.h,onChange:h2}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(ee,{hsva:d2,onChange:h2,className:"react-colorful__last-control"}))},le={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function(e2){var r2=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e2);return r2?N({h:E(r2[1],r2[2]),s:Number(r2[3]),l:Number(r2[4]),a:void 0===r2[5]?1:Number(r2[5])/(r2[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:k,equal:P},Ee={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function(e2){var r2=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e2);return r2?L({r:Number(r2[1])/(r2[2]?100/255:1),g:Number(r2[3])/(r2[4]?100/255:1),b:Number(r2[5])/(r2[6]?100/255:1),a:void 0===r2[7]?1:Number(r2[7])/(r2[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function(e2){var r2=I(e2);return"rgba("+r2.r+", "+r2.g+", "+r2.b+", "+r2.a+")"},equal:P},Wrapper=storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),PickerTooltip=(0,storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4)(storybook_internal_components__WEBPACK_IMPORTED_MODULE_3__.kR)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),TooltipContent=storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4)(storybook_internal_components__WEBPACK_IMPORTED_MODULE_3__._)((({theme})=>({fontFamily:theme.typography.fonts.base}))),Swatches=storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4.div((({theme,active})=>({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius}))),Swatch=({value,style,...props})=>{let backgroundImage=`linear-gradient(${value}, ${value}), url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>'), linear-gradient(#fff, #fff)`;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SwatchColor,{...props,style:{...style,backgroundImage}})},Input=(0,storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4)(storybook_internal_components__WEBPACK_IMPORTED_MODULE_3__.lV.Input)((({theme,readOnly})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base}))),ToggleIcon=(0,storybook_internal_theming__WEBPACK_IMPORTED_MODULE_2__.I4)(_storybook_icons__WEBPACK_IMPORTED_MODULE_4__.QDE)((({theme})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color}))),ColorSpace=((ColorSpace2=ColorSpace||{}).RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker={hex:function(r2){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(U,u({},r2,{colorModel:W}))},rgb:function(r2){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(re,u({},r2,{colorModel:Ee}))},hsl:function(r2){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(re,u({},r2,{colorModel:le}))}},fallbackColor={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},stringToArgs=value=>{let match=value?.match(COLOR_REGEXP);if(!match)return[0,0,0,1];let[,x2,y2,z2,a2=1]=match;return[x2,y2,z2,a2].map(Number)},parseValue=value=>{if(!value)return;let valid=!0;if(RGB_REGEXP.test(value)){let[r2,g2,b2,a2]=stringToArgs(value),[h2,s2,l2]=import_color_convert.default.rgb.hsl([r2,g2,b2])||[0,0,0];return{valid,value,keyword:import_color_convert.default.rgb.keyword([r2,g2,b2]),colorSpace:"rgb",rgb:value,hsl:`hsla(${h2}, ${s2}%, ${l2}%, ${a2})`,hex:`#${import_color_convert.default.rgb.hex([r2,g2,b2]).toLowerCase()}`}}if(HSL_REGEXP.test(value)){let[h2,s2,l2,a2]=stringToArgs(value),[r2,g2,b2]=import_color_convert.default.hsl.rgb([h2,s2,l2])||[0,0,0];return{valid,value,keyword:import_color_convert.default.hsl.keyword([h2,s2,l2]),colorSpace:"hsl",rgb:`rgba(${r2}, ${g2}, ${b2}, ${a2})`,hsl:value,hex:`#${import_color_convert.default.hsl.hex([h2,s2,l2]).toLowerCase()}`}}let plain=value.replace("#",""),rgb=import_color_convert.default.keyword.rgb(plain)||import_color_convert.default.hex.rgb(plain),hsl=import_color_convert.default.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{import_color_convert.default.keyword.hex(mapped)}catch{valid=!1}return{valid,value:mapped,keyword:import_color_convert.default.rgb.keyword(rgb),colorSpace:"hex",rgb:`rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 1)`,hsl:`hsla(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%, 1)`,hex:mapped}},useColorInput=(initialValue,onChange)=>{let[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue||""),[color,setColor]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((()=>parseValue(value))),[colorSpace,setColorSpace]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(color?.colorSpace||"hex");(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{let nextValue=initialValue||"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace||"hex")}),[initialValue]);let realValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>((value,color,colorSpace)=>{if(!value||!color?.valid)return fallbackColor[colorSpace];if("hex"!==colorSpace)return color?.[colorSpace]||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return`#${import_color_convert.default.keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r2,g2,b2]=short[1].split("");return`#${r2}${r2}${g2}${g2}${b2}${b2}`})(value,color,colorSpace).toLowerCase()),[value,color,colorSpace]),updateValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((update=>{let parsed=parseValue(update),v2=parsed?.value||update||"";setValue(v2),""===v2&&(setColor(void 0),onChange(void 0)),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>{let next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value=>value.replace(/\s*/,"").toLowerCase(),ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1,argType})=>{let debouncedOnChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.sg)(onChange,200),[onChange]),{value,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,debouncedOnChange),{presets,addPreset}=((presetColors,currentColor,colorSpace)=>{let[selectedColors,setSelectedColors]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentColor?.valid?[currentColor]:[]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{void 0===currentColor&&setSelectedColors([])}),[currentColor]);let presets=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>(presetColors||[]).map((preset=>"string"==typeof preset?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color))).concat(selectedColors).filter(Boolean).slice(-27)),[presetColors,selectedColors]),addPreset=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((color=>{color?.valid&&(presets.some((preset=>id(preset[colorSpace])===id(color[colorSpace])))||setSelectedColors((arr=>arr.concat(color))))}),[colorSpace,presets]);return{presets,addPreset}})(presetColors,color,colorSpace),Picker=ColorPicker[colorSpace],readonly=!!argType?.table?.readonly;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper,{"aria-readonly":readonly},react__WEBPACK_IMPORTED_MODULE_0__.createElement(PickerTooltip,{startOpen,trigger:readonly?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>addPreset(color),tooltip:react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipContent,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus,onBlur}),presets.length>0&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(Swatches,null,presets.map(((preset,index)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(storybook_internal_components__WEBPACK_IMPORTED_MODULE_3__.kR,{key:`${preset.value}-${index}`,hasChrome:!1,tooltip:react__WEBPACK_IMPORTED_MODULE_0__.createElement(Note,{note:preset.keyword||preset.value})},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:()=>updateValue(preset.value)}))))))},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Swatch,{value:realValue,style:{margin:4}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(Input,{id:(0,_chunk_2PTXLE6R_mjs__WEBPACK_IMPORTED_MODULE_1__.ZA)(name),value,onChange:e2=>updateValue(e2.target.value),onFocus:e2=>e2.target.select(),readOnly:readonly,placeholder:"Choose color..."}),value?react__WEBPACK_IMPORTED_MODULE_0__.createElement(ToggleIcon,{onClick:cycleColorSpace}):null)},Color_default=ColorControl}}]);
|
@@ -0,0 +1,2 @@
|
|
1
|
+
/*! For license information please see 961.0e5457c5.iframe.bundle.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunkbox_ui=self.webpackChunkbox_ui||[]).push([[961],{"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.1.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")}}]);
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>
|
@@ -0,0 +1,511 @@
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face {
|
2
|
+
font-family: 'Nunito Sans';
|
3
|
+
font-style: normal;
|
4
|
+
font-weight: 400;
|
5
|
+
font-display: swap;
|
6
|
+
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
|
7
|
+
}
|
8
|
+
|
9
|
+
@font-face {
|
10
|
+
font-family: 'Nunito Sans';
|
11
|
+
font-style: italic;
|
12
|
+
font-weight: 400;
|
13
|
+
font-display: swap;
|
14
|
+
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
|
15
|
+
}
|
16
|
+
|
17
|
+
@font-face {
|
18
|
+
font-family: 'Nunito Sans';
|
19
|
+
font-style: normal;
|
20
|
+
font-weight: 700;
|
21
|
+
font-display: swap;
|
22
|
+
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
|
23
|
+
}
|
24
|
+
|
25
|
+
@font-face {
|
26
|
+
font-family: 'Nunito Sans';
|
27
|
+
font-style: italic;
|
28
|
+
font-weight: 700;
|
29
|
+
font-display: swap;
|
30
|
+
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
|
31
|
+
}</style><base target="_parent"><style>/* While we aren't showing the main block yet, but still preparing, we want everything the user
|
32
|
+
has rendered, which may or may not be in #storybook-root, to be display none */
|
33
|
+
.sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
|
34
|
+
display: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
.sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
|
38
|
+
display: none;
|
39
|
+
}
|
40
|
+
|
41
|
+
/* Hide our own blocks when we aren't supposed to be showing them */
|
42
|
+
:not(.sb-show-preparing-story) > .sb-preparing-story,
|
43
|
+
:not(.sb-show-preparing-docs) > .sb-preparing-docs,
|
44
|
+
:not(.sb-show-nopreview) > .sb-nopreview,
|
45
|
+
:not(.sb-show-errordisplay) > .sb-errordisplay {
|
46
|
+
display: none;
|
47
|
+
}
|
48
|
+
|
49
|
+
.sb-show-main.sb-main-centered {
|
50
|
+
margin: 0;
|
51
|
+
display: flex;
|
52
|
+
align-items: center;
|
53
|
+
min-height: 100vh;
|
54
|
+
}
|
55
|
+
|
56
|
+
.sb-show-main.sb-main-centered #storybook-root {
|
57
|
+
box-sizing: border-box;
|
58
|
+
margin: auto;
|
59
|
+
padding: 1rem;
|
60
|
+
max-height: 100%;
|
61
|
+
/* Hack for centering correctly in IE11 */
|
62
|
+
}
|
63
|
+
|
64
|
+
/* Vertical centering fix for IE11 */
|
65
|
+
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
66
|
+
.sb-show-main.sb-main-centered:after {
|
67
|
+
content: '';
|
68
|
+
min-height: inherit;
|
69
|
+
font-size: 0;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
.sb-show-main.sb-main-fullscreen {
|
74
|
+
margin: 0;
|
75
|
+
padding: 0;
|
76
|
+
display: block;
|
77
|
+
}
|
78
|
+
|
79
|
+
.sb-show-main.sb-main-padded {
|
80
|
+
margin: 0;
|
81
|
+
padding: 1rem;
|
82
|
+
display: block;
|
83
|
+
box-sizing: border-box;
|
84
|
+
}
|
85
|
+
|
86
|
+
.sb-wrapper {
|
87
|
+
position: fixed;
|
88
|
+
top: 0;
|
89
|
+
bottom: 0;
|
90
|
+
left: 0;
|
91
|
+
right: 0;
|
92
|
+
box-sizing: border-box;
|
93
|
+
|
94
|
+
padding: 40px;
|
95
|
+
font-family:
|
96
|
+
'Nunito Sans',
|
97
|
+
-apple-system,
|
98
|
+
'.SFNSText-Regular',
|
99
|
+
'San Francisco',
|
100
|
+
BlinkMacSystemFont,
|
101
|
+
'Segoe UI',
|
102
|
+
'Helvetica Neue',
|
103
|
+
Helvetica,
|
104
|
+
Arial,
|
105
|
+
sans-serif;
|
106
|
+
-webkit-font-smoothing: antialiased;
|
107
|
+
overflow: auto;
|
108
|
+
}
|
109
|
+
|
110
|
+
@media (max-width: 700px) {
|
111
|
+
.sb-wrapper {
|
112
|
+
padding: 20px;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
@media (max-width: 500px) {
|
117
|
+
.sb-wrapper {
|
118
|
+
padding: 10px;
|
119
|
+
}
|
120
|
+
}
|
121
|
+
|
122
|
+
.sb-heading {
|
123
|
+
font-size: 14px;
|
124
|
+
font-weight: 600;
|
125
|
+
letter-spacing: 0.2px;
|
126
|
+
margin: 10px 0;
|
127
|
+
padding-right: 25px;
|
128
|
+
}
|
129
|
+
|
130
|
+
.sb-nopreview {
|
131
|
+
display: flex;
|
132
|
+
align-content: center;
|
133
|
+
justify-content: center;
|
134
|
+
box-sizing: border-box;
|
135
|
+
}
|
136
|
+
|
137
|
+
.sb-nopreview_main {
|
138
|
+
margin: auto;
|
139
|
+
padding: 30px;
|
140
|
+
border-radius: 10px;
|
141
|
+
background: rgba(0, 0, 0, 0.03);
|
142
|
+
}
|
143
|
+
|
144
|
+
.sb-nopreview_heading {
|
145
|
+
text-align: center;
|
146
|
+
}
|
147
|
+
|
148
|
+
.sb-errordisplay {
|
149
|
+
background: #f6f9fc;
|
150
|
+
color: black;
|
151
|
+
z-index: 999999;
|
152
|
+
width: 100vw;
|
153
|
+
min-height: 100vh;
|
154
|
+
box-sizing: border-box;
|
155
|
+
|
156
|
+
& ol {
|
157
|
+
padding-left: 18px;
|
158
|
+
margin: 0;
|
159
|
+
}
|
160
|
+
|
161
|
+
& h1 {
|
162
|
+
font-family: Nunito Sans;
|
163
|
+
font-size: 22px;
|
164
|
+
font-weight: 400;
|
165
|
+
line-height: 30px;
|
166
|
+
font-weight: normal;
|
167
|
+
margin: 0;
|
168
|
+
|
169
|
+
&::before {
|
170
|
+
content: '';
|
171
|
+
display: inline-block;
|
172
|
+
width: 12px;
|
173
|
+
height: 12px;
|
174
|
+
background: #ff4400;
|
175
|
+
border-radius: 50%;
|
176
|
+
margin-right: 8px;
|
177
|
+
}
|
178
|
+
}
|
179
|
+
|
180
|
+
& p,
|
181
|
+
& ol {
|
182
|
+
font-family: Nunito Sans;
|
183
|
+
font-size: 14px;
|
184
|
+
font-weight: 400;
|
185
|
+
line-height: 19px;
|
186
|
+
margin: 0;
|
187
|
+
}
|
188
|
+
|
189
|
+
& li + li {
|
190
|
+
margin: 0;
|
191
|
+
padding: 0;
|
192
|
+
padding-top: 12px;
|
193
|
+
}
|
194
|
+
|
195
|
+
& a {
|
196
|
+
color: currentColor;
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
.sb-errordisplay_main {
|
201
|
+
margin: auto;
|
202
|
+
padding: 24px;
|
203
|
+
display: flex;
|
204
|
+
box-sizing: border-box;
|
205
|
+
|
206
|
+
flex-direction: column;
|
207
|
+
min-height: 100%;
|
208
|
+
width: 100%;
|
209
|
+
border-radius: 6px;
|
210
|
+
background: white;
|
211
|
+
border: 1px solid #ff0000;
|
212
|
+
box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
|
213
|
+
gap: 24px;
|
214
|
+
}
|
215
|
+
|
216
|
+
.sb-errordisplay_code {
|
217
|
+
padding: 10px;
|
218
|
+
flex: 1;
|
219
|
+
background: #242424;
|
220
|
+
color: #c6c6c6;
|
221
|
+
box-sizing: border-box;
|
222
|
+
|
223
|
+
font-size: 14px;
|
224
|
+
font-weight: 400;
|
225
|
+
line-height: 19px;
|
226
|
+
border-radius: 4px;
|
227
|
+
|
228
|
+
font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
|
229
|
+
'Lucida Console', Consolas, Monaco, monospace;
|
230
|
+
margin: 0;
|
231
|
+
overflow: auto;
|
232
|
+
}
|
233
|
+
|
234
|
+
.sb-errordisplay pre {
|
235
|
+
white-space: pre-wrap;
|
236
|
+
white-space: revert;
|
237
|
+
}
|
238
|
+
|
239
|
+
@-webkit-keyframes sb-rotate360 {
|
240
|
+
from {
|
241
|
+
transform: rotate(0deg);
|
242
|
+
}
|
243
|
+
|
244
|
+
to {
|
245
|
+
transform: rotate(360deg);
|
246
|
+
}
|
247
|
+
}
|
248
|
+
|
249
|
+
@keyframes sb-rotate360 {
|
250
|
+
from {
|
251
|
+
transform: rotate(0deg);
|
252
|
+
}
|
253
|
+
|
254
|
+
to {
|
255
|
+
transform: rotate(360deg);
|
256
|
+
}
|
257
|
+
}
|
258
|
+
|
259
|
+
@-webkit-keyframes sb-glow {
|
260
|
+
0%,
|
261
|
+
100% {
|
262
|
+
opacity: 1;
|
263
|
+
}
|
264
|
+
|
265
|
+
50% {
|
266
|
+
opacity: 0.4;
|
267
|
+
}
|
268
|
+
}
|
269
|
+
|
270
|
+
@keyframes sb-glow {
|
271
|
+
0%,
|
272
|
+
100% {
|
273
|
+
opacity: 1;
|
274
|
+
}
|
275
|
+
|
276
|
+
50% {
|
277
|
+
opacity: 0.4;
|
278
|
+
}
|
279
|
+
}
|
280
|
+
|
281
|
+
/* We display the preparing loaders *over* the rendering story */
|
282
|
+
.sb-preparing-story,
|
283
|
+
.sb-preparing-docs {
|
284
|
+
background-color: white;
|
285
|
+
/* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
|
286
|
+
on top, but this isn't possible as it would require making CSS changes that could affect user code */
|
287
|
+
z-index: 2147483647;
|
288
|
+
}
|
289
|
+
|
290
|
+
.sb-loader {
|
291
|
+
-webkit-animation: sb-rotate360 0.7s linear infinite;
|
292
|
+
animation: sb-rotate360 0.7s linear infinite;
|
293
|
+
border-color: rgba(97, 97, 97, 0.29);
|
294
|
+
border-radius: 50%;
|
295
|
+
border-style: solid;
|
296
|
+
border-top-color: #646464;
|
297
|
+
border-width: 2px;
|
298
|
+
display: inline-block;
|
299
|
+
height: 32px;
|
300
|
+
left: 50%;
|
301
|
+
margin-left: -16px;
|
302
|
+
margin-top: -16px;
|
303
|
+
mix-blend-mode: difference;
|
304
|
+
overflow: hidden;
|
305
|
+
position: absolute;
|
306
|
+
top: 50%;
|
307
|
+
transition: all 200ms ease-out;
|
308
|
+
vertical-align: top;
|
309
|
+
width: 32px;
|
310
|
+
z-index: 4;
|
311
|
+
}
|
312
|
+
|
313
|
+
.sb-previewBlock {
|
314
|
+
background: #fff;
|
315
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
316
|
+
border-radius: 4px;
|
317
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
|
318
|
+
margin: 25px auto 40px;
|
319
|
+
max-width: 600px;
|
320
|
+
}
|
321
|
+
|
322
|
+
.sb-previewBlock_header {
|
323
|
+
align-items: center;
|
324
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
|
325
|
+
display: flex;
|
326
|
+
gap: 14px;
|
327
|
+
height: 40px;
|
328
|
+
padding: 0 12px;
|
329
|
+
}
|
330
|
+
|
331
|
+
.sb-previewBlock_icon {
|
332
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
333
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
334
|
+
background: #e6e6e6;
|
335
|
+
height: 14px;
|
336
|
+
width: 14px;
|
337
|
+
}
|
338
|
+
|
339
|
+
.sb-previewBlock_icon:last-child {
|
340
|
+
margin-left: auto;
|
341
|
+
}
|
342
|
+
|
343
|
+
.sb-previewBlock_body {
|
344
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
345
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
346
|
+
height: 182px;
|
347
|
+
position: relative;
|
348
|
+
}
|
349
|
+
|
350
|
+
.sb-argstableBlock {
|
351
|
+
border-collapse: collapse;
|
352
|
+
border-spacing: 0;
|
353
|
+
font-size: 13px;
|
354
|
+
line-height: 20px;
|
355
|
+
margin: 25px auto 40px;
|
356
|
+
max-width: 600px;
|
357
|
+
text-align: left;
|
358
|
+
width: 100%;
|
359
|
+
}
|
360
|
+
|
361
|
+
.sb-argstableBlock th:first-of-type,
|
362
|
+
.sb-argstableBlock td:first-of-type {
|
363
|
+
padding-left: 20px;
|
364
|
+
}
|
365
|
+
|
366
|
+
.sb-argstableBlock th:nth-of-type(2),
|
367
|
+
.sb-argstableBlock td:nth-of-type(2) {
|
368
|
+
width: 35%;
|
369
|
+
}
|
370
|
+
|
371
|
+
.sb-argstableBlock th:nth-of-type(3),
|
372
|
+
.sb-argstableBlock td:nth-of-type(3) {
|
373
|
+
width: 15%;
|
374
|
+
}
|
375
|
+
|
376
|
+
.sb-argstableBlock th:last-of-type,
|
377
|
+
.sb-argstableBlock td:last-of-type {
|
378
|
+
width: 25%;
|
379
|
+
padding-right: 20px;
|
380
|
+
}
|
381
|
+
|
382
|
+
.sb-argstableBlock th span,
|
383
|
+
.sb-argstableBlock td span {
|
384
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
385
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
386
|
+
background-color: rgba(0, 0, 0, 0.1);
|
387
|
+
border-radius: 0;
|
388
|
+
box-shadow: none;
|
389
|
+
color: transparent;
|
390
|
+
}
|
391
|
+
|
392
|
+
.sb-argstableBlock th {
|
393
|
+
padding: 10px 15px;
|
394
|
+
}
|
395
|
+
|
396
|
+
.sb-argstableBlock-body {
|
397
|
+
border-radius: 4px;
|
398
|
+
box-shadow:
|
399
|
+
rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
|
400
|
+
rgba(0, 0, 0, 0.065) 0 0 0 1px;
|
401
|
+
}
|
402
|
+
|
403
|
+
.sb-argstableBlock-body tr {
|
404
|
+
background: transparent;
|
405
|
+
overflow: hidden;
|
406
|
+
}
|
407
|
+
|
408
|
+
.sb-argstableBlock-body tr:not(:first-child) {
|
409
|
+
border-top: 1px solid #e6e6e6;
|
410
|
+
}
|
411
|
+
|
412
|
+
.sb-argstableBlock-body tr:first-child td:first-child {
|
413
|
+
border-top-left-radius: 4px;
|
414
|
+
}
|
415
|
+
|
416
|
+
.sb-argstableBlock-body tr:first-child td:last-child {
|
417
|
+
border-top-right-radius: 4px;
|
418
|
+
}
|
419
|
+
|
420
|
+
.sb-argstableBlock-body tr:last-child td:first-child {
|
421
|
+
border-bottom-left-radius: 4px;
|
422
|
+
}
|
423
|
+
|
424
|
+
.sb-argstableBlock-body tr:last-child td:last-child {
|
425
|
+
border-bottom-right-radius: 4px;
|
426
|
+
}
|
427
|
+
|
428
|
+
.sb-argstableBlock-body td {
|
429
|
+
background: #fff;
|
430
|
+
padding-bottom: 10px;
|
431
|
+
padding-top: 10px;
|
432
|
+
vertical-align: top;
|
433
|
+
}
|
434
|
+
|
435
|
+
.sb-argstableBlock-body td:not(:first-of-type) {
|
436
|
+
padding-left: 15px;
|
437
|
+
padding-right: 15px;
|
438
|
+
}
|
439
|
+
|
440
|
+
.sb-argstableBlock-body button {
|
441
|
+
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
|
442
|
+
animation: sb-glow 1.5s ease-in-out infinite;
|
443
|
+
background-color: rgba(0, 0, 0, 0.1);
|
444
|
+
border: 0;
|
445
|
+
border-radius: 0;
|
446
|
+
box-shadow: none;
|
447
|
+
color: transparent;
|
448
|
+
display: inline;
|
449
|
+
font-size: 12px;
|
450
|
+
line-height: 1;
|
451
|
+
padding: 10px 16px;
|
452
|
+
}
|
453
|
+
|
454
|
+
.sb-argstableBlock-summary {
|
455
|
+
margin-top: 4px;
|
456
|
+
}
|
457
|
+
|
458
|
+
.sb-argstableBlock-code {
|
459
|
+
margin-right: 4px;
|
460
|
+
margin-bottom: 4px;
|
461
|
+
padding: 2px 5px;
|
462
|
+
}</style><script>/* globals window */
|
463
|
+
/* eslint-disable no-underscore-dangle */
|
464
|
+
try {
|
465
|
+
if (window.top !== window) {
|
466
|
+
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
|
467
|
+
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
|
468
|
+
window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
|
469
|
+
}
|
470
|
+
} catch (e) {
|
471
|
+
// eslint-disable-next-line no-console
|
472
|
+
console.warn('unable to connect to top frame for connecting dev tools');
|
473
|
+
}</script><link href="static/css/main.08036cd2.css" rel="stylesheet"><style>#storybook-root[hidden],
|
474
|
+
#storybook-docs[hidden] {
|
475
|
+
display: none !important;
|
476
|
+
}</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><div class="sb-errordisplay_main"><h1 id="error-message"></h1><p>The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:</p><ol><li><strong>Missing Context/Providers</strong>: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the <a href="https://storybook.js.org/docs/writing-stories/decorators">Decorators documentation</a>.</li><li><strong>Misconfigured Webpack or Vite</strong>: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring <a href="https://storybook.js.org/docs/builders/webpack">Webpack</a> or <a href="https://storybook.js.org/docs/builders/vite">Vite</a> with Storybook.</li><li><strong>Missing Environment Variables</strong>: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the <a href="https://storybook.js.org/docs/configure/environment-variables">Environment Variables documentation</a>.</li></ol><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div></div><div id="storybook-root"></div><div id="storybook-docs"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
|
477
|
+
|
478
|
+
|
479
|
+
|
480
|
+
window['LOGLEVEL'] = "info";
|
481
|
+
|
482
|
+
|
483
|
+
|
484
|
+
window['FRAMEWORK_OPTIONS'] = {};
|
485
|
+
|
486
|
+
|
487
|
+
|
488
|
+
|
489
|
+
|
490
|
+
window['FEATURES'] = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true};
|
491
|
+
|
492
|
+
|
493
|
+
|
494
|
+
|
495
|
+
|
496
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|mjs|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx))$"}];
|
497
|
+
|
498
|
+
|
499
|
+
|
500
|
+
window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};
|
501
|
+
|
502
|
+
|
503
|
+
|
504
|
+
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
505
|
+
|
506
|
+
|
507
|
+
import './runtime~main.295ddda4.iframe.bundle.js';
|
508
|
+
|
509
|
+
import './125.65b26339.iframe.bundle.js';
|
510
|
+
|
511
|
+
import './main.069281cf.iframe.bundle.js';</script></body></html>
|