@vitus-labs/elements 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,100 +1,313 @@
-<div align="center">
-  <a href="https://vitus-labs.com/docs/ui-system/elements">
-    <img src="https://github.com/vitus-labs/ui-system/blob/master/packages/elements/logo.png" alt="Elements" height="150" />
-  </a>
-</div>
+# @vitus-labs/elements
 
-# Getting Started
+Layout primitives for React with responsive props.
 
-Elements are a package of patterns that should cover very common
-and frequent use-cases, so you don't have to repeat yourself again
-and again. Elements are a package of patterns that should cover very
-common and frequent use-cases, so you don't have to repeat yourself
-again and again.
+[![npm](https://img.shields.io/npm/v/@vitus-labs/elements)](https://www.npmjs.com/package/@vitus-labs/elements)
+[![license](https://img.shields.io/npm/l/@vitus-labs/elements)](https://github.com/vitus-labs/ui-system/blob/main/LICENSE)
 
-Full documentation is at [https:vitus-labs.com/](https://vitus-labs.com/docs/ui-system/elements)
+Five composable components for building buttons, cards, lists, dropdowns, tooltips, and modals. Every layout prop is responsive — pass a single value, a mobile-first array, or a breakpoint object.
 
-## Motivation
+## Features
 
-The goal is to cover many repeatable use-cases of writing code and make
-a bunch of components that would solve this. You shouldn't focus on some
-specifics of CSS or thinking about HTML validation or so. The goal is to
-make configurable components so you can focus on your goals and business
-value.
+- **Element** — three-section flex layout (beforeContent / content / afterContent)
+- **Text** — semantic text rendering with auto paragraph wrapping
+- **List** — data-driven rendering with positional metadata (first, last, odd, even)
+- **Overlay** — portal-based positioning for dropdowns, tooltips, and modals with auto-flip
+- **Portal** — React Portal wrapper for DOM appending
+- **Util** — non-rendering utility for injecting className and style
+- **Responsive everything** — single value, array, or breakpoint object on every layout prop
+- **Selection state** — `withActiveState` HOC for single/multi item selection on List
 
-### Components available in the package
+## Installation
+
+```bash
+npm install @vitus-labs/elements @vitus-labs/core @vitus-labs/unistyle styled-components
+```
+
+## Components
 
 ### Element
 
-**Element** is a simple component for aligning simple elements vertically/horizontally.
-This might help add some additional elements like loading icon to button, input
-element symbol, or validation element. Which leads to repeatable patterns.
-All these things and much more can be covered by this component.
+The core layout primitive. Renders a three-section flex container with optional beforeContent and afterContent slots around the main content.
 
-### List
+```tsx
+import { Element } from '@vitus-labs/elements'
+
+// Simple button with icon before and chevron after
+<Element
+  tag="button"
+  beforeContent={<Icon name="star" />}
+  afterContent={<Icon name="chevron-right" />}
+  direction="inline"
+  alignX="center"
+  alignY="center"
+  gap={8}
+>
+  Click me
+</Element>
+```
+
+When only content is present (no beforeContent/afterContent), Element optimizes by skipping the inner wrapper layer.
+
+**Content props** (rendered in priority order: children > content > label):
+
+| Prop | Type | Description |
+| ---- | ---- | ----------- |
+| children | `ReactNode` | Standard React children |
+| content | `ReactNode` | Alternative to children |
+| label | `ReactNode` | Alternative to children/content |
+| beforeContent | `ReactNode` | Content rendered before the main slot |
+| afterContent | `ReactNode` | Content rendered after the main slot |
+
+**Layout props** (all responsive):
+
+| Prop | Type | Default | Description |
+| ---- | ---- | ------- | ----------- |
+| tag | `HTMLTags` | `'div'` | HTML element tag |
+| block | `boolean` | — | `flex` vs `inline-flex` |
+| direction | `Direction` | `'inline'` | `'inline'` \| `'rows'` \| `'reverseInline'` \| `'reverseRows'` |
+| alignX | `AlignX` | `'left'` | Horizontal alignment |
+| alignY | `AlignY` | `'center'` | Vertical alignment |
+| gap | `number` | — | Gap between content sections |
+| equalCols | `boolean` | — | Equal width/height for before/after |
+
+Each section (content, beforeContent, afterContent) has its own direction, alignX, and alignY props prefixed with the section name:
+
+```tsx
+<Element
+  contentDirection="rows"
+  contentAlignX="center"
+  beforeContentAlignY="top"
+  afterContentDirection="inline"
+/>
+```
+
+**CSS extension props:**
 
-Another use case is rendering simple lists of data. If you are tired of using
-the `map` function again and again this component is here to cover it for you.
+| Prop | Description |
+| ---- | ----------- |
+| css | Extend root wrapper styling |
+| contentCss | Extend content wrapper styling |
+| beforeContentCss | Extend beforeContent wrapper styling |
+| afterContentCss | Extend afterContent wrapper styling |
+
+CSS props accept strings, template literals, `css` tagged templates, or callbacks.
 
 ### Text
 
-Simple component for s or any inline text element like strong, small and so on.
+Semantic text component with optional paragraph auto-wrapping.
+
+```tsx
+import { Text } from '@vitus-labs/elements'
+
+<Text tag="h1">Heading</Text>
+<Text paragraph>This renders as a p tag.</Text>
+<Text tag="strong" label="Bold text" />
+```
+
+| Prop | Type | Description |
+| ---- | ---- | ----------- |
+| tag | `HTMLTextTags` | `'h1'`–`'h6'`, `'p'`, `'span'`, `'strong'`, `'em'`, etc. |
+| paragraph | `boolean` | Shorthand for `tag="p"` |
+| children / label | `ReactNode` | Text content |
+| css | `ExtendCss` | Extend styling |
+
+### List
+
+Data-driven list renderer with Iterator pattern.
+
+```tsx
+import { List, Element } from '@vitus-labs/elements'
+
+// Simple string data
+<List
+  component={Element}
+  data={['Apple', 'Banana', 'Cherry']}
+  valueName="label"
+/>
+
+// Object data with positional metadata
+<List
+  component={ListItem}
+  data={[{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]}
+  itemKey="id"
+  itemProps={(item, { first, last, odd, even, index }) => ({
+    highlighted: first,
+    separator: !last,
+  })}
+/>
+
+// With root Element wrapper
+<List
+  rootElement
+  direction="rows"
+  gap={8}
+  component={Card}
+  data={items}
+/>
+```
+
+| Prop | Type | Description |
+| ---- | ---- | ----------- |
+| data | `Array` | Array of strings, numbers, or objects |
+| component | `ComponentType` | Component to render for each item |
+| valueName | `string` | Prop name for scalar values (default: `'children'`) |
+| itemKey | `string \| function` | Key extraction for list items |
+| itemProps | `object \| function` | Extra props injected into each item |
+| wrapComponent | `ComponentType` | Wrapper around each item |
+| rootElement | `boolean` | Wrap list in an Element (enables direction, gap, etc.) |
+
+**Positional metadata** passed to `itemProps` callback:
+
+`index`, `first`, `last`, `odd`, `even`, `position` (1-based)
+
+### withActiveState
+
+HOC that adds selection state management to List.
+
+```tsx
+import { List, withActiveState } from '@vitus-labs/elements'
+
+const SelectableList = withActiveState(List)
+
+<SelectableList
+  type="single"
+  component={ListItem}
+  data={items}
+  activeItems="item-1"
+/>
+
+<SelectableList
+  type="multi"
+  component={ListItem}
+  data={items}
+  activeItems={['item-1', 'item-3']}
+  activeItemRequired
+/>
+```
+
+Each item receives: `active`, `handleItemActive`, `setItemActive`, `unsetItemActive`, `toggleItemActive`.
 
 ### Overlay
 
-**Overlay** is a component that might help you building modal windows, dropdowns,
-tooltips, popovers, etc. It's quite configurable so you can align elements
-the way you like without any extra effort.
+Portal-based overlay with intelligent positioning and event management.
 
-### Portal
+```tsx
+import { Overlay } from '@vitus-labs/elements'
 
-**Portal** is just a common Reat Portal component to be used to append any elements to DOM.
+// Dropdown
+<Overlay
+  openOn="click"
+  closeOn="clickOutsideContent"
+  align="bottom"
+  alignX="left"
+  trigger={<Button label="Open menu" />}
+>
+  <DropdownMenu />
+</Overlay>
 
-## Installation
+// Tooltip
+<Overlay
+  openOn="hover"
+  closeOn="hover"
+  align="top"
+  alignX="center"
+  offsetY={8}
+  trigger={<span>Hover me</span>}
+>
+  <Tooltip>Helpful text</Tooltip>
+</Overlay>
+```
 
-You can install it with your preferred tool (`yarn` or `npm`).
+| Prop | Type | Default | Description |
+| ---- | ---- | ------- | ----------- |
+| trigger | `ReactNode \| function` | — | The triggering element |
+| children | `ReactNode \| function` | — | Overlay content |
+| openOn | `'click' \| 'hover' \| 'manual'` | `'click'` | How to open |
+| closeOn | `'click' \| 'clickOnTrigger' \| 'clickOutsideContent' \| 'hover' \| 'manual'` | `'click'` | How to close |
+| type | `'dropdown' \| 'tooltip' \| 'popover' \| 'modal' \| 'custom'` | — | Positioning preset |
+| align | `'top' \| 'bottom' \| 'left' \| 'right'` | — | Primary alignment relative to trigger |
+| alignX | `'left' \| 'center' \| 'right'` | — | Horizontal alignment |
+| alignY | `'top' \| 'center' \| 'bottom'` | — | Vertical alignment |
+| offsetX / offsetY | `number` | `0` | Margin from trigger |
+| closeOnEsc | `boolean` | `true` | Close on Escape key |
+| disabled | `boolean` | `false` | Disable open/close |
+| onOpen / onClose | `() => void` | — | Lifecycle callbacks |
 
-```powershell
-# with yarn
-yarn add @vitus-labs/elements @vitus-labs/core
+Overlay auto-flips when content hits the viewport edge. Positioning is throttled for performance.
 
-# or with npm
-npm install @vitus-labs/elements @vitus-labs/core
+When trigger or children are render functions, they receive callbacks:
+
+```tsx
+<Overlay
+  openOn="manual"
+  trigger={({ showContent, active, ref }) => (
+    <button ref={ref} onClick={showContent}>
+      {active ? 'Close' : 'Open'}
+    </button>
+  )}
+>
+  {({ hideContent, align, ref }) => (
+    <div ref={ref}>
+      <button onClick={hideContent}>Close</button>
+    </div>
+  )}
+</Overlay>
 ```
 
-## Dependencies
+### Portal
 
-Elements depends on the following packages which need to be installed as well.
+React Portal wrapper for appending content to a specific DOM location.
 
-| Package          | version      |
-| ---------------- | ------------ |
-| react            | >= 16.7      |
-| @vitus-labs/core | same version |
+```tsx
+import { Portal } from '@vitus-labs/elements'
 
-## Code examples
+<Portal>
+  <div>Rendered at document.body</div>
+</Portal>
 
-```jsx
-import React from 'react'
-import { Element } from '@vitus-labs/elements'
-import Loading from './any-react-component'
-
-const Element = () => (
-  <Element
-    tag="button"
-    label="This is a label"
-    contentAlignX="left"
-    contentAlignY="center"
-    beforeContent={Loading}
-  />
-)
+<Portal DOMLocation={document.getElementById('modal-root')}>
+  <div>Rendered at #modal-root</div>
+</Portal>
 ```
 
-```jsx
-import React from 'react'
-import { List, Element } from '@vitus-labs/elements'
+### Util
 
-const data = [{ label: 'a' }, { label: 'b' }, { label: 'c' }, { label: 'd' }]
-return <List data={data} component={Element} />
+Non-rendering utility that injects className and style into its child.
+
+```tsx
+import { Util } from '@vitus-labs/elements'
+
+<Util className="custom-class" style={{ color: 'red' }}>
+  <div>Receives className and style props</div>
+</Util>
 ```
 
-It's cool, right? So, check out more examples and happy coding!
+## Responsive Values
+
+Every layout prop (direction, alignX, alignY, gap, block, equalCols) supports three formats:
+
+```tsx
+// Single value — all breakpoints
+<Element direction="inline" />
+
+// Array — mobile-first, maps to breakpoints by position
+<Element direction={['rows', 'inline']} />
+
+// Object — explicit breakpoints
+<Element direction={{ xs: 'rows', md: 'inline', lg: 'inline' }} />
+```
+
+## Peer Dependencies
+
+| Package | Version |
+| ------- | ------- |
+| react | >= 19 |
+| react-dom | >= 19 |
+| @vitus-labs/core | * |
+| @vitus-labs/unistyle | * |
+| styled-components | >= 6 |
+
+## License
+
+MIT

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"503c01f8-1","name":"constants.ts"},{"uid":"503c01f8-3","name":"utils.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"503c01f8-5","name":"constants.ts"},{"uid":"503c01f8-7","name":"utils.ts"},{"uid":"503c01f8-9","name":"styled.ts"},{"uid":"503c01f8-11","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"503c01f8-13","name":"styled.ts"},{"uid":"503c01f8-15","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"503c01f8-25"}]},{"name":"Element","children":[{"uid":"503c01f8-17","name":"constants.ts"},{"uid":"503c01f8-19","name":"utils.ts"},{"uid":"503c01f8-21","name":"component.tsx"},{"uid":"503c01f8-23","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"503c01f8-27","name":"component.tsx"},{"uid":"503c01f8-29","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"503c01f8-31"},{"name":"Overlay","children":[{"uid":"503c01f8-33","name":"context.tsx"},{"uid":"503c01f8-35","name":"useOverlay.tsx"},{"uid":"503c01f8-37","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"503c01f8-39","name":"styled.ts"},{"uid":"503c01f8-41","name":"component.tsx"}]},{"name":"Util/component.tsx","uid":"503c01f8-43"},{"uid":"503c01f8-45","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"503c01f8-1":{"renderedLength":40,"gzipLength":60,"brotliLength":0,"metaUid":"503c01f8-0"},"503c01f8-3":{"renderedLength":61,"gzipLength":81,"brotliLength":0,"metaUid":"503c01f8-2"},"503c01f8-5":{"renderedLength":242,"gzipLength":204,"brotliLength":0,"metaUid":"503c01f8-4"},"503c01f8-7":{"renderedLength":173,"gzipLength":159,"brotliLength":0,"metaUid":"503c01f8-6"},"503c01f8-9":{"renderedLength":1122,"gzipLength":515,"brotliLength":0,"metaUid":"503c01f8-8"},"503c01f8-11":{"renderedLength":1320,"gzipLength":525,"brotliLength":0,"metaUid":"503c01f8-10"},"503c01f8-13":{"renderedLength":1831,"gzipLength":675,"brotliLength":0,"metaUid":"503c01f8-12"},"503c01f8-15":{"renderedLength":625,"gzipLength":317,"brotliLength":0,"metaUid":"503c01f8-14"},"503c01f8-17":{"renderedLength":816,"gzipLength":263,"brotliLength":0,"metaUid":"503c01f8-16"},"503c01f8-19":{"renderedLength":231,"gzipLength":145,"brotliLength":0,"metaUid":"503c01f8-18"},"503c01f8-21":{"renderedLength":4385,"gzipLength":1095,"brotliLength":0,"metaUid":"503c01f8-20"},"503c01f8-23":{"renderedLength":1898,"gzipLength":588,"brotliLength":0,"metaUid":"503c01f8-22"},"503c01f8-25":{"renderedLength":6926,"gzipLength":1436,"brotliLength":0,"metaUid":"503c01f8-24"},"503c01f8-27":{"renderedLength":502,"gzipLength":285,"brotliLength":0,"metaUid":"503c01f8-26"},"503c01f8-29":{"renderedLength":4743,"gzipLength":1149,"brotliLength":0,"metaUid":"503c01f8-28"},"503c01f8-31":{"renderedLength":822,"gzipLength":377,"brotliLength":0,"metaUid":"503c01f8-30"},"503c01f8-33":{"renderedLength":402,"gzipLength":226,"brotliLength":0,"metaUid":"503c01f8-32"},"503c01f8-35":{"renderedLength":17499,"gzipLength":3206,"brotliLength":0,"metaUid":"503c01f8-34"},"503c01f8-37":{"renderedLength":1272,"gzipLength":522,"brotliLength":0,"metaUid":"503c01f8-36"},"503c01f8-39":{"renderedLength":331,"gzipLength":225,"brotliLength":0,"metaUid":"503c01f8-38"},"503c01f8-41":{"renderedLength":716,"gzipLength":376,"brotliLength":0,"metaUid":"503c01f8-40"},"503c01f8-43":{"renderedLength":493,"gzipLength":278,"brotliLength":0,"metaUid":"503c01f8-42"},"503c01f8-45":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"503c01f8-44"}},"nodeMetas":{"503c01f8-0":{"id":"/src/constants.ts","moduleParts":{"index.js":"503c01f8-1"},"imported":[],"importedBy":[{"uid":"503c01f8-20"},{"uid":"503c01f8-26"},{"uid":"503c01f8-36"},{"uid":"503c01f8-30"},{"uid":"503c01f8-40"},{"uid":"503c01f8-42"}]},"503c01f8-2":{"id":"/src/utils.ts","moduleParts":{"index.js":"503c01f8-3"},"imported":[],"importedBy":[{"uid":"503c01f8-34"},{"uid":"503c01f8-10"},{"uid":"503c01f8-14"}]},"503c01f8-4":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"index.js":"503c01f8-5"},"imported":[],"importedBy":[{"uid":"503c01f8-6"}]},"503c01f8-6":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"index.js":"503c01f8-7"},"imported":[{"uid":"503c01f8-4"}],"importedBy":[{"uid":"503c01f8-10"}]},"503c01f8-8":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"index.js":"503c01f8-9"},"imported":[{"uid":"503c01f8-54"},{"uid":"503c01f8-46"}],"importedBy":[{"uid":"503c01f8-10"}]},"503c01f8-10":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"index.js":"503c01f8-11"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-2"},{"uid":"503c01f8-6"},{"uid":"503c01f8-8"}],"importedBy":[{"uid":"503c01f8-58"}]},"503c01f8-12":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"index.js":"503c01f8-13"},"imported":[{"uid":"503c01f8-54"},{"uid":"503c01f8-46"}],"importedBy":[{"uid":"503c01f8-14"}]},"503c01f8-14":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"index.js":"503c01f8-15"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-2"},{"uid":"503c01f8-12"}],"importedBy":[{"uid":"503c01f8-59"}]},"503c01f8-16":{"id":"/src/Element/constants.ts","moduleParts":{"index.js":"503c01f8-17"},"imported":[],"importedBy":[{"uid":"503c01f8-18"}]},"503c01f8-18":{"id":"/src/Element/utils.ts","moduleParts":{"index.js":"503c01f8-19"},"imported":[{"uid":"503c01f8-16"}],"importedBy":[{"uid":"503c01f8-20"}]},"503c01f8-20":{"id":"/src/Element/component.tsx","moduleParts":{"index.js":"503c01f8-21"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"},{"uid":"503c01f8-0"},{"uid":"503c01f8-55"},{"uid":"503c01f8-18"}],"importedBy":[{"uid":"503c01f8-47"}]},"503c01f8-22":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"index.js":"503c01f8-23"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"}],"importedBy":[{"uid":"503c01f8-47"}]},"503c01f8-24":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"index.js":"503c01f8-25"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-60"},{"uid":"503c01f8-54"}],"importedBy":[{"uid":"503c01f8-56"}]},"503c01f8-26":{"id":"/src/List/component.tsx","moduleParts":{"index.js":"503c01f8-27"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"},{"uid":"503c01f8-0"},{"uid":"503c01f8-47"},{"uid":"503c01f8-56"}],"importedBy":[{"uid":"503c01f8-48"}]},"503c01f8-28":{"id":"/src/List/withActiveState.tsx","moduleParts":{"index.js":"503c01f8-29"},"imported":[{"uid":"503c01f8-53"}],"importedBy":[{"uid":"503c01f8-48"}]},"503c01f8-30":{"id":"/src/Portal/component.ts","moduleParts":{"index.js":"503c01f8-31"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-57"},{"uid":"503c01f8-0"}],"importedBy":[{"uid":"503c01f8-50"}]},"503c01f8-32":{"id":"/src/Overlay/context.tsx","moduleParts":{"index.js":"503c01f8-33"},"imported":[{"uid":"503c01f8-53"}],"importedBy":[{"uid":"503c01f8-49"},{"uid":"503c01f8-34"}]},"503c01f8-34":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"index.js":"503c01f8-35"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"},{"uid":"503c01f8-46"},{"uid":"503c01f8-2"},{"uid":"503c01f8-32"}],"importedBy":[{"uid":"503c01f8-49"},{"uid":"503c01f8-36"}]},"503c01f8-36":{"id":"/src/Overlay/component.tsx","moduleParts":{"index.js":"503c01f8-37"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"},{"uid":"503c01f8-0"},{"uid":"503c01f8-50"},{"uid":"503c01f8-34"}],"importedBy":[{"uid":"503c01f8-49"}]},"503c01f8-38":{"id":"/src/Text/styled.ts","moduleParts":{"index.js":"503c01f8-39"},"imported":[{"uid":"503c01f8-54"},{"uid":"503c01f8-46"}],"importedBy":[{"uid":"503c01f8-40"}]},"503c01f8-40":{"id":"/src/Text/component.tsx","moduleParts":{"index.js":"503c01f8-41"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-0"},{"uid":"503c01f8-38"}],"importedBy":[{"uid":"503c01f8-51"}]},"503c01f8-42":{"id":"/src/Util/component.tsx","moduleParts":{"index.js":"503c01f8-43"},"imported":[{"uid":"503c01f8-53"},{"uid":"503c01f8-54"},{"uid":"503c01f8-0"}],"importedBy":[{"uid":"503c01f8-52"}]},"503c01f8-44":{"id":"/src/index.ts","moduleParts":{"index.js":"503c01f8-45"},"imported":[{"uid":"503c01f8-46"},{"uid":"503c01f8-47"},{"uid":"503c01f8-48"},{"uid":"503c01f8-49"},{"uid":"503c01f8-50"},{"uid":"503c01f8-51"},{"uid":"503c01f8-52"}],"importedBy":[],"isEntry":true},"503c01f8-46":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"503c01f8-44"},{"uid":"503c01f8-34"},{"uid":"503c01f8-38"},{"uid":"503c01f8-8"},{"uid":"503c01f8-12"}],"isExternal":true},"503c01f8-47":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-20"},{"uid":"503c01f8-22"}],"importedBy":[{"uid":"503c01f8-44"},{"uid":"503c01f8-26"}]},"503c01f8-48":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-26"},{"uid":"503c01f8-28"}],"importedBy":[{"uid":"503c01f8-44"}]},"503c01f8-49":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-36"},{"uid":"503c01f8-34"},{"uid":"503c01f8-32"}],"importedBy":[{"uid":"503c01f8-44"}]},"503c01f8-50":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-30"}],"importedBy":[{"uid":"503c01f8-44"},{"uid":"503c01f8-36"}]},"503c01f8-51":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-40"}],"importedBy":[{"uid":"503c01f8-44"}]},"503c01f8-52":{"id":"/src/Util/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-42"}],"importedBy":[{"uid":"503c01f8-44"}]},"503c01f8-53":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"503c01f8-20"},{"uid":"503c01f8-22"},{"uid":"503c01f8-26"},{"uid":"503c01f8-28"},{"uid":"503c01f8-36"},{"uid":"503c01f8-34"},{"uid":"503c01f8-32"},{"uid":"503c01f8-30"},{"uid":"503c01f8-40"},{"uid":"503c01f8-42"},{"uid":"503c01f8-24"},{"uid":"503c01f8-10"},{"uid":"503c01f8-14"}],"isExternal":true},"503c01f8-54":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"503c01f8-20"},{"uid":"503c01f8-22"},{"uid":"503c01f8-26"},{"uid":"503c01f8-36"},{"uid":"503c01f8-34"},{"uid":"503c01f8-42"},{"uid":"503c01f8-38"},{"uid":"503c01f8-24"},{"uid":"503c01f8-8"},{"uid":"503c01f8-12"}],"isExternal":true},"503c01f8-55":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-58"},{"uid":"503c01f8-59"}],"importedBy":[{"uid":"503c01f8-20"}]},"503c01f8-56":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-24"}],"importedBy":[{"uid":"503c01f8-26"}]},"503c01f8-57":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"503c01f8-30"}],"isExternal":true},"503c01f8-58":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-10"}],"importedBy":[{"uid":"503c01f8-55"}]},"503c01f8-59":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"503c01f8-14"}],"importedBy":[{"uid":"503c01f8-55"}]},"503c01f8-60":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"503c01f8-24"}],"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":[{"uid":"445325c7-1","name":"constants.ts"},{"uid":"445325c7-3","name":"utils.ts"},{"name":"helpers","children":[{"name":"Content","children":[{"uid":"445325c7-5","name":"styled.ts"},{"uid":"445325c7-7","name":"component.tsx"},{"uid":"445325c7-9","name":"index.ts"}]},{"name":"Wrapper","children":[{"uid":"445325c7-11","name":"styled.ts"},{"uid":"445325c7-13","name":"constants.ts"},{"uid":"445325c7-15","name":"utils.ts"},{"uid":"445325c7-17","name":"component.tsx"},{"uid":"445325c7-19","name":"index.ts"}]},{"uid":"445325c7-21","name":"index.ts"},{"name":"Iterator","children":[{"uid":"445325c7-33","name":"component.tsx"},{"uid":"445325c7-35","name":"index.ts"}]}]},{"name":"Element","children":[{"uid":"445325c7-23","name":"constants.ts"},{"uid":"445325c7-25","name":"utils.ts"},{"uid":"445325c7-27","name":"component.tsx"},{"uid":"445325c7-29","name":"withEqualSizeBeforeAfter.tsx"},{"uid":"445325c7-31","name":"index.ts"}]},{"name":"List","children":[{"uid":"445325c7-37","name":"component.tsx"},{"uid":"445325c7-39","name":"withActiveState.tsx"},{"uid":"445325c7-41","name":"index.ts"}]},{"name":"Portal","children":[{"uid":"445325c7-43","name":"component.ts"},{"uid":"445325c7-45","name":"index.ts"}]},{"name":"Overlay","children":[{"uid":"445325c7-47","name":"context.tsx"},{"uid":"445325c7-49","name":"useOverlay.tsx"},{"uid":"445325c7-51","name":"component.tsx"},{"uid":"445325c7-53","name":"index.ts"}]},{"name":"Text","children":[{"uid":"445325c7-55","name":"styled.ts"},{"uid":"445325c7-57","name":"component.tsx"},{"uid":"445325c7-59","name":"index.ts"}]},{"name":"Util","children":[{"uid":"445325c7-61","name":"component.tsx"},{"uid":"445325c7-63","name":"index.ts"}]},{"uid":"445325c7-65","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"445325c7-1":{"renderedLength":81,"gzipLength":94,"brotliLength":0,"metaUid":"445325c7-0"},"445325c7-3":{"renderedLength":98,"gzipLength":113,"brotliLength":0,"metaUid":"445325c7-2"},"445325c7-5":{"renderedLength":1677,"gzipLength":769,"brotliLength":0,"metaUid":"445325c7-4"},"445325c7-7":{"renderedLength":537,"gzipLength":326,"brotliLength":0,"metaUid":"445325c7-6"},"445325c7-9":{"renderedLength":93,"gzipLength":95,"brotliLength":0,"metaUid":"445325c7-8"},"445325c7-11":{"renderedLength":1506,"gzipLength":731,"brotliLength":0,"metaUid":"445325c7-10"},"445325c7-13":{"renderedLength":400,"gzipLength":299,"brotliLength":0,"metaUid":"445325c7-12"},"445325c7-15":{"renderedLength":162,"gzipLength":158,"brotliLength":0,"metaUid":"445325c7-14"},"445325c7-17":{"renderedLength":1349,"gzipLength":692,"brotliLength":0,"metaUid":"445325c7-16"},"445325c7-19":{"renderedLength":87,"gzipLength":98,"brotliLength":0,"metaUid":"445325c7-18"},"445325c7-21":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"445325c7-20"},"445325c7-23":{"renderedLength":1062,"gzipLength":477,"brotliLength":0,"metaUid":"445325c7-22"},"445325c7-25":{"renderedLength":438,"gzipLength":258,"brotliLength":0,"metaUid":"445325c7-24"},"445325c7-27":{"renderedLength":3761,"gzipLength":1212,"brotliLength":0,"metaUid":"445325c7-26"},"445325c7-29":{"renderedLength":1774,"gzipLength":790,"brotliLength":0,"metaUid":"445325c7-28"},"445325c7-31":{"renderedLength":79,"gzipLength":90,"brotliLength":0,"metaUid":"445325c7-30"},"445325c7-33":{"renderedLength":4936,"gzipLength":1489,"brotliLength":0,"metaUid":"445325c7-32"},"445325c7-35":{"renderedLength":89,"gzipLength":99,"brotliLength":0,"metaUid":"445325c7-34"},"445325c7-37":{"renderedLength":935,"gzipLength":522,"brotliLength":0,"metaUid":"445325c7-36"},"445325c7-39":{"renderedLength":3638,"gzipLength":1252,"brotliLength":0,"metaUid":"445325c7-38"},"445325c7-41":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"445325c7-40"},"445325c7-43":{"renderedLength":990,"gzipLength":525,"brotliLength":0,"metaUid":"445325c7-42"},"445325c7-45":{"renderedLength":77,"gzipLength":89,"brotliLength":0,"metaUid":"445325c7-44"},"445325c7-47":{"renderedLength":664,"gzipLength":365,"brotliLength":0,"metaUid":"445325c7-46"},"445325c7-49":{"renderedLength":14474,"gzipLength":3538,"brotliLength":0,"metaUid":"445325c7-48"},"445325c7-51":{"renderedLength":1561,"gzipLength":750,"brotliLength":0,"metaUid":"445325c7-50"},"445325c7-53":{"renderedLength":79,"gzipLength":90,"brotliLength":0,"metaUid":"445325c7-52"},"445325c7-55":{"renderedLength":620,"gzipLength":382,"brotliLength":0,"metaUid":"445325c7-54"},"445325c7-57":{"renderedLength":587,"gzipLength":372,"brotliLength":0,"metaUid":"445325c7-56"},"445325c7-59":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"445325c7-58"},"445325c7-61":{"renderedLength":716,"gzipLength":404,"brotliLength":0,"metaUid":"445325c7-60"},"445325c7-63":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"445325c7-62"},"445325c7-65":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"445325c7-64"}},"nodeMetas":{"445325c7-0":{"id":"/src/constants.ts","moduleParts":{"index.js":"445325c7-1"},"imported":[],"importedBy":[{"uid":"445325c7-26"},{"uid":"445325c7-36"},{"uid":"445325c7-50"},{"uid":"445325c7-42"},{"uid":"445325c7-56"},{"uid":"445325c7-60"}]},"445325c7-2":{"id":"/src/utils.ts","moduleParts":{"index.js":"445325c7-3"},"imported":[],"importedBy":[{"uid":"445325c7-48"},{"uid":"445325c7-6"},{"uid":"445325c7-16"}]},"445325c7-4":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"index.js":"445325c7-5"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-66"}],"importedBy":[{"uid":"445325c7-6"}]},"445325c7-6":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"index.js":"445325c7-7"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-2"},{"uid":"445325c7-4"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-8"}]},"445325c7-8":{"id":"/src/helpers/Content/index.ts","moduleParts":{"index.js":"445325c7-9"},"imported":[{"uid":"445325c7-6"}],"importedBy":[{"uid":"445325c7-20"}]},"445325c7-10":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"index.js":"445325c7-11"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-66"}],"importedBy":[{"uid":"445325c7-16"}]},"445325c7-12":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"index.js":"445325c7-13"},"imported":[],"importedBy":[{"uid":"445325c7-14"}]},"445325c7-14":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"index.js":"445325c7-15"},"imported":[{"uid":"445325c7-12"}],"importedBy":[{"uid":"445325c7-16"}]},"445325c7-16":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"index.js":"445325c7-17"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-2"},{"uid":"445325c7-10"},{"uid":"445325c7-14"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-18"}]},"445325c7-18":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{"index.js":"445325c7-19"},"imported":[{"uid":"445325c7-16"}],"importedBy":[{"uid":"445325c7-20"}]},"445325c7-20":{"id":"/src/helpers/index.ts","moduleParts":{"index.js":"445325c7-21"},"imported":[{"uid":"445325c7-8"},{"uid":"445325c7-18"}],"importedBy":[{"uid":"445325c7-26"}]},"445325c7-22":{"id":"/src/Element/constants.ts","moduleParts":{"index.js":"445325c7-23"},"imported":[],"importedBy":[{"uid":"445325c7-24"}]},"445325c7-24":{"id":"/src/Element/utils.ts","moduleParts":{"index.js":"445325c7-25"},"imported":[{"uid":"445325c7-22"}],"importedBy":[{"uid":"445325c7-26"}]},"445325c7-26":{"id":"/src/Element/component.tsx","moduleParts":{"index.js":"445325c7-27"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-68"},{"uid":"445325c7-0"},{"uid":"445325c7-20"},{"uid":"445325c7-24"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-30"}]},"445325c7-28":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"index.js":"445325c7-29"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-30"}]},"445325c7-30":{"id":"/src/Element/index.ts","moduleParts":{"index.js":"445325c7-31"},"imported":[{"uid":"445325c7-26"},{"uid":"445325c7-28"}],"importedBy":[{"uid":"445325c7-64"},{"uid":"445325c7-36"}]},"445325c7-32":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"index.js":"445325c7-33"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-68"},{"uid":"445325c7-71"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-34"}]},"445325c7-34":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{"index.js":"445325c7-35"},"imported":[{"uid":"445325c7-32"}],"importedBy":[{"uid":"445325c7-36"}]},"445325c7-36":{"id":"/src/List/component.tsx","moduleParts":{"index.js":"445325c7-37"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-68"},{"uid":"445325c7-0"},{"uid":"445325c7-30"},{"uid":"445325c7-34"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-40"}]},"445325c7-38":{"id":"/src/List/withActiveState.tsx","moduleParts":{"index.js":"445325c7-39"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-40"}]},"445325c7-40":{"id":"/src/List/index.ts","moduleParts":{"index.js":"445325c7-41"},"imported":[{"uid":"445325c7-36"},{"uid":"445325c7-38"}],"importedBy":[{"uid":"445325c7-64"}]},"445325c7-42":{"id":"/src/Portal/component.ts","moduleParts":{"index.js":"445325c7-43"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-70"},{"uid":"445325c7-0"}],"importedBy":[{"uid":"445325c7-44"}]},"445325c7-44":{"id":"/src/Portal/index.ts","moduleParts":{"index.js":"445325c7-45"},"imported":[{"uid":"445325c7-42"}],"importedBy":[{"uid":"445325c7-64"},{"uid":"445325c7-50"}]},"445325c7-46":{"id":"/src/Overlay/context.tsx","moduleParts":{"index.js":"445325c7-47"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-52"},{"uid":"445325c7-48"}]},"445325c7-48":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"index.js":"445325c7-49"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-66"},{"uid":"445325c7-68"},{"uid":"445325c7-2"},{"uid":"445325c7-46"}],"importedBy":[{"uid":"445325c7-52"},{"uid":"445325c7-50"}]},"445325c7-50":{"id":"/src/Overlay/component.tsx","moduleParts":{"index.js":"445325c7-51"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-68"},{"uid":"445325c7-0"},{"uid":"445325c7-44"},{"uid":"445325c7-48"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-52"}]},"445325c7-52":{"id":"/src/Overlay/index.ts","moduleParts":{"index.js":"445325c7-53"},"imported":[{"uid":"445325c7-50"},{"uid":"445325c7-46"},{"uid":"445325c7-48"}],"importedBy":[{"uid":"445325c7-64"}]},"445325c7-54":{"id":"/src/Text/styled.ts","moduleParts":{"index.js":"445325c7-55"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-66"}],"importedBy":[{"uid":"445325c7-56"}]},"445325c7-56":{"id":"/src/Text/component.tsx","moduleParts":{"index.js":"445325c7-57"},"imported":[{"uid":"445325c7-68"},{"uid":"445325c7-0"},{"uid":"445325c7-54"},{"uid":"445325c7-69"}],"importedBy":[{"uid":"445325c7-58"}]},"445325c7-58":{"id":"/src/Text/index.ts","moduleParts":{"index.js":"445325c7-59"},"imported":[{"uid":"445325c7-56"}],"importedBy":[{"uid":"445325c7-64"}]},"445325c7-60":{"id":"/src/Util/component.tsx","moduleParts":{"index.js":"445325c7-61"},"imported":[{"uid":"445325c7-67"},{"uid":"445325c7-68"},{"uid":"445325c7-0"}],"importedBy":[{"uid":"445325c7-62"}]},"445325c7-62":{"id":"/src/Util/index.ts","moduleParts":{"index.js":"445325c7-63"},"imported":[{"uid":"445325c7-60"}],"importedBy":[{"uid":"445325c7-64"}]},"445325c7-64":{"id":"/src/index.ts","moduleParts":{"index.js":"445325c7-65"},"imported":[{"uid":"445325c7-66"},{"uid":"445325c7-30"},{"uid":"445325c7-40"},{"uid":"445325c7-52"},{"uid":"445325c7-44"},{"uid":"445325c7-58"},{"uid":"445325c7-62"}],"importedBy":[],"isEntry":true},"445325c7-66":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-64"},{"uid":"445325c7-48"},{"uid":"445325c7-54"},{"uid":"445325c7-4"},{"uid":"445325c7-10"}]},"445325c7-67":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-26"},{"uid":"445325c7-36"},{"uid":"445325c7-50"},{"uid":"445325c7-48"},{"uid":"445325c7-60"},{"uid":"445325c7-54"},{"uid":"445325c7-32"},{"uid":"445325c7-4"},{"uid":"445325c7-10"}]},"445325c7-68":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-26"},{"uid":"445325c7-28"},{"uid":"445325c7-36"},{"uid":"445325c7-38"},{"uid":"445325c7-50"},{"uid":"445325c7-46"},{"uid":"445325c7-48"},{"uid":"445325c7-42"},{"uid":"445325c7-56"},{"uid":"445325c7-60"},{"uid":"445325c7-32"},{"uid":"445325c7-6"},{"uid":"445325c7-16"}]},"445325c7-69":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-26"},{"uid":"445325c7-28"},{"uid":"445325c7-36"},{"uid":"445325c7-38"},{"uid":"445325c7-50"},{"uid":"445325c7-46"},{"uid":"445325c7-56"},{"uid":"445325c7-32"},{"uid":"445325c7-6"},{"uid":"445325c7-16"}]},"445325c7-70":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-42"}]},"445325c7-71":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"445325c7-32"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/vitus-labs-elements.native.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"96a84178-1","name":"constants.ts"},{"uid":"96a84178-3","name":"utils.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"96a84178-5","name":"styled.ts"},{"uid":"96a84178-7","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"96a84178-9","name":"styled.ts"},{"uid":"96a84178-11","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"96a84178-17"}]},{"name":"Element","children":[{"uid":"96a84178-13","name":"component.tsx"},{"uid":"96a84178-15","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"96a84178-19","name":"component.tsx"},{"uid":"96a84178-21","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"96a84178-23"},{"name":"Overlay","children":[{"uid":"96a84178-25","name":"context.tsx"},{"uid":"96a84178-27","name":"useOverlay.tsx"},{"uid":"96a84178-29","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"96a84178-31","name":"styled.ts"},{"uid":"96a84178-33","name":"component.tsx"}]},{"name":"Util/component.tsx","uid":"96a84178-35"},{"uid":"96a84178-37","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"96a84178-1":{"renderedLength":40,"gzipLength":60,"brotliLength":0,"metaUid":"96a84178-0"},"96a84178-3":{"renderedLength":61,"gzipLength":81,"brotliLength":0,"metaUid":"96a84178-2"},"96a84178-5":{"renderedLength":757,"gzipLength":387,"brotliLength":0,"metaUid":"96a84178-4"},"96a84178-7":{"renderedLength":693,"gzipLength":360,"brotliLength":0,"metaUid":"96a84178-6"},"96a84178-9":{"renderedLength":1807,"gzipLength":658,"brotliLength":0,"metaUid":"96a84178-8"},"96a84178-11":{"renderedLength":625,"gzipLength":317,"brotliLength":0,"metaUid":"96a84178-10"},"96a84178-13":{"renderedLength":3778,"gzipLength":957,"brotliLength":0,"metaUid":"96a84178-12"},"96a84178-15":{"renderedLength":1898,"gzipLength":588,"brotliLength":0,"metaUid":"96a84178-14"},"96a84178-17":{"renderedLength":6926,"gzipLength":1436,"brotliLength":0,"metaUid":"96a84178-16"},"96a84178-19":{"renderedLength":502,"gzipLength":285,"brotliLength":0,"metaUid":"96a84178-18"},"96a84178-21":{"renderedLength":4743,"gzipLength":1149,"brotliLength":0,"metaUid":"96a84178-20"},"96a84178-23":{"renderedLength":822,"gzipLength":377,"brotliLength":0,"metaUid":"96a84178-22"},"96a84178-25":{"renderedLength":402,"gzipLength":226,"brotliLength":0,"metaUid":"96a84178-24"},"96a84178-27":{"renderedLength":17499,"gzipLength":3206,"brotliLength":0,"metaUid":"96a84178-26"},"96a84178-29":{"renderedLength":1272,"gzipLength":522,"brotliLength":0,"metaUid":"96a84178-28"},"96a84178-31":{"renderedLength":331,"gzipLength":225,"brotliLength":0,"metaUid":"96a84178-30"},"96a84178-33":{"renderedLength":600,"gzipLength":338,"brotliLength":0,"metaUid":"96a84178-32"},"96a84178-35":{"renderedLength":493,"gzipLength":278,"brotliLength":0,"metaUid":"96a84178-34"},"96a84178-37":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"96a84178-36"}},"nodeMetas":{"96a84178-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-1"},"imported":[],"importedBy":[{"uid":"96a84178-12"},{"uid":"96a84178-18"},{"uid":"96a84178-28"},{"uid":"96a84178-22"},{"uid":"96a84178-32"},{"uid":"96a84178-34"}]},"96a84178-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-3"},"imported":[],"importedBy":[{"uid":"96a84178-26"},{"uid":"96a84178-6"},{"uid":"96a84178-10"}]},"96a84178-4":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-5"},"imported":[{"uid":"96a84178-46"},{"uid":"96a84178-38"}],"importedBy":[{"uid":"96a84178-6"}]},"96a84178-6":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-7"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-2"},{"uid":"96a84178-55"},{"uid":"96a84178-4"}],"importedBy":[{"uid":"96a84178-51"}]},"96a84178-8":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-9"},"imported":[{"uid":"96a84178-46"},{"uid":"96a84178-38"}],"importedBy":[{"uid":"96a84178-10"}]},"96a84178-10":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-11"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-2"},{"uid":"96a84178-8"}],"importedBy":[{"uid":"96a84178-52"}]},"96a84178-12":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-13"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"},{"uid":"96a84178-0"},{"uid":"96a84178-47"},{"uid":"96a84178-48"}],"importedBy":[{"uid":"96a84178-39"}]},"96a84178-14":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-15"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"}],"importedBy":[{"uid":"96a84178-39"}]},"96a84178-16":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-17"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-54"},{"uid":"96a84178-46"}],"importedBy":[{"uid":"96a84178-49"}]},"96a84178-18":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-19"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"},{"uid":"96a84178-0"},{"uid":"96a84178-39"},{"uid":"96a84178-49"}],"importedBy":[{"uid":"96a84178-40"}]},"96a84178-20":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-21"},"imported":[{"uid":"96a84178-45"}],"importedBy":[{"uid":"96a84178-40"}]},"96a84178-22":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-23"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-50"},{"uid":"96a84178-0"}],"importedBy":[{"uid":"96a84178-42"}]},"96a84178-24":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-25"},"imported":[{"uid":"96a84178-45"}],"importedBy":[{"uid":"96a84178-41"},{"uid":"96a84178-26"}]},"96a84178-26":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-27"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"},{"uid":"96a84178-38"},{"uid":"96a84178-2"},{"uid":"96a84178-24"}],"importedBy":[{"uid":"96a84178-41"},{"uid":"96a84178-28"}]},"96a84178-28":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-29"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"},{"uid":"96a84178-0"},{"uid":"96a84178-42"},{"uid":"96a84178-26"}],"importedBy":[{"uid":"96a84178-41"}]},"96a84178-30":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-31"},"imported":[{"uid":"96a84178-46"},{"uid":"96a84178-38"}],"importedBy":[{"uid":"96a84178-32"}]},"96a84178-32":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-33"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-0"},{"uid":"96a84178-30"}],"importedBy":[{"uid":"96a84178-43"}]},"96a84178-34":{"id":"/src/Util/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"96a84178-35"},"imported":[{"uid":"96a84178-45"},{"uid":"96a84178-46"},{"uid":"96a84178-0"}],"importedBy":[{"uid":"96a84178-44"}]},"96a84178-36":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.native.js":"96a84178-37"},"imported":[{"uid":"96a84178-38"},{"uid":"96a84178-39"},{"uid":"96a84178-40"},{"uid":"96a84178-41"},{"uid":"96a84178-42"},{"uid":"96a84178-43"},{"uid":"96a84178-44"}],"importedBy":[],"isEntry":true},"96a84178-38":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-36"},{"uid":"96a84178-26"},{"uid":"96a84178-30"},{"uid":"96a84178-4"},{"uid":"96a84178-8"}],"isExternal":true},"96a84178-39":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-12"},{"uid":"96a84178-14"}],"importedBy":[{"uid":"96a84178-36"},{"uid":"96a84178-18"}]},"96a84178-40":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-18"},{"uid":"96a84178-20"}],"importedBy":[{"uid":"96a84178-36"}]},"96a84178-41":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-28"},{"uid":"96a84178-26"},{"uid":"96a84178-24"}],"importedBy":[{"uid":"96a84178-36"}]},"96a84178-42":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-22"}],"importedBy":[{"uid":"96a84178-36"},{"uid":"96a84178-28"}]},"96a84178-43":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-32"}],"importedBy":[{"uid":"96a84178-36"}]},"96a84178-44":{"id":"/src/Util/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-34"}],"importedBy":[{"uid":"96a84178-36"}]},"96a84178-45":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-12"},{"uid":"96a84178-14"},{"uid":"96a84178-18"},{"uid":"96a84178-20"},{"uid":"96a84178-28"},{"uid":"96a84178-26"},{"uid":"96a84178-24"},{"uid":"96a84178-22"},{"uid":"96a84178-32"},{"uid":"96a84178-34"},{"uid":"96a84178-16"},{"uid":"96a84178-6"},{"uid":"96a84178-10"}],"isExternal":true},"96a84178-46":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-12"},{"uid":"96a84178-14"},{"uid":"96a84178-18"},{"uid":"96a84178-28"},{"uid":"96a84178-26"},{"uid":"96a84178-34"},{"uid":"96a84178-30"},{"uid":"96a84178-16"},{"uid":"96a84178-4"},{"uid":"96a84178-8"}],"isExternal":true},"96a84178-47":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-51"},{"uid":"96a84178-52"}],"importedBy":[{"uid":"96a84178-12"}]},"96a84178-48":{"id":"/src/Element/utils.ts","moduleParts":{},"imported":[{"uid":"96a84178-53"}],"importedBy":[{"uid":"96a84178-12"}]},"96a84178-49":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-16"}],"importedBy":[{"uid":"96a84178-18"}]},"96a84178-50":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-22"}],"isExternal":true},"96a84178-51":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-6"}],"importedBy":[{"uid":"96a84178-47"}]},"96a84178-52":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"96a84178-10"}],"importedBy":[{"uid":"96a84178-47"}]},"96a84178-53":{"id":"/src/Element/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-48"}]},"96a84178-54":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-16"}],"isExternal":true},"96a84178-55":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{},"imported":[{"uid":"96a84178-56"}],"importedBy":[{"uid":"96a84178-6"}]},"96a84178-56":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"96a84178-55"}]}},"env":{"rollup":"4.55.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"fe1c6886-1","name":"constants.ts"},{"uid":"fe1c6886-3","name":"utils.ts"},{"name":"helpers","children":[{"name":"Content","children":[{"uid":"fe1c6886-5","name":"styled.ts"},{"uid":"fe1c6886-7","name":"component.tsx"},{"uid":"fe1c6886-9","name":"index.ts"}]},{"name":"Wrapper","children":[{"uid":"fe1c6886-11","name":"styled.ts"},{"uid":"fe1c6886-13","name":"component.tsx"},{"uid":"fe1c6886-15","name":"index.ts"}]},{"uid":"fe1c6886-17","name":"index.ts"},{"name":"Iterator","children":[{"uid":"fe1c6886-25","name":"component.tsx"},{"uid":"fe1c6886-27","name":"index.ts"}]}]},{"name":"Element","children":[{"uid":"fe1c6886-19","name":"component.tsx"},{"uid":"fe1c6886-21","name":"withEqualSizeBeforeAfter.tsx"},{"uid":"fe1c6886-23","name":"index.ts"}]},{"name":"List","children":[{"uid":"fe1c6886-29","name":"component.tsx"},{"uid":"fe1c6886-31","name":"withActiveState.tsx"},{"uid":"fe1c6886-33","name":"index.ts"}]},{"name":"Portal","children":[{"uid":"fe1c6886-35","name":"component.ts"},{"uid":"fe1c6886-37","name":"index.ts"}]},{"name":"Overlay","children":[{"uid":"fe1c6886-39","name":"context.tsx"},{"uid":"fe1c6886-41","name":"useOverlay.tsx"},{"uid":"fe1c6886-43","name":"component.tsx"},{"uid":"fe1c6886-45","name":"index.ts"}]},{"name":"Text","children":[{"uid":"fe1c6886-47","name":"styled.ts"},{"uid":"fe1c6886-49","name":"component.tsx"},{"uid":"fe1c6886-51","name":"index.ts"}]},{"name":"Util","children":[{"uid":"fe1c6886-53","name":"component.tsx"},{"uid":"fe1c6886-55","name":"index.ts"}]},{"uid":"fe1c6886-57","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"fe1c6886-1":{"renderedLength":81,"gzipLength":94,"brotliLength":0,"metaUid":"fe1c6886-0"},"fe1c6886-3":{"renderedLength":98,"gzipLength":113,"brotliLength":0,"metaUid":"fe1c6886-2"},"fe1c6886-5":{"renderedLength":1654,"gzipLength":751,"brotliLength":0,"metaUid":"fe1c6886-4"},"fe1c6886-7":{"renderedLength":537,"gzipLength":326,"brotliLength":0,"metaUid":"fe1c6886-6"},"fe1c6886-9":{"renderedLength":93,"gzipLength":95,"brotliLength":0,"metaUid":"fe1c6886-8"},"fe1c6886-11":{"renderedLength":1142,"gzipLength":610,"brotliLength":0,"metaUid":"fe1c6886-10"},"fe1c6886-13":{"renderedLength":846,"gzipLength":536,"brotliLength":0,"metaUid":"fe1c6886-12"},"fe1c6886-15":{"renderedLength":87,"gzipLength":98,"brotliLength":0,"metaUid":"fe1c6886-14"},"fe1c6886-17":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"fe1c6886-16"},"fe1c6886-19":{"renderedLength":3543,"gzipLength":1149,"brotliLength":0,"metaUid":"fe1c6886-18"},"fe1c6886-21":{"renderedLength":1774,"gzipLength":790,"brotliLength":0,"metaUid":"fe1c6886-20"},"fe1c6886-23":{"renderedLength":79,"gzipLength":90,"brotliLength":0,"metaUid":"fe1c6886-22"},"fe1c6886-25":{"renderedLength":4936,"gzipLength":1489,"brotliLength":0,"metaUid":"fe1c6886-24"},"fe1c6886-27":{"renderedLength":89,"gzipLength":99,"brotliLength":0,"metaUid":"fe1c6886-26"},"fe1c6886-29":{"renderedLength":935,"gzipLength":522,"brotliLength":0,"metaUid":"fe1c6886-28"},"fe1c6886-31":{"renderedLength":3638,"gzipLength":1252,"brotliLength":0,"metaUid":"fe1c6886-30"},"fe1c6886-33":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"fe1c6886-32"},"fe1c6886-35":{"renderedLength":990,"gzipLength":525,"brotliLength":0,"metaUid":"fe1c6886-34"},"fe1c6886-37":{"renderedLength":77,"gzipLength":89,"brotliLength":0,"metaUid":"fe1c6886-36"},"fe1c6886-39":{"renderedLength":664,"gzipLength":365,"brotliLength":0,"metaUid":"fe1c6886-38"},"fe1c6886-41":{"renderedLength":14474,"gzipLength":3538,"brotliLength":0,"metaUid":"fe1c6886-40"},"fe1c6886-43":{"renderedLength":1561,"gzipLength":750,"brotliLength":0,"metaUid":"fe1c6886-42"},"fe1c6886-45":{"renderedLength":79,"gzipLength":90,"brotliLength":0,"metaUid":"fe1c6886-44"},"fe1c6886-47":{"renderedLength":620,"gzipLength":382,"brotliLength":0,"metaUid":"fe1c6886-46"},"fe1c6886-49":{"renderedLength":533,"gzipLength":352,"brotliLength":0,"metaUid":"fe1c6886-48"},"fe1c6886-51":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"fe1c6886-50"},"fe1c6886-53":{"renderedLength":716,"gzipLength":404,"brotliLength":0,"metaUid":"fe1c6886-52"},"fe1c6886-55":{"renderedLength":73,"gzipLength":87,"brotliLength":0,"metaUid":"fe1c6886-54"},"fe1c6886-57":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"fe1c6886-56"}},"nodeMetas":{"fe1c6886-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-1"},"imported":[],"importedBy":[{"uid":"fe1c6886-18"},{"uid":"fe1c6886-28"},{"uid":"fe1c6886-42"},{"uid":"fe1c6886-34"},{"uid":"fe1c6886-48"},{"uid":"fe1c6886-52"}]},"fe1c6886-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-3"},"imported":[],"importedBy":[{"uid":"fe1c6886-40"},{"uid":"fe1c6886-6"},{"uid":"fe1c6886-12"}]},"fe1c6886-4":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-5"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-58"}],"importedBy":[{"uid":"fe1c6886-6"}]},"fe1c6886-6":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-7"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-2"},{"uid":"fe1c6886-4"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-8"}]},"fe1c6886-8":{"id":"/src/helpers/Content/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-9"},"imported":[{"uid":"fe1c6886-6"}],"importedBy":[{"uid":"fe1c6886-16"}]},"fe1c6886-10":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-11"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-58"}],"importedBy":[{"uid":"fe1c6886-12"}]},"fe1c6886-12":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-13"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-2"},{"uid":"fe1c6886-10"},{"uid":"fe1c6886-66"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-14"}]},"fe1c6886-14":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-15"},"imported":[{"uid":"fe1c6886-12"}],"importedBy":[{"uid":"fe1c6886-16"}]},"fe1c6886-16":{"id":"/src/helpers/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-17"},"imported":[{"uid":"fe1c6886-8"},{"uid":"fe1c6886-14"}],"importedBy":[{"uid":"fe1c6886-18"}]},"fe1c6886-18":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-19"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-0"},{"uid":"fe1c6886-16"},{"uid":"fe1c6886-61"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-22"}]},"fe1c6886-20":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-21"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-22"}]},"fe1c6886-22":{"id":"/src/Element/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-23"},"imported":[{"uid":"fe1c6886-18"},{"uid":"fe1c6886-20"}],"importedBy":[{"uid":"fe1c6886-56"},{"uid":"fe1c6886-28"}]},"fe1c6886-24":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-25"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-65"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-26"}]},"fe1c6886-26":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-27"},"imported":[{"uid":"fe1c6886-24"}],"importedBy":[{"uid":"fe1c6886-28"}]},"fe1c6886-28":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-29"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-0"},{"uid":"fe1c6886-22"},{"uid":"fe1c6886-26"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-32"}]},"fe1c6886-30":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-31"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-32"}]},"fe1c6886-32":{"id":"/src/List/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-33"},"imported":[{"uid":"fe1c6886-28"},{"uid":"fe1c6886-30"}],"importedBy":[{"uid":"fe1c6886-56"}]},"fe1c6886-34":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-35"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-63"},{"uid":"fe1c6886-0"}],"importedBy":[{"uid":"fe1c6886-36"}]},"fe1c6886-36":{"id":"/src/Portal/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-37"},"imported":[{"uid":"fe1c6886-34"}],"importedBy":[{"uid":"fe1c6886-56"},{"uid":"fe1c6886-42"}]},"fe1c6886-38":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-39"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-44"},{"uid":"fe1c6886-40"}]},"fe1c6886-40":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-41"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-58"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-2"},{"uid":"fe1c6886-38"}],"importedBy":[{"uid":"fe1c6886-44"},{"uid":"fe1c6886-42"}]},"fe1c6886-42":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-43"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-0"},{"uid":"fe1c6886-36"},{"uid":"fe1c6886-40"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-44"}]},"fe1c6886-44":{"id":"/src/Overlay/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-45"},"imported":[{"uid":"fe1c6886-42"},{"uid":"fe1c6886-38"},{"uid":"fe1c6886-40"}],"importedBy":[{"uid":"fe1c6886-56"}]},"fe1c6886-46":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-47"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-58"}],"importedBy":[{"uid":"fe1c6886-48"}]},"fe1c6886-48":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-49"},"imported":[{"uid":"fe1c6886-60"},{"uid":"fe1c6886-0"},{"uid":"fe1c6886-46"},{"uid":"fe1c6886-62"}],"importedBy":[{"uid":"fe1c6886-50"}]},"fe1c6886-50":{"id":"/src/Text/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-51"},"imported":[{"uid":"fe1c6886-48"}],"importedBy":[{"uid":"fe1c6886-56"}]},"fe1c6886-52":{"id":"/src/Util/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-53"},"imported":[{"uid":"fe1c6886-59"},{"uid":"fe1c6886-60"},{"uid":"fe1c6886-0"}],"importedBy":[{"uid":"fe1c6886-54"}]},"fe1c6886-54":{"id":"/src/Util/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-55"},"imported":[{"uid":"fe1c6886-52"}],"importedBy":[{"uid":"fe1c6886-56"}]},"fe1c6886-56":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.native.js":"fe1c6886-57"},"imported":[{"uid":"fe1c6886-58"},{"uid":"fe1c6886-22"},{"uid":"fe1c6886-32"},{"uid":"fe1c6886-44"},{"uid":"fe1c6886-36"},{"uid":"fe1c6886-50"},{"uid":"fe1c6886-54"}],"importedBy":[],"isEntry":true},"fe1c6886-58":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-56"},{"uid":"fe1c6886-40"},{"uid":"fe1c6886-46"},{"uid":"fe1c6886-4"},{"uid":"fe1c6886-10"}]},"fe1c6886-59":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-18"},{"uid":"fe1c6886-28"},{"uid":"fe1c6886-42"},{"uid":"fe1c6886-40"},{"uid":"fe1c6886-52"},{"uid":"fe1c6886-46"},{"uid":"fe1c6886-24"},{"uid":"fe1c6886-4"},{"uid":"fe1c6886-10"}]},"fe1c6886-60":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-18"},{"uid":"fe1c6886-20"},{"uid":"fe1c6886-28"},{"uid":"fe1c6886-30"},{"uid":"fe1c6886-42"},{"uid":"fe1c6886-38"},{"uid":"fe1c6886-40"},{"uid":"fe1c6886-34"},{"uid":"fe1c6886-48"},{"uid":"fe1c6886-52"},{"uid":"fe1c6886-24"},{"uid":"fe1c6886-6"},{"uid":"fe1c6886-12"}]},"fe1c6886-61":{"id":"/src/Element/utils.ts","moduleParts":{},"imported":[{"uid":"fe1c6886-64"}],"importedBy":[{"uid":"fe1c6886-18"}]},"fe1c6886-62":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-18"},{"uid":"fe1c6886-20"},{"uid":"fe1c6886-28"},{"uid":"fe1c6886-30"},{"uid":"fe1c6886-42"},{"uid":"fe1c6886-38"},{"uid":"fe1c6886-48"},{"uid":"fe1c6886-24"},{"uid":"fe1c6886-6"},{"uid":"fe1c6886-12"}]},"fe1c6886-63":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-34"}]},"fe1c6886-64":{"id":"/src/Element/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-61"}]},"fe1c6886-65":{"id":"react-is","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-24"}]},"fe1c6886-66":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{},"imported":[{"uid":"fe1c6886-67"}],"importedBy":[{"uid":"fe1c6886-12"}]},"fe1c6886-67":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe1c6886-66"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;