@vitus-labs/rocketstories 1.2.2 → 1.2.3-alpha.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Vit Bokisch
+Copyright (c) 2023-present Vit Bokisch
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,3 +1,220 @@
 # @vitus-labs/rocketstories
 
-WIP
+Auto-generated Storybook stories from rocketstyle components.
+
+[![npm](https://img.shields.io/npm/v/@vitus-labs/rocketstories)](https://www.npmjs.com/package/@vitus-labs/rocketstories)
+[![license](https://img.shields.io/npm/l/@vitus-labs/rocketstories)](https://github.com/vitus-labs/ui-system/blob/main/LICENSE)
+
+One factory call gives you a complete Storybook setup — default story, dimension showcases, custom renders, and list views. Auto-detects rocketstyle dimensions, generates controls for pseudo-states, and supports configurable layouts. Also works with plain React components.
+
+## Features
+
+- **Zero-boilerplate stories** — `.main()`, `.dimension()`, `.render()`, `.list()` output methods
+- **Auto dimension detection** — reads rocketstyle component dimensions and generates showcases
+- **Storybook controls** — auto-generated arg table with pseudo-state toggles
+- **Configurable layout** — direction, alignment, gap for story rendering
+- **Immutable chaining** — `.attrs()`, `.controls()`, `.storyOptions()`, `.config()`
+- **Works with any component** — rocketstyle components get enhanced features, plain components work too
+
+## Installation
+
+```bash
+npm install @vitus-labs/rocketstories
+```
+
+## Quick Start
+
+```tsx
+// Button.stories.tsx
+import { init } from '@vitus-labs/rocketstories'
+import Button from './Button'
+
+const storyOf = init({ decorators: [ThemeDecorator] })
+const stories = storyOf(Button).attrs({ label: 'Click me' })
+
+export default stories.init()
+
+export const Default = stories.main()
+export const States = stories.dimension('states')
+export const Sizes = stories
+  .storyOptions({ direction: 'inline', gap: 24 })
+  .dimension('sizes')
+```
+
+## API
+
+### rocketstories(component, options?)
+
+One-shot factory. Creates a story builder for the given component.
+
+```tsx
+import { rocketstories } from '@vitus-labs/rocketstories'
+
+const stories = rocketstories(Button, {
+  storyOptions: { gap: 24, direction: 'rows' },
+  decorators: [ThemeDecorator],
+})
+```
+
+### init(options?)
+
+Curried factory for shared configuration across multiple components.
+
+```tsx
+import { init } from '@vitus-labs/rocketstories'
+
+const storyOf = init({
+  storyOptions: { gap: 16, direction: 'rows', alignY: 'top' },
+  decorators: [ThemeDecorator],
+})
+
+// Reuse for multiple components
+const buttonStories = storyOf(Button)
+const inputStories = storyOf(Input)
+```
+
+### Output Methods
+
+#### .init()
+
+Returns the Storybook default export (title, component, argTypes).
+
+```tsx
+export default stories.init()
+```
+
+#### .main()
+
+Renders the component in its default state with Storybook controls.
+
+```tsx
+export const Default = stories.main()
+```
+
+#### .dimension(name, options?)
+
+Renders all values of a specific dimension side by side. Only available for rocketstyle components.
+
+```tsx
+export const States = stories.dimension('states')
+export const Sizes = stories.dimension('sizes')
+
+// Ignore specific values
+export const States = stories.dimension('states', { ignore: ['default'] })
+```
+
+#### .render(callback)
+
+Custom render function for full control.
+
+```tsx
+export const Custom = stories.render((props) => (
+  <div style={{ display: 'flex', gap: 16 }}>
+    <Button {...props} state="primary" label="Primary" />
+    <Button {...props} state="danger" label="Danger" />
+  </div>
+))
+```
+
+#### .list(options)
+
+Renders a list of component instances using `@vitus-labs/elements` List.
+
+```tsx
+export const ItemList = stories.list({
+  data: ['Apple', 'Banana', 'Cherry'],
+  valueName: 'label',
+})
+```
+
+### Chaining Methods
+
+All chaining methods return a new builder instance.
+
+#### .attrs(props)
+
+Set default props for all stories.
+
+```tsx
+stories.attrs({ label: 'Button', size: 'md' })
+```
+
+#### .controls(config)
+
+Define Storybook arg table controls.
+
+```tsx
+stories.controls({
+  label: { type: 'text', value: 'Click me' },
+  disabled: { type: 'boolean', value: false },
+  size: { type: 'select', options: ['sm', 'md', 'lg'], value: 'md' },
+})
+```
+
+#### .storyOptions(options)
+
+Configure story layout rendering.
+
+```tsx
+stories.storyOptions({
+  direction: 'inline',  // 'inline' | 'rows'
+  alignX: 'left',       // 'left' | 'center' | 'right' | 'spaceBetween'
+  alignY: 'center',     // 'top' | 'center' | 'bottom' | 'spaceBetween'
+  gap: 24,              // spacing between items
+  pseudo: true,         // show pseudo-state controls (hover, focus, etc.)
+})
+```
+
+#### .config(options)
+
+Update general configuration.
+
+```tsx
+stories.config({
+  name: 'CustomStoryName',
+  decorators: [NewDecorator],
+})
+```
+
+#### .replaceComponent(component)
+
+Swap the component being showcased.
+
+```tsx
+stories.replaceComponent(EnhancedButton)
+```
+
+#### .decorators(decorators)
+
+Add Storybook decorators.
+
+```tsx
+stories.decorators([ThemeDecorator, LayoutDecorator])
+```
+
+## Rocketstyle Integration
+
+For rocketstyle components, rocketstories automatically:
+
+1. Detects all dimensions via `getStaticDimensions()`
+2. Generates controls for pseudo-states (hover, focus, pressed, active)
+3. Groups rocketstyle-specific controls under "Rocketstyle (Vitus-Labs)"
+4. Enables `.dimension()` stories for each registered dimension
+
+## Plain React Components
+
+Non-rocketstyle components work with `.main()`, `.render()`, and `.list()`. The `.dimension()` method returns null for plain components.
+
+## Peer Dependencies
+
+| Package | Version |
+| ------- | ------- |
+| react | >= 19 |
+| @storybook/react | * |
+| @vitus-labs/core | * |
+| @vitus-labs/rocketstyle | * |
+| @vitus-labs/unistyle | * |
+
+## License
+
+MIT

package/lib/analysis/{vitus-labs-rocketstories.js.html → index.js.html}

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <title>@vitus-labs/rocketstories - vitus-labs-rocketstories.js</title>
+  <title>@vitus-labs/rocketstories - index.js</title>
   <style>
 :root {
   --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
@@ -149,9 +149,9 @@ main {
 var drawChart = (function (exports) {
     'use strict';
 
-    var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$2,s$1,a$2,h$1,p$1={},v$1=[],y$3=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,d$1=Array.isArray;function w$1(n,l){for(var u in l)n[u]=l[u];return n}function _(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function g(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===e[o]&&(e[o]=l.defaultProps[o]);return m$2(l,e,i,r,null)}function m$2(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function k$1(n){return n.children}function x$3(n,l){this.props=n,this.context=l;}function C$1(n,l){if(null==l)return n.__?C$1(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?C$1(n):null}function S(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return S(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!P.__r++||r$1!==l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)(P);}function P(){var n,u,t,r,o,f,c,s;for(i$1.sort(e$1);n=i$1.shift();)n.__d&&(u=i$1.length,r=void 0,f=(o=(t=n).__v).__e,c=[],s=[],t.__P&&((r=w$1({},o)).__v=o.__v+1,l$1.vnode&&l$1.vnode(r),j$1(t.__P,r,o,t.__n,t.__P.namespaceURI,32&o.__u?[f]:null,c,null==f?C$1(o):f,!!(32&o.__u),s),r.__v=o.__v,r.__.__k[r.__i]=r,z$1(c,r,s),r.__e!=f&&S(r)),i$1.length>u&&i$1.sort(e$1));P.__r=0;}function $(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,d,w,_,g=t&&t.__k||v$1,m=l.length;for(f=I(u,l,g,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1===y.__i?p$1:g[y.__i]||p$1,y.__i=a,_=j$1(n,y,h,i,r,o,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&V(h.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),4&y.__u||h.__k===y.__k?f=A$1(y,f,n):"function"==typeof y.type&&void 0!==_?f=_:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function I(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m$2(null,o,null,null,null):d$1(o)?m$2(k$1,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?m$2(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!==(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null===e.__v?(-1==c&&h--,"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=C$1(e)),q$1(e,e));return t}function A$1(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A$1(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=C$1(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f||f&&o==f.key&&e===f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e===f.type)return i;i--;}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e===f.type)return r;r++;}}return -1}function T$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y$3.test(l)?u:u+"px";}function F(n,l,u,t,i){var r;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f$2,"$1")),l=l.toLowerCase()in n||"onFocusOut"==l||"onFocusIn"==l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c$2,n.addEventListener(l,r?a$2:s$1,r)):n.removeEventListener(l,r?a$2:s$1,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function O(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c$2++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function j$1(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,g,m,b,C,S,M,P,I,A,H,L,T,F=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof F)try{if(b=u.props,C="prototype"in F&&F.prototype.render,S=(a=F.contextType)&&i[a.__c],M=a?S?S.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(C?u.__c=h=new F(b,M):(u.__c=h=new x$3(b,M),h.constructor=F,h.render=B$1),S&&S.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=F.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w$1({},h.__s)),w$1(h.__s,F.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)C&&null==F.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(C&&null==F.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v)){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,g);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,I=l$1.__r,A=0,C){for(h.state=h.__s,h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w$1(w$1({},i),h.getChildContext())),C&&!p&&null!=h.getSnapshotBeforeUpdate&&(g=h.getSnapshotBeforeUpdate(v,y)),f=$(n,d$1(L=null!=a&&a.type===k$1&&null==a.key?a.props.children:a)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else for(T=o.length;T--;)_(o[T]);else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=N(t.__e,u,t,i,r,o,e,c,s);return (a=l$1.diffed)&&a(u),128&u.__u?void 0:f}function z$1(n,u,t){for(var i=0;i<t.length;i++)V(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N(u,t,i,r,o,e,f,c,s){var a,h,v,y,w,g,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&"setAttribute"in w==!!x&&(x?w.localName==x:3==w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=!1),e=null;}if(null===x)b===k||c&&u.data===k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p$1,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)if(w=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=w;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;F(u,a,null,w,o);}for(a in k)w=k[a],"children"==a?y=w:"dangerouslySetInnerHTML"==a?h=w:"value"==a?g=w:"checked"==a?m=w:c&&"function"!=typeof w||b[a]===w||F(u,a,w,b[a],o);if(h)c||v&&(h.__html===v.__html||h.__html===u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),$(u,d$1(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&C$1(i,0),c,s),null!=e)for(a=e.length;a--;)_(e[a]);c||(a="value","progress"==x&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"==x&&!g||"option"==x&&g!==b[a])&&F(u,a,g,b[a],o),a="checked",void 0!==m&&m!==u[a]&&F(u,a,m,b[a],o));}return u}function V(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function q$1(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||V(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&q$1(i[r],u,t||"function"!=typeof n.type);t||_(n.__e),n.__c=n.__=n.__e=void 0;}function B$1(n,l,u){return this.constructor(n,u)}function D$1(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"==typeof i)?null:t.__k,e=[],f=[],j$1(t,u=(t).__k=g(k$1,null,[u]),o||p$1,p$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),z$1(e,u,f);}function J(n,l){var u={__c:l="__cC"+h$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,M(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=v$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,x$3.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=w$1({},this.state),"function"==typeof n&&(n=n(w$1({},u),this.props)),n&&w$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x$3.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this));},x$3.prototype.render=k$1,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,f$2=/(PointerCapture)$|Capture$/i,c$2=0,s$1=O(!1),a$2=O(!0),h$1=0;
+    var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$2,s$1,a$2,h$1,p$1={},v$1=[],y$3=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,w$1=Array.isArray;function d$1(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function _(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return m$2(l,e,i,r,null)}function m$2(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function k$1(n){return n.children}function x$3(n,l){this.props=n,this.context=l;}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?S(n):null}function C$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C$1(n)}}function M(n){(!n.__d&&(n.__d=true)&&i$1.push(n)&&!$.__r++||r$1!=l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)($);}function $(){for(var n,u,t,r,o,f,c,s=1;i$1.length;)i$1.length>s&&i$1.sort(e$1),n=i$1.shift(),s=i$1.length,n.__d&&(t=void 0,o=(r=(u=n).__v).__e,f=[],c=[],u.__P&&((t=d$1({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(t),O(u.__P,t,r,u.__n,u.__P.namespaceURI,32&r.__u?[o]:null,f,null==o?S(r):o,!!(32&r.__u),c),t.__v=r.__v,t.__.__k[t.__i]=t,z$1(f,t,c),t.__e!=o&&C$1(t)));$.__r=0;}function I(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,w,d,g,_=t&&t.__k||v$1,m=l.length;for(f=P(u,l,_,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p$1:_[y.__i]||p$1,y.__i=a,g=O(n,y,h,i,r,o,e,f,c,s),w=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&q$1(h.ref,null,y),s.push(y.ref,y.__c||w,y)),null==d&&null!=w&&(d=w),4&y.__u||h.__k===y.__k?f=A$1(y,f,n):"function"==typeof y.type&&void 0!==g?f=g:w&&(f=w.nextSibling),y.__u&=-7);return u.__e=d,f}function P(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m$2(null,o,null,null,null):w$1(o)?m$2(k$1,{children:o},null,null,null):null==o.constructor&&o.__b>0?m$2(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),B$1(e,e));return t}function A$1(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A$1(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=S(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f&&null==n.key||f&&o==f.key&&e==f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e==f.type)return i;i--;}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e==f.type)return r;r++;}}return  -1}function T$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y$3.test(l)?u:u+"px";}function j$1(n,l,u,t,i){var r,o;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||T$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f$2,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c$2,n.addEventListener(l,r?a$2:s$1,r)):n.removeEventListener(l,r?a$2:s$1,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c$2++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function O(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(null!=u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof j)try{if(b=u.props,S="prototype"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x$3(b,M),h.constructor=j,h.render=D$1),C&&C.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d$1({},h.__s)),d$1(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l$1.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=d$1(d$1({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k$1&&null==a.key&&(L=N(a.props.children)),f=I(n,w$1(L)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else for(T=o.length;T--;)g(o[T]);else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=V(t.__e,u,t,i,r,o,e,c,s);return (a=l$1.diffed)&&a(u),128&u.__u?void 0:f}function z$1(n,u,t){for(var i=0;i<t.length;i++)q$1(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N(n){return "object"!=typeof n||null==n||n.__b&&n.__b>0?n:w$1(n)?n.map(N):d$1({},n)}function V(u,t,i,r,o,e,f,c,s){var a,h,v,y,d,_,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((d=e[a])&&"setAttribute"in d==!!x&&(x?d.localName==x:3==d.nodeType)){u=d,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=false),e=null;}if(null==x)b===k||c&&u.data==k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p$1,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(d=u.attributes[a]).name]=d.value;for(a in b)if(d=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=d;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;j$1(u,a,null,d,o);}for(a in k)d=k[a],"children"==a?y=d:"dangerouslySetInnerHTML"==a?h=d:"value"==a?_=d:"checked"==a?m=d:c&&"function"!=typeof d||b[a]===d||j$1(u,a,d,b[a],o);if(h)c||v&&(h.__html==v.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),I("template"==t.type?u.content:u,w$1(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):null!=_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!=b[a])&&j$1(u,a,_,b[a],o),a="checked",null!=m&&m!=u[a]&&j$1(u,a,m,b[a],o));}return u}function q$1(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function B$1(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||q$1(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&B$1(i[r],u,t||"function"!=typeof n.type);t||g(n.__e),n.__c=n.__=n.__e=void 0;}function D$1(n,l,u){return this.constructor(n,u)}function E(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],O(t,u=(t).__k=_(k$1,null,[u]),o||p$1,p$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),z$1(e,u,f);}function K(n){function l(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=true,M(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}return l.__c="__cC"+h$1++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=v$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,x$3.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=d$1({},this.state),"function"==typeof n&&(n=n(d$1({},u),this.props)),n&&d$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x$3.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),M(this));},x$3.prototype.render=k$1,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f$2=/(PointerCapture)$|Capture$/i,c$2=0,s$1=F(false),a$2=F(true),h$1=0;
 
-    var f$1=0;function u$1(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f$1,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}
+    var f$1=0;function u$1(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f$1,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a) void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}
 
     const LABELS = {
         renderedLength: "Rendered",
@@ -169,7 +169,7 @@ var drawChart = (function (exports) {
         return availableSizeProperties;
     };
 
-    var t,r,u,i,o=0,f=[],c$1=l$1,e=c$1.__b,a$1=c$1.__r,v=c$1.diffed,l=c$1.__c,m$1=c$1.unmount,s=c$1.__;function d(n,t){c$1.__h&&c$1.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function h(n){return o=1,p(D,n)}function p(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return !!n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),c&&c.call(this,n,t,r)||i};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function y$2(n,u){var i=d(t++,3);!c$1.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__H.__h.push(i));}function A(n){return o=5,T(function(){return {current:n}},[])}function T(n,r){var u=d(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x$2(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[];}catch(t){n.__H.__h=[],c$1.__e(t,n.__v);}}c$1.__b=function(n){r=null,e&&e(n);},c$1.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c$1.__r=function(n){a$1&&a$1(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0;})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r;},c$1.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c$1.requestAnimationFrame||((i=c$1.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0;})),u=r=null;},c$1.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c$1.__e(r,n.__v);}}),l&&l(n,t);},c$1.unmount=function(n){m$1&&m$1(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n);}catch(n){t=n;}}),r.__H=void 0,t&&c$1.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r));}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return "function"==typeof t?t(n):t}
+    var t,r,u,i,o=0,f=[],c$1=l$1,e=c$1.__b,a$1=c$1.__r,v=c$1.diffed,l=c$1.__c,m$1=c$1.unmount,s=c$1.__;function p(n,t){c$1.__h&&c$1.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,h(D,n)}function h(n,u,i){var o=p(t++,2);if(o.t=n,!o.__c&&(o.__=[D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.__f)){var f=function(n,t,r){if(!o.__c.__H)return  true;var u=o.__c.__H.__.filter(function(n){return !!n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=true);}}),c&&c.call(this,n,t,r)||i};r.__f=true;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function y$2(n,u){var i=p(t++,3);!c$1.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i));}function A(n){return o=5,T(function(){return {current:n}},[])}function T(n,r){var u=p(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x$2(n){var u=r.context[n.__c],i=p(t++,9);return i.c=n,u?(null==i.__&&(i.__=true,u.sub(r)),u.props.value):n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[];}catch(t){n.__H.__h=[],c$1.__e(t,n.__v);}}c$1.__b=function(n){r=null,e&&e(n);},c$1.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c$1.__r=function(n){a$1&&a$1(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r;},c$1.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c$1.requestAnimationFrame||((i=c$1.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0;})),u=r=null;},c$1.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c$1.__e(r,n.__v);}}),l&&l(n,t);},c$1.unmount=function(n){m$1&&m$1(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n);}catch(n){t=n;}}),r.__H=void 0,t&&c$1.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return "function"==typeof t?t(n):t}
 
     function ascending(a, b) {
       return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -5011,8 +5011,8 @@ var drawChart = (function (exports) {
         }));
     };
     const useFilter = () => {
-        const [includeFilter, setIncludeFilter] = h("");
-        const [excludeFilter, setExcludeFilter] = h("");
+        const [includeFilter, setIncludeFilter] = d("");
+        const [excludeFilter, setExcludeFilter] = d("");
         const setIncludeFilterTrottled = T(() => throttleFilter(setIncludeFilter, 200), []);
         const setExcludeFilterTrottled = T(() => throttleFilter(setExcludeFilter, 200), []);
         const isIncluded = T(() => createFilter(prepareFilter(includeFilter), prepareFilter(excludeFilter)), [includeFilter, excludeFilter]);
@@ -5030,8 +5030,8 @@ var drawChart = (function (exports) {
 
     const PLACEHOLDER = "*/**/file.js";
     const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
-        const [includeValue, setIncludeValue] = h("");
-        const [excludeValue, setExcludeValue] = h("");
+        const [includeValue, setIncludeValue] = d("");
+        const [excludeValue, setExcludeValue] = d("");
         const handleSizePropertyChange = (sizeProp) => () => {
             if (sizeProp !== sizeProperty) {
                 setSizeProperty(sizeProp);
@@ -5059,7 +5059,7 @@ var drawChart = (function (exports) {
     const Tooltip = ({ node, visible }) => {
         const { data } = x$2(StaticContext);
         const ref = A(null);
-        const [style, setStyle] = h({});
+        const [style, setStyle] = d({});
         const content = T(() => {
             if (!node)
                 return null;
@@ -5134,9 +5134,9 @@ var drawChart = (function (exports) {
     };
     const Network = ({ links, nodes, onNodeHover, onNodeDblClick, getColor, onCanvasClick, onNodeClick, }) => {
         const { width, height } = x$2(StaticContext);
-        const [transform, setTransform] = h(identityTransform);
+        const [transform, setTransform] = d(identityTransform);
         const startPosRef = A();
-        const [dragging, setDragging] = h(false);
+        const [dragging, setDragging] = d(false);
         const handleMouseDown = (event) => {
             if (event.ctrlKey || event.button) {
                 // context menu
@@ -5175,8 +5175,8 @@ var drawChart = (function (exports) {
     };
 
     const Chart = ({ links, nodes, onNodeExclude, getColor, onNodeSelect, }) => {
-        const [showTooltip, setShowTooltip] = h(false);
-        const [tooltipNode, setTooltipNode] = h(undefined);
+        const [showTooltip, setShowTooltip] = d(false);
+        const [tooltipNode, setTooltipNode] = d(undefined);
         y$2(() => {
             const handleMouseOut = () => {
                 setShowTooltip(false);
@@ -5223,8 +5223,8 @@ var drawChart = (function (exports) {
         const getModuleColor = T(() => {
             return createRainbowColor(groups);
         }, [groups]);
-        const [excludedNodes, setExcludedNodes] = h([]);
-        const [selectedNode, setSelectedNode] = h();
+        const [excludedNodes, setExcludedNodes] = d([]);
+        const [selectedNode, setSelectedNode] = d();
         const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
         const getColor = (node) => {
             if (selectedNode != null) {
@@ -5274,7 +5274,7 @@ var drawChart = (function (exports) {
                 return source && target;
             });
         }, [data.nodeMetas, processedNodes]);
-        const [animatedNodes, setAnimatedNodes] = h([]);
+        const [animatedNodes, setAnimatedNodes] = d([]);
         y$2(() => {
             const simulation = forceSimulation()
                 .force("collision", forceCollide().radius((node) => node.radius))
@@ -5304,7 +5304,7 @@ var drawChart = (function (exports) {
 
     const NODE_MODULES = /.*(?:\/|\\\\)?node_modules(?:\/|\\\\)([^/\\]+)(?:\/|\\\\).+/;
 
-    const StaticContext = J({});
+    const StaticContext = K({});
     const createNodeInfo = (data, availableSizeProperties, uid) => {
         var _a, _b;
         const meta = data.nodeMetas[uid];
@@ -5362,7 +5362,7 @@ var drawChart = (function (exports) {
             }
             groupLayers.push([...newLayer]);
         }
-        D$1(u$1(StaticContext.Provider, { value: {
+        E(u$1(StaticContext.Provider, { value: {
                 data,
                 width,
                 height,
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-rocketstories.js","children":[{"name":"Users/vitbokisch/dev/vitus-labs/ui-system/packages/rocketstyle/lib/index.js","uid":"c4436806-1"},{"name":"src","children":[{"name":"components","children":[{"uid":"c4436806-3","name":"NotFound.tsx"},{"name":"base","children":[{"uid":"c4436806-5","name":"element.ts"},{"uid":"c4436806-7","name":"Heading.ts"}]}]},{"name":"utils","children":[{"uid":"c4436806-9","name":"theme.ts"},{"uid":"c4436806-11","name":"code.ts"},{"uid":"c4436806-23","name":"controls.ts"},{"uid":"c4436806-33","name":"dimensions.ts"}]},{"name":"controls","children":[{"uid":"c4436806-13","name":"element.ts"},{"uid":"c4436806-15","name":"list.ts"},{"uid":"c4436806-17","name":"overlay.ts"},{"uid":"c4436806-19","name":"rocketstyle.ts"},{"uid":"c4436806-21","name":"text.ts"}]},{"name":"stories","children":[{"name":"rocketstories","children":[{"name":"renderDimension","children":[{"uid":"c4436806-25","name":"context.tsx"},{"name":"components","children":[{"uid":"c4436806-27","name":"Item.tsx"},{"uid":"c4436806-29","name":"PseudoList.tsx"}]},{"uid":"c4436806-31","name":"index.tsx"}]},{"uid":"c4436806-37","name":"renderList.tsx"},{"uid":"c4436806-39","name":"renderMain.tsx"},{"uid":"c4436806-41","name":"renderRender.tsx"}]},{"name":"base","children":[{"uid":"c4436806-45","name":"renderList.tsx"},{"uid":"c4436806-47","name":"renderMain.tsx"},{"uid":"c4436806-49","name":"renderRender.tsx"}]}]},{"name":"internal","children":[{"uid":"c4436806-35","name":"RocketStoryHoc.tsx"},{"uid":"c4436806-43","name":"StoryHoc.tsx"}]},{"uid":"c4436806-51","name":"rocketstories.tsx"},{"uid":"c4436806-53","name":"init.ts"},{"uid":"c4436806-55","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"c4436806-1":{"renderedLength":29311,"gzipLength":6618,"brotliLength":0,"metaUid":"c4436806-0"},"c4436806-3":{"renderedLength":238,"gzipLength":205,"brotliLength":0,"metaUid":"c4436806-2"},"c4436806-5":{"renderedLength":337,"gzipLength":213,"brotliLength":0,"metaUid":"c4436806-4"},"c4436806-7":{"renderedLength":177,"gzipLength":144,"brotliLength":0,"metaUid":"c4436806-6"},"c4436806-9":{"renderedLength":112,"gzipLength":126,"brotliLength":0,"metaUid":"c4436806-8"},"c4436806-11":{"renderedLength":5026,"gzipLength":1180,"brotliLength":0,"metaUid":"c4436806-10"},"c4436806-13":{"renderedLength":6488,"gzipLength":1292,"brotliLength":0,"metaUid":"c4436806-12"},"c4436806-15":{"renderedLength":2016,"gzipLength":687,"brotliLength":0,"metaUid":"c4436806-14"},"c4436806-17":{"renderedLength":2492,"gzipLength":598,"brotliLength":0,"metaUid":"c4436806-16"},"c4436806-19":{"renderedLength":1880,"gzipLength":389,"brotliLength":0,"metaUid":"c4436806-18"},"c4436806-21":{"renderedLength":975,"gzipLength":413,"brotliLength":0,"metaUid":"c4436806-20"},"c4436806-23":{"renderedLength":3089,"gzipLength":957,"brotliLength":0,"metaUid":"c4436806-22"},"c4436806-25":{"renderedLength":265,"gzipLength":165,"brotliLength":0,"metaUid":"c4436806-24"},"c4436806-27":{"renderedLength":302,"gzipLength":196,"brotliLength":0,"metaUid":"c4436806-26"},"c4436806-29":{"renderedLength":368,"gzipLength":222,"brotliLength":0,"metaUid":"c4436806-28"},"c4436806-31":{"renderedLength":5174,"gzipLength":1386,"brotliLength":0,"metaUid":"c4436806-30"},"c4436806-33":{"renderedLength":428,"gzipLength":259,"brotliLength":0,"metaUid":"c4436806-32"},"c4436806-35":{"renderedLength":2409,"gzipLength":683,"brotliLength":0,"metaUid":"c4436806-34"},"c4436806-37":{"renderedLength":198,"gzipLength":159,"brotliLength":0,"metaUid":"c4436806-36"},"c4436806-39":{"renderedLength":181,"gzipLength":136,"brotliLength":0,"metaUid":"c4436806-38"},"c4436806-41":{"renderedLength":59,"gzipLength":63,"brotliLength":0,"metaUid":"c4436806-40"},"c4436806-43":{"renderedLength":540,"gzipLength":220,"brotliLength":0,"metaUid":"c4436806-42"},"c4436806-45":{"renderedLength":190,"gzipLength":152,"brotliLength":0,"metaUid":"c4436806-44"},"c4436806-47":{"renderedLength":173,"gzipLength":130,"brotliLength":0,"metaUid":"c4436806-46"},"c4436806-49":{"renderedLength":51,"gzipLength":55,"brotliLength":0,"metaUid":"c4436806-48"},"c4436806-51":{"renderedLength":2980,"gzipLength":729,"brotliLength":0,"metaUid":"c4436806-50"},"c4436806-53":{"renderedLength":648,"gzipLength":292,"brotliLength":0,"metaUid":"c4436806-52"},"c4436806-55":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"c4436806-54"}},"nodeMetas":{"c4436806-0":{"id":"/Users/vitbokisch/dev/vitus-labs/ui-system/packages/rocketstyle/lib/index.js","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-1"},"imported":[{"uid":"c4436806-56"},{"uid":"c4436806-59"},{"uid":"c4436806-60"}],"importedBy":[{"uid":"c4436806-50"},{"uid":"c4436806-4"}]},"c4436806-2":{"id":"/src/components/NotFound.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-3"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-56"}],"importedBy":[{"uid":"c4436806-30"}]},"c4436806-4":{"id":"/src/components/base/element.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-5"},"imported":[{"uid":"c4436806-0"},{"uid":"c4436806-61"},{"uid":"c4436806-64"}],"importedBy":[{"uid":"c4436806-6"}]},"c4436806-6":{"id":"/src/components/base/Heading.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-7"},"imported":[{"uid":"c4436806-4"}],"importedBy":[{"uid":"c4436806-62"}]},"c4436806-8":{"id":"/src/utils/theme.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-9"},"imported":[],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-34"}]},"c4436806-10":{"id":"/src/utils/code.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-11"},"imported":[{"uid":"c4436806-56"}],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-34"}]},"c4436806-12":{"id":"/src/controls/element.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-13"},"imported":[{"uid":"c4436806-56"}],"importedBy":[{"uid":"c4436806-63"}]},"c4436806-14":{"id":"/src/controls/list.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-15"},"imported":[],"importedBy":[{"uid":"c4436806-63"}]},"c4436806-16":{"id":"/src/controls/overlay.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-17"},"imported":[],"importedBy":[{"uid":"c4436806-63"}]},"c4436806-18":{"id":"/src/controls/rocketstyle.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-19"},"imported":[],"importedBy":[{"uid":"c4436806-63"}]},"c4436806-20":{"id":"/src/controls/text.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-21"},"imported":[{"uid":"c4436806-56"}],"importedBy":[{"uid":"c4436806-63"}]},"c4436806-22":{"id":"/src/utils/controls.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-23"},"imported":[{"uid":"c4436806-63"}],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-34"},{"uid":"c4436806-42"}]},"c4436806-24":{"id":"/src/stories/rocketstories/renderDimension/context.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-25"},"imported":[{"uid":"c4436806-59"}],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-26"}]},"c4436806-26":{"id":"/src/stories/rocketstories/renderDimension/components/Item.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-27"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-62"},{"uid":"c4436806-24"}],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-28"}]},"c4436806-28":{"id":"/src/stories/rocketstories/renderDimension/components/PseudoList.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-29"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-26"}],"importedBy":[{"uid":"c4436806-30"}]},"c4436806-30":{"id":"/src/stories/rocketstories/renderDimension/index.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-31"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-56"},{"uid":"c4436806-61"},{"uid":"c4436806-2"},{"uid":"c4436806-62"},{"uid":"c4436806-8"},{"uid":"c4436806-10"},{"uid":"c4436806-22"},{"uid":"c4436806-24"},{"uid":"c4436806-26"},{"uid":"c4436806-28"}],"importedBy":[{"uid":"c4436806-57"}]},"c4436806-32":{"id":"/src/utils/dimensions.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-33"},"imported":[],"importedBy":[{"uid":"c4436806-34"}]},"c4436806-34":{"id":"/src/internal/RocketStoryHoc.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-35"},"imported":[{"uid":"c4436806-56"},{"uid":"c4436806-8"},{"uid":"c4436806-10"},{"uid":"c4436806-32"},{"uid":"c4436806-22"}],"importedBy":[{"uid":"c4436806-36"},{"uid":"c4436806-38"},{"uid":"c4436806-40"}]},"c4436806-36":{"id":"/src/stories/rocketstories/renderList.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-37"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-61"},{"uid":"c4436806-34"}],"importedBy":[{"uid":"c4436806-57"}]},"c4436806-38":{"id":"/src/stories/rocketstories/renderMain.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-39"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-34"}],"importedBy":[{"uid":"c4436806-57"}]},"c4436806-40":{"id":"/src/stories/rocketstories/renderRender.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-41"},"imported":[{"uid":"c4436806-34"}],"importedBy":[{"uid":"c4436806-57"}]},"c4436806-42":{"id":"/src/internal/StoryHoc.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-43"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-22"}],"importedBy":[{"uid":"c4436806-44"},{"uid":"c4436806-46"},{"uid":"c4436806-48"}]},"c4436806-44":{"id":"/src/stories/base/renderList.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-45"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-61"},{"uid":"c4436806-42"}],"importedBy":[{"uid":"c4436806-58"}]},"c4436806-46":{"id":"/src/stories/base/renderMain.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-47"},"imported":[{"uid":"c4436806-59"},{"uid":"c4436806-42"}],"importedBy":[{"uid":"c4436806-58"}]},"c4436806-48":{"id":"/src/stories/base/renderRender.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-49"},"imported":[{"uid":"c4436806-42"}],"importedBy":[{"uid":"c4436806-58"}]},"c4436806-50":{"id":"/src/rocketstories.tsx","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-51"},"imported":[{"uid":"c4436806-56"},{"uid":"c4436806-0"},{"uid":"c4436806-57"},{"uid":"c4436806-58"}],"importedBy":[{"uid":"c4436806-52"}]},"c4436806-52":{"id":"/src/init.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-53"},"imported":[{"uid":"c4436806-50"}],"importedBy":[{"uid":"c4436806-54"}]},"c4436806-54":{"id":"/src/index.ts","moduleParts":{"vitus-labs-rocketstories.js":"c4436806-55"},"imported":[{"uid":"c4436806-52"}],"importedBy":[],"isEntry":true},"c4436806-56":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4436806-50"},{"uid":"c4436806-0"},{"uid":"c4436806-30"},{"uid":"c4436806-2"},{"uid":"c4436806-10"},{"uid":"c4436806-34"},{"uid":"c4436806-12"},{"uid":"c4436806-20"}],"isExternal":true},"c4436806-57":{"id":"/src/stories/rocketstories/index.ts","moduleParts":{},"imported":[{"uid":"c4436806-30"},{"uid":"c4436806-36"},{"uid":"c4436806-38"},{"uid":"c4436806-40"}],"importedBy":[{"uid":"c4436806-50"}]},"c4436806-58":{"id":"/src/stories/base/index.ts","moduleParts":{},"imported":[{"uid":"c4436806-44"},{"uid":"c4436806-46"},{"uid":"c4436806-48"}],"importedBy":[{"uid":"c4436806-50"}]},"c4436806-59":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4436806-0"},{"uid":"c4436806-30"},{"uid":"c4436806-36"},{"uid":"c4436806-38"},{"uid":"c4436806-44"},{"uid":"c4436806-46"},{"uid":"c4436806-2"},{"uid":"c4436806-24"},{"uid":"c4436806-26"},{"uid":"c4436806-28"},{"uid":"c4436806-42"}],"isExternal":true},"c4436806-60":{"id":"hoist-non-react-statics","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4436806-0"}],"isExternal":true},"c4436806-61":{"id":"@vitus-labs/elements","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-36"},{"uid":"c4436806-44"},{"uid":"c4436806-4"}],"isExternal":true},"c4436806-62":{"id":"/src/components/base/index.ts","moduleParts":{},"imported":[{"uid":"c4436806-6"}],"importedBy":[{"uid":"c4436806-30"},{"uid":"c4436806-26"}]},"c4436806-63":{"id":"/src/controls/index.ts","moduleParts":{},"imported":[{"uid":"c4436806-12"},{"uid":"c4436806-14"},{"uid":"c4436806-16"},{"uid":"c4436806-18"},{"uid":"c4436806-20"}],"importedBy":[{"uid":"c4436806-22"}]},"c4436806-64":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4436806-4"}],"isExternal":true}},"env":{"rollup":"4.55.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"name":"controls","children":[{"uid":"98829084-1","name":"element.ts"},{"uid":"98829084-3","name":"list.ts"},{"uid":"98829084-5","name":"overlay.ts"},{"uid":"98829084-7","name":"rocketstyle.ts"},{"uid":"98829084-9","name":"text.ts"},{"uid":"98829084-11","name":"index.ts"}]},{"name":"utils","children":[{"uid":"98829084-13","name":"controls.ts"},{"uid":"98829084-33","name":"code.ts"},{"uid":"98829084-35","name":"theme.ts"},{"uid":"98829084-45","name":"dimensions.ts"}]},{"name":"internal","children":[{"uid":"98829084-15","name":"StoryHoc.tsx"},{"uid":"98829084-47","name":"RocketStoryHoc.tsx"}]},{"name":"stories","children":[{"name":"base","children":[{"uid":"98829084-17","name":"renderList.tsx"},{"uid":"98829084-19","name":"renderMain.tsx"},{"uid":"98829084-21","name":"renderRender.tsx"},{"uid":"98829084-23","name":"index.ts"}]},{"name":"rocketstories","children":[{"name":"renderDimension","children":[{"uid":"98829084-37","name":"context.tsx"},{"name":"components","children":[{"uid":"98829084-39","name":"Item.tsx"},{"uid":"98829084-41","name":"PseudoList.tsx"}]},{"uid":"98829084-43","name":"index.tsx"}]},{"uid":"98829084-49","name":"renderList.tsx"},{"uid":"98829084-51","name":"renderMain.tsx"},{"uid":"98829084-53","name":"renderRender.tsx"},{"uid":"98829084-55","name":"index.ts"}]}]},{"name":"components","children":[{"name":"base","children":[{"uid":"98829084-25","name":"element.ts"},{"uid":"98829084-27","name":"Heading.ts"},{"uid":"98829084-29","name":"index.ts"}]},{"uid":"98829084-31","name":"NotFound.tsx"}]},{"uid":"98829084-57","name":"rocketstories.tsx"},{"uid":"98829084-59","name":"init.ts"},{"uid":"98829084-61","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"98829084-1":{"renderedLength":5778,"gzipLength":1382,"brotliLength":0,"metaUid":"98829084-0"},"98829084-3":{"renderedLength":2010,"gzipLength":813,"brotliLength":0,"metaUid":"98829084-2"},"98829084-5":{"renderedLength":2157,"gzipLength":639,"brotliLength":0,"metaUid":"98829084-4"},"98829084-7":{"renderedLength":1899,"gzipLength":537,"brotliLength":0,"metaUid":"98829084-6"},"98829084-9":{"renderedLength":1064,"gzipLength":531,"brotliLength":0,"metaUid":"98829084-8"},"98829084-11":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"98829084-10"},"98829084-13":{"renderedLength":2881,"gzipLength":1104,"brotliLength":0,"metaUid":"98829084-12"},"98829084-15":{"renderedLength":338,"gzipLength":200,"brotliLength":0,"metaUid":"98829084-14"},"98829084-17":{"renderedLength":431,"gzipLength":303,"brotliLength":0,"metaUid":"98829084-16"},"98829084-19":{"renderedLength":406,"gzipLength":278,"brotliLength":0,"metaUid":"98829084-18"},"98829084-21":{"renderedLength":119,"gzipLength":107,"brotliLength":0,"metaUid":"98829084-20"},"98829084-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"98829084-22"},"98829084-25":{"renderedLength":520,"gzipLength":330,"brotliLength":0,"metaUid":"98829084-24"},"98829084-27":{"renderedLength":426,"gzipLength":302,"brotliLength":0,"metaUid":"98829084-26"},"98829084-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"98829084-28"},"98829084-31":{"renderedLength":395,"gzipLength":293,"brotliLength":0,"metaUid":"98829084-30"},"98829084-33":{"renderedLength":3983,"gzipLength":1095,"brotliLength":0,"metaUid":"98829084-32"},"98829084-35":{"renderedLength":113,"gzipLength":124,"brotliLength":0,"metaUid":"98829084-34"},"98829084-37":{"renderedLength":515,"gzipLength":311,"brotliLength":0,"metaUid":"98829084-36"},"98829084-39":{"renderedLength":559,"gzipLength":365,"brotliLength":0,"metaUid":"98829084-38"},"98829084-41":{"renderedLength":402,"gzipLength":271,"brotliLength":0,"metaUid":"98829084-40"},"98829084-43":{"renderedLength":3632,"gzipLength":1304,"brotliLength":0,"metaUid":"98829084-42"},"98829084-45":{"renderedLength":376,"gzipLength":253,"brotliLength":0,"metaUid":"98829084-44"},"98829084-47":{"renderedLength":1577,"gzipLength":702,"brotliLength":0,"metaUid":"98829084-46"},"98829084-49":{"renderedLength":445,"gzipLength":303,"brotliLength":0,"metaUid":"98829084-48"},"98829084-51":{"renderedLength":430,"gzipLength":288,"brotliLength":0,"metaUid":"98829084-50"},"98829084-53":{"renderedLength":132,"gzipLength":111,"brotliLength":0,"metaUid":"98829084-52"},"98829084-55":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"98829084-54"},"98829084-57":{"renderedLength":2509,"gzipLength":770,"brotliLength":0,"metaUid":"98829084-56"},"98829084-59":{"renderedLength":608,"gzipLength":321,"brotliLength":0,"metaUid":"98829084-58"},"98829084-61":{"renderedLength":60,"gzipLength":74,"brotliLength":0,"metaUid":"98829084-60"}},"nodeMetas":{"98829084-0":{"id":"/src/controls/element.ts","moduleParts":{"index.js":"98829084-1"},"imported":[{"uid":"98829084-62"}],"importedBy":[{"uid":"98829084-10"}]},"98829084-2":{"id":"/src/controls/list.ts","moduleParts":{"index.js":"98829084-3"},"imported":[],"importedBy":[{"uid":"98829084-10"}]},"98829084-4":{"id":"/src/controls/overlay.ts","moduleParts":{"index.js":"98829084-5"},"imported":[],"importedBy":[{"uid":"98829084-10"}]},"98829084-6":{"id":"/src/controls/rocketstyle.ts","moduleParts":{"index.js":"98829084-7"},"imported":[],"importedBy":[{"uid":"98829084-10"}]},"98829084-8":{"id":"/src/controls/text.ts","moduleParts":{"index.js":"98829084-9"},"imported":[{"uid":"98829084-62"}],"importedBy":[{"uid":"98829084-10"}]},"98829084-10":{"id":"/src/controls/index.ts","moduleParts":{"index.js":"98829084-11"},"imported":[{"uid":"98829084-0"},{"uid":"98829084-2"},{"uid":"98829084-4"},{"uid":"98829084-6"},{"uid":"98829084-8"}],"importedBy":[{"uid":"98829084-12"}]},"98829084-12":{"id":"/src/utils/controls.ts","moduleParts":{"index.js":"98829084-13"},"imported":[{"uid":"98829084-10"}],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-14"},{"uid":"98829084-46"}]},"98829084-14":{"id":"/src/internal/StoryHoc.tsx","moduleParts":{"index.js":"98829084-15"},"imported":[{"uid":"98829084-12"}],"importedBy":[{"uid":"98829084-16"},{"uid":"98829084-18"},{"uid":"98829084-20"}]},"98829084-16":{"id":"/src/stories/base/renderList.tsx","moduleParts":{"index.js":"98829084-17"},"imported":[{"uid":"98829084-64"},{"uid":"98829084-14"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-22"}]},"98829084-18":{"id":"/src/stories/base/renderMain.tsx","moduleParts":{"index.js":"98829084-19"},"imported":[{"uid":"98829084-66"},{"uid":"98829084-14"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-22"}]},"98829084-20":{"id":"/src/stories/base/renderRender.tsx","moduleParts":{"index.js":"98829084-21"},"imported":[{"uid":"98829084-14"}],"importedBy":[{"uid":"98829084-22"}]},"98829084-22":{"id":"/src/stories/base/index.ts","moduleParts":{"index.js":"98829084-23"},"imported":[{"uid":"98829084-16"},{"uid":"98829084-18"},{"uid":"98829084-20"}],"importedBy":[{"uid":"98829084-56"}]},"98829084-24":{"id":"/src/components/base/element.ts","moduleParts":{"index.js":"98829084-25"},"imported":[{"uid":"98829084-64"},{"uid":"98829084-63"},{"uid":"98829084-67"}],"importedBy":[{"uid":"98829084-26"}]},"98829084-26":{"id":"/src/components/base/Heading.ts","moduleParts":{"index.js":"98829084-27"},"imported":[{"uid":"98829084-24"}],"importedBy":[{"uid":"98829084-28"}]},"98829084-28":{"id":"/src/components/base/index.ts","moduleParts":{"index.js":"98829084-29"},"imported":[{"uid":"98829084-26"}],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-38"}]},"98829084-30":{"id":"/src/components/NotFound.tsx","moduleParts":{"index.js":"98829084-31"},"imported":[{"uid":"98829084-62"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-42"}]},"98829084-32":{"id":"/src/utils/code.ts","moduleParts":{"index.js":"98829084-33"},"imported":[{"uid":"98829084-62"}],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-46"}]},"98829084-34":{"id":"/src/utils/theme.ts","moduleParts":{"index.js":"98829084-35"},"imported":[],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-46"}]},"98829084-36":{"id":"/src/stories/rocketstories/renderDimension/context.tsx","moduleParts":{"index.js":"98829084-37"},"imported":[{"uid":"98829084-66"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-38"}]},"98829084-38":{"id":"/src/stories/rocketstories/renderDimension/components/Item.tsx","moduleParts":{"index.js":"98829084-39"},"imported":[{"uid":"98829084-66"},{"uid":"98829084-28"},{"uid":"98829084-36"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-42"},{"uid":"98829084-40"}]},"98829084-40":{"id":"/src/stories/rocketstories/renderDimension/components/PseudoList.tsx","moduleParts":{"index.js":"98829084-41"},"imported":[{"uid":"98829084-38"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-42"}]},"98829084-42":{"id":"/src/stories/rocketstories/renderDimension/index.tsx","moduleParts":{"index.js":"98829084-43"},"imported":[{"uid":"98829084-62"},{"uid":"98829084-64"},{"uid":"98829084-66"},{"uid":"98829084-28"},{"uid":"98829084-30"},{"uid":"98829084-32"},{"uid":"98829084-12"},{"uid":"98829084-34"},{"uid":"98829084-38"},{"uid":"98829084-40"},{"uid":"98829084-36"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-54"}]},"98829084-44":{"id":"/src/utils/dimensions.ts","moduleParts":{"index.js":"98829084-45"},"imported":[],"importedBy":[{"uid":"98829084-46"}]},"98829084-46":{"id":"/src/internal/RocketStoryHoc.tsx","moduleParts":{"index.js":"98829084-47"},"imported":[{"uid":"98829084-62"},{"uid":"98829084-32"},{"uid":"98829084-12"},{"uid":"98829084-44"},{"uid":"98829084-34"}],"importedBy":[{"uid":"98829084-48"},{"uid":"98829084-50"},{"uid":"98829084-52"}]},"98829084-48":{"id":"/src/stories/rocketstories/renderList.tsx","moduleParts":{"index.js":"98829084-49"},"imported":[{"uid":"98829084-64"},{"uid":"98829084-46"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-54"}]},"98829084-50":{"id":"/src/stories/rocketstories/renderMain.tsx","moduleParts":{"index.js":"98829084-51"},"imported":[{"uid":"98829084-66"},{"uid":"98829084-46"},{"uid":"98829084-65"}],"importedBy":[{"uid":"98829084-54"}]},"98829084-52":{"id":"/src/stories/rocketstories/renderRender.tsx","moduleParts":{"index.js":"98829084-53"},"imported":[{"uid":"98829084-46"}],"importedBy":[{"uid":"98829084-54"}]},"98829084-54":{"id":"/src/stories/rocketstories/index.ts","moduleParts":{"index.js":"98829084-55"},"imported":[{"uid":"98829084-42"},{"uid":"98829084-48"},{"uid":"98829084-50"},{"uid":"98829084-52"}],"importedBy":[{"uid":"98829084-56"}]},"98829084-56":{"id":"/src/rocketstories.tsx","moduleParts":{"index.js":"98829084-57"},"imported":[{"uid":"98829084-62"},{"uid":"98829084-63"},{"uid":"98829084-22"},{"uid":"98829084-54"}],"importedBy":[{"uid":"98829084-58"}]},"98829084-58":{"id":"/src/init.ts","moduleParts":{"index.js":"98829084-59"},"imported":[{"uid":"98829084-56"}],"importedBy":[{"uid":"98829084-60"}]},"98829084-60":{"id":"/src/index.ts","moduleParts":{"index.js":"98829084-61"},"imported":[{"uid":"98829084-58"}],"importedBy":[],"isEntry":true},"98829084-62":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-56"},{"uid":"98829084-42"},{"uid":"98829084-30"},{"uid":"98829084-32"},{"uid":"98829084-46"},{"uid":"98829084-0"},{"uid":"98829084-8"}]},"98829084-63":{"id":"@vitus-labs/rocketstyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-56"},{"uid":"98829084-24"}]},"98829084-64":{"id":"@vitus-labs/elements","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-16"},{"uid":"98829084-42"},{"uid":"98829084-48"},{"uid":"98829084-24"}]},"98829084-65":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-16"},{"uid":"98829084-18"},{"uid":"98829084-42"},{"uid":"98829084-48"},{"uid":"98829084-50"},{"uid":"98829084-30"},{"uid":"98829084-38"},{"uid":"98829084-40"},{"uid":"98829084-36"}]},"98829084-66":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-18"},{"uid":"98829084-42"},{"uid":"98829084-50"},{"uid":"98829084-38"},{"uid":"98829084-36"}]},"98829084-67":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"98829084-24"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;