@oliasoft-open-source/react-ui-library 4.0.0-beta-39 → 4.0.0-beta-41

package/dist/storybook/assets/types-332ceaf3.js

@@ -0,0 +1 @@
+import{r as t}from"./index-f80c8c95.js";import{l as s}from"./lodash-75c70a11.js";const a=r=>s.isString(r)||s.isNumber(r)||t.isValidElement(r),e=r=>Array.isArray(r)?"array":typeof r;export{e as g,a as i};

package/dist/storybook/assets/types-597568b1.css

@@ -0,0 +1 @@
+._inputInTable_j7l8b_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_j7l8b_1:not(:hover){border-color:transparent}._inputInTable_j7l8b_1:not(:focus){box-shadow:none}._inputHover_j7l8b_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_j7l8b_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_j7l8b_25,._inputWarning_j7l8b_26{position:relative}._inputError_j7l8b_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_j7l8b_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_j7l8b_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_j7l8b_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_j7l8b_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_j7l8b_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_j7l8b_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_j7l8b_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_j7l8b_67::-webkit-scrollbar{display:none}:root{--color-border-message: rgba(0, 0, 0, .1)}html[data-theme=dark]{--color-border-message: rgba(255, 255, 255, .1)}._container_j7l8b_83{--padding-message: var(--padding-sm);padding:var(--padding-message);border-radius:var(--border-radius);display:inline-flex;align-items:flex-start;line-height:var(--line-height);flex-wrap:wrap;overflow-y:auto;border:1px solid var(--color-border-message);scrollbar-width:none;-ms-overflow-style:none}._container_j7l8b_83::-webkit-scrollbar{display:none}._container_j7l8b_83._block_j7l8b_102{display:flex}._container_j7l8b_83._info_j7l8b_105{color:var(--color-text-info);background-color:var(--color-background-info)}._container_j7l8b_83._success_j7l8b_109{color:var(--color-text-success);background-color:var(--color-background-success)}._container_j7l8b_83._warning_j7l8b_113{color:var(--color-text-warning);background-color:var(--color-background-warning)}._container_j7l8b_83._error_j7l8b_117{color:var(--color-text-error);background-color:var(--color-background-error)}._content_j7l8b_121{flex:1;min-width:0}._heading_j7l8b_125{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:var(--font-size-sm);line-height:var(--line-height)}._icon_j7l8b_132{display:flex;justify-content:center;align-items:center;height:var(--line-height);margin-right:var(--padding-xs);font-size:var(--size-xs)}._dismiss_j7l8b_140{margin-left:var(--padding);color:var(--color-text)}._dismiss_j7l8b_140._absolute_j7l8b_144{position:absolute;top:var(--padding-xs);right:var(--padding)}._dismiss_j7l8b_140{--offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);display:flex;margin-top:var(--offset-message-dismiss);margin-bottom:var(--offset-message-dismiss);margin-right:var(--offset-message-dismiss)}._legendToggle_j7l8b_156{opacity:.6}._legendToggle_j7l8b_156:hover{opacity:.8;cursor:pointer}._legendToggle_j7l8b_156:active{opacity:1}._detailsText_j7l8b_166{margin-top:var(--padding-xxs);word-break:break-word}._footer_j7l8b_170{display:flex;flex-wrap:wrap;gap:var(--padding-sm);margin-top:var(--padding-xxs)}

package/dist/storybook/assets/types-a6c4038c.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as T}from"./index-f80c8c95.js";import{P as s}from"./index-c89a1915.js";import{c}from"./index-a80ed1cf.js";import{B as v}from"./button-9027cb35.js";import{I as r}from"./icon-6cfc6944.js";const E="_inputInTable_j7l8b_1",S="_inputHover_j7l8b_13",I="_inputFocus_j7l8b_18",y="_inputError_j7l8b_25",w="_inputWarning_j7l8b_26",D="_inputDisabled_j7l8b_61",N="_hideScrollbars_j7l8b_67",O="_container_j7l8b_83",R="_block_j7l8b_102",W="_info_j7l8b_105",G="_success_j7l8b_109",k="_warning_j7l8b_113",C="_error_j7l8b_117",H="_content_j7l8b_121",L="_heading_j7l8b_125",F="_icon_j7l8b_132",A="_dismiss_j7l8b_140",V="_absolute_j7l8b_144",q="_legendToggle_j7l8b_156",B="_detailsText_j7l8b_166",P="_footer_j7l8b_170",i={inputInTable:E,inputHover:S,inputFocus:I,inputError:y,inputWarning:w,inputDisabled:D,hideScrollbars:N,container:O,block:R,info:W,success:G,warning:k,error:C,content:H,heading:L,icon:F,dismiss:A,absolute:V,legendToggle:q,detailsText:B,footer:P},_=({onClose:n,isInToast:o})=>e.jsx("div",{className:c(i.dismiss,o?i.absolute:""),children:e.jsx(v,{small:!0,round:!0,basic:!0,colored:"muted",icon:"close",onClick:n})});_.__docgenInfo={description:"",methods:[],displayName:"Dismiss"};const U={detailsVisible:!1},z=(n,o)=>{switch(o.type){case"TOGGLE_DETAILS":return{...n,detailsVisible:!n.detailsVisible};default:return n}},J=({details:n,visible:o,dispatch:t})=>e.jsxs("div",{children:[e.jsx("div",{className:c(i.legendToggle),onClick:()=>t({type:"TOGGLE_DETAILS"}),children:o?"Hide details":"Show details"}),o?e.jsx("div",{className:i.detailsText,children:n}):null]}),K=({type:n})=>{switch(n){case"Success":return e.jsx(r,{icon:"success"});case"Warning":return e.jsx(r,{icon:"warning"});case"Error":return e.jsx(r,{icon:"error"});default:return e.jsx(r,{icon:"info"})}},b=({message:n})=>{const{visible:o,type:t,icon:p,heading:l,content:m,details:a,footer:d,withDismiss:g,onClose:j,width:u,maxHeight:h}=n,[f,x]=T.useReducer(z,U);return e.jsx(e.Fragment,{children:o?e.jsxs("div",{className:c(i.container,u?i.block:null,t==="Success"?i.success:t==="Warning"?i.warning:t==="Error"?i.error:i.info),style:{width:u,maxHeight:h},children:[e.jsx("div",{children:p?e.jsx("div",{className:i.icon,children:e.jsx(K,{type:t})}):null}),e.jsxs("div",{className:i.content,children:[l?e.jsx("div",{className:i.heading,children:l}):null,e.jsx("div",{children:m}),a?e.jsx(J,{details:a,visible:f.detailsVisible,dispatch:()=>x({type:"TOGGLE_DETAILS"})}):null,!!d&&e.jsx("div",{className:i.footer,children:d})]}),g?e.jsx(_,{type:t,onClose:j}):null]}):null})},M=s.shape({visible:s.bool,type:s.oneOf(["Info","Success","Warning","Error"]),icon:s.bool,heading:s.oneOfType([s.string,s.number]),content:s.oneOfType([s.string,s.number,s.node]),details:s.oneOfType([s.string,s.number,s.node]),footer:s.node,withDismiss:s.bool,onClose:s.func,width:s.oneOfType([s.string,s.number]),maxHeight:s.oneOfType([s.string,s.number])});b.propTypes={message:M.isRequired};b.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{description:"",type:{name:"custom",raw:"messageShape.isRequired"},required:!1}}};var Q=(n=>(n.INFO="Info",n.SUCCESS="Success",n.WARNING="Warning",n.ERROR="Error",n))(Q||{});export{_ as D,Q as M,b as a};

package/dist/storybook/assets/types-cc224262.js

@@ -0,0 +1 @@
+var i=(r=>(r.HEADING="Heading",r.DIVIDER="Divider",r.OPTION="Option",r.MENU="Menu",r))(i||{}),D=(r=>(r.FALSE="false",r.RIGHT="right",r.DOWN="down",r))(D||{});export{i as M,D as a};

package/dist/storybook/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
+  <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path 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" fill="#FF4785"></path>
+    <path fill-rule="evenodd" clip-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" fill="#fff"></path>
+  </svg>
+  <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
+</svg>

package/dist/storybook/iframe.html

@@ -0,0 +1,458 @@
+<!DOCTYPE html>
+<!--suppress HtmlUnknownTarget -->
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <title>Storybook</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <link rel="prefetch" href="./sb-common-assets/nunito-sans-regular.woff2" as="font" type="font/woff2" crossorigin />
+  <link rel="prefetch" href="./sb-common-assets/nunito-sans-italic.woff2" as="font" type="font/woff2" crossorigin />
+  <link rel="prefetch" href="./sb-common-assets/nunito-sans-bold.woff2" as="font" type="font/woff2" crossorigin />
+  <link rel="prefetch" href="./sb-common-assets/nunito-sans-bold-italic.woff2" as="font" type="font/woff2" crossorigin />
+  <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
+
+  <script>
+    window.CONFIG_TYPE = 'PRODUCTION';
+    window.LOGLEVEL = 'info';
+    window.FRAMEWORK_OPTIONS = {};
+    window.CHANNEL_OPTIONS = {};
+    window.FEATURES = {"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":true,"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false};
+    window.STORIES = [{"titlePrefix":"","directory":"./src/components","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:src\\/components(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];
+    window.DOCS_OPTIONS = {"defaultName":"Docs","autodocs":true};
+
+    // We do this so that "module && module.hot" etc. in Storybook source code
+    // doesn't fail (it will simply be disabled)
+    window.module = undefined;
+    window.global = window;
+  </script>
+  <base target="_parent" />
+
+<style>
+  /* While we aren't showing the main block yet, but still preparing, we want everything the user
+     has rendered, which may or may not be in #storybook-root, to be display none */
+  .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
+    display: none;
+  }
+
+  .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
+    display: none;
+  }
+
+  /* Hide our own blocks when we aren't supposed to be showing them */
+  :not(.sb-show-preparing-story) > .sb-preparing-story,
+  :not(.sb-show-preparing-docs) > .sb-preparing-docs,
+  :not(.sb-show-nopreview) > .sb-nopreview,
+  :not(.sb-show-errordisplay) > .sb-errordisplay {
+    display: none;
+  }
+
+  .sb-show-main.sb-main-centered {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    min-height: 100vh;
+  }
+
+  .sb-show-main.sb-main-centered #storybook-root {
+    box-sizing: border-box;
+    margin: auto;
+    padding: 1rem;
+    max-height: 100%; /* Hack for centering correctly in IE11 */
+  }
+
+  /* Vertical centering fix for IE11 */
+  @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .sb-show-main.sb-main-centered:after {
+      content: '';
+      min-height: inherit;
+      font-size: 0;
+    }
+  }
+
+  .sb-show-main.sb-main-fullscreen {
+    margin: 0;
+    padding: 0;
+    display: block;
+  }
+
+  .sb-show-main.sb-main-padded {
+    margin: 0;
+    padding: 1rem;
+    display: block;
+    box-sizing: border-box;
+  }
+
+  .sb-wrapper {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20px;
+    font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
+      BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    overflow: auto;
+  }
+
+  .sb-heading {
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    margin: 10px 0;
+    padding-right: 25px;
+  }
+
+  .sb-nopreview {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
+
+  .sb-nopreview_main {
+    margin: auto;
+    padding: 30px;
+    border-radius: 10px;
+    background: rgba(0, 0, 0, 0.03);
+  }
+
+  .sb-nopreview_heading {
+    text-align: center;
+  }
+
+  .sb-errordisplay {
+    border: 20px solid rgb(187, 49, 49);
+    background: #222;
+    color: #fff;
+    z-index: 999999;
+  }
+
+  .sb-errordisplay_code {
+    padding: 10px;
+    background: #000;
+    color: #eee;
+    font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+      'Lucida Console', Consolas, Monaco, monospace;
+  }
+
+  .sb-errordisplay pre {
+    white-space: pre-wrap;
+  }
+
+  @-webkit-keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes sb-rotate360 {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @-webkit-keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+  @keyframes sb-glow {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+
+  /* We display the preparing loaders *over* the rendering story */
+  .sb-preparing-story,
+  .sb-preparing-docs {
+    background-color: white;
+    /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
+    on top, but this isn't possible as it would require making CSS changes that could affect user code */
+    z-index: 2147483647;
+  }
+
+  .sb-loader {
+    -webkit-animation: sb-rotate360 0.7s linear infinite;
+    animation: sb-rotate360 0.7s linear infinite;
+    border-color: rgba(97, 97, 97, 0.29);
+    border-radius: 50%;
+    border-style: solid;
+    border-top-color: #646464;
+    border-width: 2px;
+    display: inline-block;
+    height: 32px;
+    left: 50%;
+    margin-left: -16px;
+    margin-top: -16px;
+    mix-blend-mode: difference;
+    overflow: hidden;
+    position: absolute;
+    top: 50%;
+    transition: all 200ms ease-out;
+    vertical-align: top;
+    width: 32px;
+    z-index: 4;
+  }
+
+  .sb-previewBlock {
+    background: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
+    margin: 25px auto 40px;
+    max-width: 600px;
+  }
+
+  .sb-previewBlock_header {
+    align-items: center;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
+    display: flex;
+    gap: 14px;
+    height: 40px;
+    padding: 0 12px;
+  }
+
+  .sb-previewBlock_icon {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background: #e6e6e6;
+    height: 14px;
+    width: 14px;
+  }
+  .sb-previewBlock_icon:last-child {
+    margin-left: auto;
+  }
+
+  .sb-previewBlock_body {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    height: 182px;
+    position: relative;
+  }
+
+  .sb-argstableBlock {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 13px;
+    line-height: 20px;
+    margin: 25px auto 40px;
+    max-width: 600px;
+    text-align: left;
+    width: 100%;
+  }
+  .sb-argstableBlock th:first-of-type,
+  .sb-argstableBlock td:first-of-type {
+    padding-left: 20px;
+  }
+  .sb-argstableBlock th:nth-of-type(2),
+  .sb-argstableBlock td:nth-of-type(2) {
+    width: 35%;
+  }
+  .sb-argstableBlock th:nth-of-type(3),
+  .sb-argstableBlock td:nth-of-type(3) {
+    width: 15%;
+  }
+  .sb-argstableBlock th:last-of-type,
+  .sb-argstableBlock td:last-of-type {
+    width: 25%;
+    padding-right: 20px;
+  }
+  .sb-argstableBlock th span,
+  .sb-argstableBlock td span {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+  }
+  .sb-argstableBlock th {
+    padding: 10px 15px;
+  }
+
+  .sb-argstableBlock-body {
+    border-radius: 4px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
+  }
+  .sb-argstableBlock-body tr {
+    background: transparent;
+    overflow: hidden;
+  }
+  .sb-argstableBlock-body tr:not(:first-child) {
+    border-top: 1px solid #e6e6e6;
+  }
+  .sb-argstableBlock-body tr:first-child td:first-child {
+    border-top-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:first-child td:last-child {
+    border-top-right-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:first-child {
+    border-bottom-left-radius: 4px;
+  }
+  .sb-argstableBlock-body tr:last-child td:last-child {
+    border-bottom-right-radius: 4px;
+  }
+  .sb-argstableBlock-body td {
+    background: #fff;
+    padding-bottom: 10px;
+    padding-top: 10px;
+    vertical-align: top;
+  }
+  .sb-argstableBlock-body td:not(:first-of-type) {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .sb-argstableBlock-body button {
+    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
+    animation: sb-glow 1.5s ease-in-out infinite;
+    background-color: rgba(0, 0, 0, 0.1);
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: transparent;
+    display: inline;
+    font-size: 12px;
+    line-height: 1;
+    padding: 10px 16px;
+  }
+
+  .sb-argstableBlock-summary {
+    margin-top: 4px;
+  }
+
+  .sb-argstableBlock-code {
+    margin-right: 4px;
+    margin-bottom: 4px;
+    padding: 2px 5px;
+  }
+</style>
+
+<script>
+  /* globals window */
+  /* eslint-disable no-underscore-dangle */
+  try {
+    if (window.top !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+      window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn('unable to connect to top frame for connecting dev tools');
+  }
+</script>
+
+  <script type="module" crossorigin src="./assets/iframe-e34c70f8.js"></script>
+</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">
+  <pre id="error-message" class="sb-heading"></pre>
+  <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
+</div>
+
+  <div id="storybook-root"></div>
+  <div id="storybook-docs"></div>
+  
+  
+</body>
+
+</html>

package/dist/storybook/index.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+
+    <title>@storybook/cli - Storybook</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-regular.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-bold.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
+
+    <link href="./sb-manager/runtime.js" rel="modulepreload" />
+
+    
+    <link href="./sb-addons/actions-0/manager-bundle.js" rel="modulepreload" />
+    
+    <link href="./sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js" rel="modulepreload" />
+       
+
+    <style>
+      #storybook-root[hidden] {
+        display: none !important;
+      }
+    </style>
+
+    
+  </head>
+  <body>
+    <div id="root"></div>
+
+    
+    <script>
+      
+        
+          window['FEATURES'] = {
+  "warnOnLegacyHierarchySeparator": true,
+  "buildStoriesJson": false,
+  "storyStoreV7": true,
+  "argTypeTargetsV7": true,
+  "legacyDecoratorFileOrder": false
+};
+        
+      
+        
+          window['REFS'] = {};
+        
+      
+        
+          window['LOGLEVEL'] = "info";
+        
+      
+        
+          window['DOCS_OPTIONS'] = {
+  "defaultName": "Docs",
+  "autodocs": true
+};
+        
+      
+        
+          window['CONFIG_TYPE'] = "PRODUCTION";
+        
+      
+        
+      
+        
+      
+    </script>
+    
+
+    <script type="module">
+      import './sb-manager/runtime.js';
+
+      
+      import './sb-addons/actions-0/manager-bundle.js';
+      
+      import './sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js';
+      
+    </script>
+
+    <link href="./sb-preview/runtime.js" rel="prefetch" as="script" />
+  </body>
+</html>