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

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,
@@ -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;