@vitus-labs/unistyle 1.2.1 → 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

@@ -0,0 +1,198 @@
+# @vitus-labs/unistyle
+
+Responsive CSS engine for React and styled-components.
+
+[![npm](https://img.shields.io/npm/v/@vitus-labs/unistyle)](https://www.npmjs.com/package/@vitus-labs/unistyle)
+[![license](https://img.shields.io/npm/l/@vitus-labs/unistyle)](https://github.com/vitus-labs/ui-system/blob/main/LICENSE)
+
+Transforms property-centric theme objects into breakpoint-centric CSS with media queries. Automatic px-to-rem conversion, flex alignment helpers, and a data-driven style processor. Powers the responsive system behind `@vitus-labs/elements`, `@vitus-labs/coolgrid`, and `@vitus-labs/rocketstyle`.
+
+## Features
+
+- **Responsive pipeline** — write theme objects, get media queries automatically
+- **px-to-rem conversion** — configurable rootSize, zero-effort unit handling
+- **Breakpoint deduplication** — identical breakpoints are collapsed, no redundant CSS
+- **Three input formats** — scalar, mobile-first array, or breakpoint object per property
+- **Data-driven styles** — 100+ CSS properties processed from a theme object
+- **Alignment helpers** — flex alignment constants for X and Y axes
+
+## Installation
+
+```bash
+npm install @vitus-labs/unistyle
+```
+
+## Quick Start
+
+```tsx
+import { Provider } from '@vitus-labs/unistyle'
+
+const theme = {
+  rootSize: 16,
+  breakpoints: { xs: 0, sm: 576, md: 768, lg: 992, xl: 1200 },
+}
+
+<Provider theme={theme}>
+  {/* your app */}
+</Provider>
+```
+
+## API
+
+### makeItResponsive
+
+The core responsive engine. Takes a theme object and a styles processor, returns CSS with media query wrappers for each breakpoint.
+
+```tsx
+import { makeItResponsive, styles } from '@vitus-labs/unistyle'
+import { config } from '@vitus-labs/core'
+
+const { styled, css } = config
+
+const Box = styled.div`
+  ${makeItResponsive({
+    key: '$box',
+    css,
+    styles,
+  })}
+`
+
+// Single values
+<Box $box={{ padding: 16, fontSize: 14 }} />
+
+// Responsive breakpoint object
+<Box $box={{ padding: { xs: 8, md: 16, lg: 24 }, fontSize: 14 }} />
+
+// Responsive mobile-first array
+<Box $box={{ padding: [8, 16, 24], fontSize: 14 }} />
+```
+
+**Pipeline:**
+
+```text
+theme object → normalize (fill gaps) → transform (property → breakpoint pivot)
+  → optimize (deduplicate) → media queries
+```
+
+**Parameters:**
+
+| Param | Type | Description |
+| ----- | ---- | ----------- |
+| key | `string` | Theme prop name to read from styled-component props |
+| css | `function` | styled-components `css` tagged template function |
+| styles | `function` | Style processor (use the exported `styles`) |
+| normalize | `boolean` | Fill missing breakpoints by inheriting from previous (default: true) |
+
+### styles
+
+Data-driven CSS property processor. Reads a theme object and outputs CSS for all recognized properties — layout, spacing, typography, borders, backgrounds, transforms, and more.
+
+Used internally by `makeItResponsive` but can be called directly:
+
+```tsx
+import { styles } from '@vitus-labs/unistyle'
+
+// styles({ theme, css, rootSize }) => css``
+```
+
+Supports shorthand properties (`margin`, `padding`, `borderRadius`) with automatic expansion, and converts numeric values to rem units.
+
+### Unit Conversion
+
+```tsx
+import { value, values, stripUnit } from '@vitus-labs/unistyle'
+
+// value(input, rootSize?, outputUnit?) => string | number | null
+value(16)          // => '1rem'     (16 / 16)
+value(24)          // => '1.5rem'   (24 / 16)
+value(0)           // => '0'        (always unitless)
+value('2em')       // => '2em'      (string passthrough)
+value(16, 16, 'px') // => '16px'
+
+// stripUnit(input, unitReturn?)
+stripUnit('24px')           // => 24
+stripUnit('24px', true)     // => [24, 'px']
+stripUnit(24)               // => 24
+
+// values(array, rootSize?, outputUnit?) => string
+// Picks first non-null and converts
+values([null, 16, 24], 16) // => '1rem'
+```
+
+### Alignment Helpers
+
+```tsx
+import { alignContent, ALIGN_CONTENT_MAP_X, ALIGN_CONTENT_MAP_Y } from '@vitus-labs/unistyle'
+```
+
+Maps alignment keywords to CSS flex values:
+
+| Keyword | X-axis CSS | Y-axis CSS |
+| ------- | ---------- | ---------- |
+| `left` / `top` | `flex-start` | `flex-start` |
+| `center` | `center` | `center` |
+| `right` / `bottom` | `flex-end` | `flex-end` |
+| `spaceBetween` | `space-between` | `space-between` |
+| `spaceAround` | `space-around` | `space-around` |
+| `block` | `stretch` | `stretch` |
+
+### Default Breakpoints
+
+```tsx
+import { breakpoints } from '@vitus-labs/unistyle'
+```
+
+```tsx
+{
+  rootSize: 16,
+  breakpoints: {
+    xs: 0,      // mobile
+    sm: 576,    // small
+    md: 768,    // tablet
+    lg: 992,    // desktop
+    xl: 1200,   // large desktop
+    xxl: 1440,  // extra large
+  },
+}
+```
+
+Breakpoint values are converted to `em` units in media queries for correct cross-browser behavior.
+
+### Other Exports
+
+| Export | Description |
+| ------ | ----------- |
+| `createMediaQueries` | Builds breakpoint-name → tagged-template-function map |
+| `transformTheme` | Pivots property-centric theme to breakpoint-centric |
+| `normalizeTheme` | Fills gaps so every breakpoint has a complete set of values |
+| `sortBreakpoints` | Sorts breakpoint definitions by value (ascending) |
+| `extendCss` | Helper for processing ExtendCss props (string, function, callback) |
+| `Provider` / `context` | Theme context provider and consumer |
+
+## Responsive Value Formats
+
+Every property in the theme object supports three formats:
+
+```tsx
+// 1. Scalar — applied to all breakpoints
+{ padding: 16 }
+
+// 2. Array — mobile-first, values map to breakpoints by position
+{ padding: [8, 12, 16] }  // xs: 8, sm: 12, md: 16
+
+// 3. Object — explicit breakpoint keys
+{ padding: { xs: 8, md: 16, xl: 24 } }
+```
+
+When using `normalize: true` (default), missing breakpoints inherit from the previous one.
+
+## Peer Dependencies
+
+| Package | Version |
+| ------- | ------- |
+| react | >= 19 |
+| @vitus-labs/core | * |
+
+## 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":[{"name":"responsive","children":[{"uid":"a50b94c6-1","name":"breakpoints.ts"},{"uid":"a50b94c6-3","name":"createMediaQueries.ts"},{"uid":"a50b94c6-5","name":"sortBreakpoints.ts"},{"uid":"a50b94c6-7","name":"normalizeTheme.ts"},{"uid":"a50b94c6-9","name":"transformTheme.ts"},{"uid":"a50b94c6-11","name":"optimizeTheme.ts"},{"uid":"a50b94c6-13","name":"makeItResponsive.ts"}]},{"uid":"a50b94c6-15","name":"context.tsx"},{"name":"units","children":[{"uid":"a50b94c6-17","name":"stripUnit.ts"},{"uid":"a50b94c6-19","name":"value.ts"},{"uid":"a50b94c6-21","name":"values.ts"}]},{"name":"styles","children":[{"name":"shorthands","children":[{"uid":"a50b94c6-23","name":"borderRadius.ts"},{"uid":"a50b94c6-25","name":"edge.ts"}]},{"name":"styles/index.ts","uid":"a50b94c6-27"},{"uid":"a50b94c6-29","name":"alignContent.ts"},{"uid":"a50b94c6-31","name":"extendCss.ts"}]},{"uid":"a50b94c6-33","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"a50b94c6-1":{"renderedLength":171,"gzipLength":122,"brotliLength":0,"metaUid":"a50b94c6-0"},"a50b94c6-3":{"renderedLength":741,"gzipLength":397,"brotliLength":0,"metaUid":"a50b94c6-2"},"a50b94c6-5":{"renderedLength":157,"gzipLength":122,"brotliLength":0,"metaUid":"a50b94c6-4"},"a50b94c6-7":{"renderedLength":1720,"gzipLength":612,"brotliLength":0,"metaUid":"a50b94c6-6"},"a50b94c6-9":{"renderedLength":1286,"gzipLength":492,"brotliLength":0,"metaUid":"a50b94c6-8"},"a50b94c6-11":{"renderedLength":441,"gzipLength":226,"brotliLength":0,"metaUid":"a50b94c6-10"},"a50b94c6-13":{"renderedLength":1497,"gzipLength":569,"brotliLength":0,"metaUid":"a50b94c6-12"},"a50b94c6-15":{"renderedLength":824,"gzipLength":324,"brotliLength":0,"metaUid":"a50b94c6-14"},"a50b94c6-17":{"renderedLength":532,"gzipLength":284,"brotliLength":0,"metaUid":"a50b94c6-16"},"a50b94c6-19":{"renderedLength":799,"gzipLength":341,"brotliLength":0,"metaUid":"a50b94c6-18"},"a50b94c6-21":{"renderedLength":414,"gzipLength":233,"brotliLength":0,"metaUid":"a50b94c6-20"},"a50b94c6-23":{"renderedLength":2352,"gzipLength":583,"brotliLength":0,"metaUid":"a50b94c6-22"},"a50b94c6-25":{"renderedLength":2570,"gzipLength":698,"brotliLength":0,"metaUid":"a50b94c6-24"},"a50b94c6-27":{"renderedLength":9643,"gzipLength":2156,"brotliLength":0,"metaUid":"a50b94c6-26"},"a50b94c6-29":{"renderedLength":1071,"gzipLength":450,"brotliLength":0,"metaUid":"a50b94c6-28"},"a50b94c6-31":{"renderedLength":170,"gzipLength":126,"brotliLength":0,"metaUid":"a50b94c6-30"},"a50b94c6-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"a50b94c6-32"}},"nodeMetas":{"a50b94c6-0":{"id":"/src/responsive/breakpoints.ts","moduleParts":{"index.js":"a50b94c6-1"},"imported":[],"importedBy":[{"uid":"a50b94c6-34"}]},"a50b94c6-2":{"id":"/src/responsive/createMediaQueries.ts","moduleParts":{"index.js":"a50b94c6-3"},"imported":[],"importedBy":[{"uid":"a50b94c6-34"},{"uid":"a50b94c6-12"}]},"a50b94c6-4":{"id":"/src/responsive/sortBreakpoints.ts","moduleParts":{"index.js":"a50b94c6-5"},"imported":[],"importedBy":[{"uid":"a50b94c6-34"},{"uid":"a50b94c6-12"}]},"a50b94c6-6":{"id":"/src/responsive/normalizeTheme.ts","moduleParts":{"index.js":"a50b94c6-7"},"imported":[],"importedBy":[{"uid":"a50b94c6-34"},{"uid":"a50b94c6-12"}]},"a50b94c6-8":{"id":"/src/responsive/transformTheme.ts","moduleParts":{"index.js":"a50b94c6-9"},"imported":[{"uid":"a50b94c6-38"}],"importedBy":[{"uid":"a50b94c6-34"},{"uid":"a50b94c6-12"}]},"a50b94c6-10":{"id":"/src/responsive/optimizeTheme.ts","moduleParts":{"index.js":"a50b94c6-11"},"imported":[],"importedBy":[{"uid":"a50b94c6-12"}]},"a50b94c6-12":{"id":"/src/responsive/makeItResponsive.ts","moduleParts":{"index.js":"a50b94c6-13"},"imported":[{"uid":"a50b94c6-38"},{"uid":"a50b94c6-2"},{"uid":"a50b94c6-4"},{"uid":"a50b94c6-6"},{"uid":"a50b94c6-8"},{"uid":"a50b94c6-10"}],"importedBy":[{"uid":"a50b94c6-34"}]},"a50b94c6-14":{"id":"/src/context.tsx","moduleParts":{"index.js":"a50b94c6-15"},"imported":[{"uid":"a50b94c6-37"},{"uid":"a50b94c6-38"},{"uid":"a50b94c6-34"}],"importedBy":[{"uid":"a50b94c6-32"}]},"a50b94c6-16":{"id":"/src/units/stripUnit.ts","moduleParts":{"index.js":"a50b94c6-17"},"imported":[],"importedBy":[{"uid":"a50b94c6-36"},{"uid":"a50b94c6-18"}]},"a50b94c6-18":{"id":"/src/units/value.ts","moduleParts":{"index.js":"a50b94c6-19"},"imported":[{"uid":"a50b94c6-16"}],"importedBy":[{"uid":"a50b94c6-36"},{"uid":"a50b94c6-20"}]},"a50b94c6-20":{"id":"/src/units/values.ts","moduleParts":{"index.js":"a50b94c6-21"},"imported":[{"uid":"a50b94c6-18"}],"importedBy":[{"uid":"a50b94c6-36"}]},"a50b94c6-22":{"id":"/src/styles/shorthands/borderRadius.ts","moduleParts":{"index.js":"a50b94c6-23"},"imported":[{"uid":"a50b94c6-36"}],"importedBy":[{"uid":"a50b94c6-39"}]},"a50b94c6-24":{"id":"/src/styles/shorthands/edge.ts","moduleParts":{"index.js":"a50b94c6-25"},"imported":[{"uid":"a50b94c6-36"}],"importedBy":[{"uid":"a50b94c6-39"}]},"a50b94c6-26":{"id":"/src/styles/styles/index.ts","moduleParts":{"index.js":"a50b94c6-27"},"imported":[{"uid":"a50b94c6-39"},{"uid":"a50b94c6-36"}],"importedBy":[{"uid":"a50b94c6-35"}]},"a50b94c6-28":{"id":"/src/styles/alignContent.ts","moduleParts":{"index.js":"a50b94c6-29"},"imported":[{"uid":"a50b94c6-38"}],"importedBy":[{"uid":"a50b94c6-35"}]},"a50b94c6-30":{"id":"/src/styles/extendCss.ts","moduleParts":{"index.js":"a50b94c6-31"},"imported":[{"uid":"a50b94c6-38"}],"importedBy":[{"uid":"a50b94c6-35"}]},"a50b94c6-32":{"id":"/src/index.ts","moduleParts":{"index.js":"a50b94c6-33"},"imported":[{"uid":"a50b94c6-14"},{"uid":"a50b94c6-34"},{"uid":"a50b94c6-35"},{"uid":"a50b94c6-36"}],"importedBy":[],"isEntry":true},"a50b94c6-34":{"id":"/src/responsive/index.ts","moduleParts":{},"imported":[{"uid":"a50b94c6-0"},{"uid":"a50b94c6-2"},{"uid":"a50b94c6-12"},{"uid":"a50b94c6-6"},{"uid":"a50b94c6-4"},{"uid":"a50b94c6-8"}],"importedBy":[{"uid":"a50b94c6-32"},{"uid":"a50b94c6-14"}]},"a50b94c6-35":{"id":"/src/styles/index.ts","moduleParts":{},"imported":[{"uid":"a50b94c6-26"},{"uid":"a50b94c6-28"},{"uid":"a50b94c6-30"}],"importedBy":[{"uid":"a50b94c6-32"}]},"a50b94c6-36":{"id":"/src/units/index.ts","moduleParts":{},"imported":[{"uid":"a50b94c6-18"},{"uid":"a50b94c6-16"},{"uid":"a50b94c6-20"}],"importedBy":[{"uid":"a50b94c6-32"},{"uid":"a50b94c6-26"},{"uid":"a50b94c6-22"},{"uid":"a50b94c6-24"}]},"a50b94c6-37":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"a50b94c6-14"}],"isExternal":true},"a50b94c6-38":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"a50b94c6-14"},{"uid":"a50b94c6-12"},{"uid":"a50b94c6-8"},{"uid":"a50b94c6-28"},{"uid":"a50b94c6-30"}],"isExternal":true},"a50b94c6-39":{"id":"/src/styles/shorthands/index.ts","moduleParts":{},"imported":[{"uid":"a50b94c6-22"},{"uid":"a50b94c6-24"}],"importedBy":[{"uid":"a50b94c6-26"}]}},"env":{"rollup":"4.35.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"name":"responsive","children":[{"uid":"0abbe132-1","name":"breakpoints.ts"},{"uid":"0abbe132-3","name":"createMediaQueries.ts"},{"uid":"0abbe132-5","name":"normalizeTheme.ts"},{"uid":"0abbe132-7","name":"optimizeTheme.ts"},{"uid":"0abbe132-9","name":"transformTheme.ts"},{"uid":"0abbe132-11","name":"makeItResponsive.ts"},{"uid":"0abbe132-13","name":"sortBreakpoints.ts"},{"uid":"0abbe132-15","name":"index.ts"}]},{"uid":"0abbe132-17","name":"context.tsx"},{"name":"styles","children":[{"uid":"0abbe132-19","name":"alignContent.ts"},{"uid":"0abbe132-21","name":"extendCss.ts"},{"name":"shorthands","children":[{"uid":"0abbe132-29","name":"borderRadius.ts"},{"uid":"0abbe132-31","name":"edge.ts"}]},{"name":"styles","children":[{"uid":"0abbe132-33","name":"processDescriptor.ts"},{"uid":"0abbe132-35","name":"propertyMap.ts"},{"uid":"0abbe132-37","name":"index.ts"}]},{"uid":"0abbe132-39","name":"index.ts"}]},{"name":"units","children":[{"uid":"0abbe132-23","name":"stripUnit.ts"},{"uid":"0abbe132-25","name":"value.ts"},{"uid":"0abbe132-27","name":"values.ts"}]},{"uid":"0abbe132-41","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"0abbe132-1":{"renderedLength":178,"gzipLength":153,"brotliLength":0,"metaUid":"0abbe132-0"},"0abbe132-3":{"renderedLength":787,"gzipLength":450,"brotliLength":0,"metaUid":"0abbe132-2"},"0abbe132-5":{"renderedLength":1645,"gzipLength":700,"brotliLength":0,"metaUid":"0abbe132-4"},"0abbe132-7":{"renderedLength":862,"gzipLength":442,"brotliLength":0,"metaUid":"0abbe132-6"},"0abbe132-9":{"renderedLength":1318,"gzipLength":621,"brotliLength":0,"metaUid":"0abbe132-8"},"0abbe132-11":{"renderedLength":1652,"gzipLength":720,"brotliLength":0,"metaUid":"0abbe132-10"},"0abbe132-13":{"renderedLength":262,"gzipLength":189,"brotliLength":0,"metaUid":"0abbe132-12"},"0abbe132-15":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"0abbe132-14"},"0abbe132-17":{"renderedLength":818,"gzipLength":440,"brotliLength":0,"metaUid":"0abbe132-16"},"0abbe132-19":{"renderedLength":1243,"gzipLength":582,"brotliLength":0,"metaUid":"0abbe132-18"},"0abbe132-21":{"renderedLength":327,"gzipLength":237,"brotliLength":0,"metaUid":"0abbe132-20"},"0abbe132-23":{"renderedLength":647,"gzipLength":385,"brotliLength":0,"metaUid":"0abbe132-22"},"0abbe132-25":{"renderedLength":1019,"gzipLength":499,"brotliLength":0,"metaUid":"0abbe132-24"},"0abbe132-27":{"renderedLength":615,"gzipLength":354,"brotliLength":0,"metaUid":"0abbe132-26"},"0abbe132-29":{"renderedLength":2448,"gzipLength":811,"brotliLength":0,"metaUid":"0abbe132-28"},"0abbe132-31":{"renderedLength":2640,"gzipLength":914,"brotliLength":0,"metaUid":"0abbe132-30"},"0abbe132-33":{"renderedLength":2437,"gzipLength":945,"brotliLength":0,"metaUid":"0abbe132-32"},"0abbe132-35":{"renderedLength":19464,"gzipLength":2999,"brotliLength":0,"metaUid":"0abbe132-34"},"0abbe132-37":{"renderedLength":613,"gzipLength":364,"brotliLength":0,"metaUid":"0abbe132-36"},"0abbe132-39":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"0abbe132-38"},"0abbe132-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"0abbe132-40"}},"nodeMetas":{"0abbe132-0":{"id":"/src/responsive/breakpoints.ts","moduleParts":{"index.js":"0abbe132-1"},"imported":[],"importedBy":[{"uid":"0abbe132-14"}]},"0abbe132-2":{"id":"/src/responsive/createMediaQueries.ts","moduleParts":{"index.js":"0abbe132-3"},"imported":[],"importedBy":[{"uid":"0abbe132-14"}]},"0abbe132-4":{"id":"/src/responsive/normalizeTheme.ts","moduleParts":{"index.js":"0abbe132-5"},"imported":[],"importedBy":[{"uid":"0abbe132-14"},{"uid":"0abbe132-10"}]},"0abbe132-6":{"id":"/src/responsive/optimizeTheme.ts","moduleParts":{"index.js":"0abbe132-7"},"imported":[],"importedBy":[{"uid":"0abbe132-10"}]},"0abbe132-8":{"id":"/src/responsive/transformTheme.ts","moduleParts":{"index.js":"0abbe132-9"},"imported":[{"uid":"0abbe132-43"}],"importedBy":[{"uid":"0abbe132-14"},{"uid":"0abbe132-10"}]},"0abbe132-10":{"id":"/src/responsive/makeItResponsive.ts","moduleParts":{"index.js":"0abbe132-11"},"imported":[{"uid":"0abbe132-43"},{"uid":"0abbe132-4"},{"uid":"0abbe132-6"},{"uid":"0abbe132-8"}],"importedBy":[{"uid":"0abbe132-14"}]},"0abbe132-12":{"id":"/src/responsive/sortBreakpoints.ts","moduleParts":{"index.js":"0abbe132-13"},"imported":[],"importedBy":[{"uid":"0abbe132-14"}]},"0abbe132-14":{"id":"/src/responsive/index.ts","moduleParts":{"index.js":"0abbe132-15"},"imported":[{"uid":"0abbe132-0"},{"uid":"0abbe132-2"},{"uid":"0abbe132-10"},{"uid":"0abbe132-4"},{"uid":"0abbe132-12"},{"uid":"0abbe132-8"}],"importedBy":[{"uid":"0abbe132-40"},{"uid":"0abbe132-16"}]},"0abbe132-16":{"id":"/src/context.tsx","moduleParts":{"index.js":"0abbe132-17"},"imported":[{"uid":"0abbe132-43"},{"uid":"0abbe132-44"},{"uid":"0abbe132-14"},{"uid":"0abbe132-45"}],"importedBy":[{"uid":"0abbe132-40"}]},"0abbe132-18":{"id":"/src/styles/alignContent.ts","moduleParts":{"index.js":"0abbe132-19"},"imported":[{"uid":"0abbe132-43"}],"importedBy":[{"uid":"0abbe132-38"}]},"0abbe132-20":{"id":"/src/styles/extendCss.ts","moduleParts":{"index.js":"0abbe132-21"},"imported":[{"uid":"0abbe132-43"}],"importedBy":[{"uid":"0abbe132-38"}]},"0abbe132-22":{"id":"/src/units/stripUnit.ts","moduleParts":{"index.js":"0abbe132-23"},"imported":[],"importedBy":[{"uid":"0abbe132-42"},{"uid":"0abbe132-24"}]},"0abbe132-24":{"id":"/src/units/value.ts","moduleParts":{"index.js":"0abbe132-25"},"imported":[{"uid":"0abbe132-22"}],"importedBy":[{"uid":"0abbe132-42"},{"uid":"0abbe132-26"}]},"0abbe132-26":{"id":"/src/units/values.ts","moduleParts":{"index.js":"0abbe132-27"},"imported":[{"uid":"0abbe132-24"}],"importedBy":[{"uid":"0abbe132-42"}]},"0abbe132-28":{"id":"/src/styles/shorthands/borderRadius.ts","moduleParts":{"index.js":"0abbe132-29"},"imported":[{"uid":"0abbe132-42"}],"importedBy":[{"uid":"0abbe132-46"}]},"0abbe132-30":{"id":"/src/styles/shorthands/edge.ts","moduleParts":{"index.js":"0abbe132-31"},"imported":[{"uid":"0abbe132-42"}],"importedBy":[{"uid":"0abbe132-46"}]},"0abbe132-32":{"id":"/src/styles/styles/processDescriptor.ts","moduleParts":{"index.js":"0abbe132-33"},"imported":[],"importedBy":[{"uid":"0abbe132-36"}]},"0abbe132-34":{"id":"/src/styles/styles/propertyMap.ts","moduleParts":{"index.js":"0abbe132-35"},"imported":[],"importedBy":[{"uid":"0abbe132-36"}]},"0abbe132-36":{"id":"/src/styles/styles/index.ts","moduleParts":{"index.js":"0abbe132-37"},"imported":[{"uid":"0abbe132-46"},{"uid":"0abbe132-42"},{"uid":"0abbe132-32"},{"uid":"0abbe132-34"}],"importedBy":[{"uid":"0abbe132-38"}]},"0abbe132-38":{"id":"/src/styles/index.ts","moduleParts":{"index.js":"0abbe132-39"},"imported":[{"uid":"0abbe132-18"},{"uid":"0abbe132-20"},{"uid":"0abbe132-36"}],"importedBy":[{"uid":"0abbe132-40"}]},"0abbe132-40":{"id":"/src/index.ts","moduleParts":{"index.js":"0abbe132-41"},"imported":[{"uid":"0abbe132-16"},{"uid":"0abbe132-14"},{"uid":"0abbe132-38"},{"uid":"0abbe132-42"}],"importedBy":[],"isEntry":true},"0abbe132-42":{"id":"/src/units/index.ts","moduleParts":{},"imported":[{"uid":"0abbe132-22"},{"uid":"0abbe132-24"},{"uid":"0abbe132-26"}],"importedBy":[{"uid":"0abbe132-40"},{"uid":"0abbe132-36"},{"uid":"0abbe132-28"},{"uid":"0abbe132-30"}]},"0abbe132-43":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"0abbe132-16"},{"uid":"0abbe132-10"},{"uid":"0abbe132-8"},{"uid":"0abbe132-18"},{"uid":"0abbe132-20"}]},"0abbe132-44":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"0abbe132-16"}]},"0abbe132-45":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"0abbe132-16"}]},"0abbe132-46":{"id":"/src/styles/shorthands/index.ts","moduleParts":{},"imported":[{"uid":"0abbe132-28"},{"uid":"0abbe132-30"}],"importedBy":[{"uid":"0abbe132-36"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

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

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-unistyle.native.js","children":[{"name":"src","children":[{"name":"responsive","children":[{"uid":"d0922a90-1","name":"breakpoints.ts"},{"uid":"d0922a90-3","name":"createMediaQueries.ts"},{"uid":"d0922a90-5","name":"sortBreakpoints.ts"},{"uid":"d0922a90-7","name":"normalizeTheme.ts"},{"uid":"d0922a90-9","name":"transformTheme.ts"},{"uid":"d0922a90-11","name":"optimizeTheme.ts"},{"uid":"d0922a90-13","name":"makeItResponsive.ts"}]},{"uid":"d0922a90-15","name":"context.tsx"},{"name":"units","children":[{"uid":"d0922a90-17","name":"stripUnit.ts"},{"uid":"d0922a90-19","name":"value.ts"},{"uid":"d0922a90-21","name":"values.ts"}]},{"name":"styles","children":[{"name":"shorthands","children":[{"uid":"d0922a90-23","name":"borderRadius.ts"},{"uid":"d0922a90-25","name":"edge.ts"}]},{"name":"styles/index.ts","uid":"d0922a90-27"},{"uid":"d0922a90-29","name":"alignContent.ts"},{"uid":"d0922a90-31","name":"extendCss.ts"}]},{"uid":"d0922a90-33","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"d0922a90-1":{"renderedLength":171,"gzipLength":122,"brotliLength":0,"metaUid":"d0922a90-0"},"d0922a90-3":{"renderedLength":741,"gzipLength":397,"brotliLength":0,"metaUid":"d0922a90-2"},"d0922a90-5":{"renderedLength":157,"gzipLength":122,"brotliLength":0,"metaUid":"d0922a90-4"},"d0922a90-7":{"renderedLength":1720,"gzipLength":612,"brotliLength":0,"metaUid":"d0922a90-6"},"d0922a90-9":{"renderedLength":1286,"gzipLength":492,"brotliLength":0,"metaUid":"d0922a90-8"},"d0922a90-11":{"renderedLength":441,"gzipLength":226,"brotliLength":0,"metaUid":"d0922a90-10"},"d0922a90-13":{"renderedLength":1497,"gzipLength":569,"brotliLength":0,"metaUid":"d0922a90-12"},"d0922a90-15":{"renderedLength":824,"gzipLength":324,"brotliLength":0,"metaUid":"d0922a90-14"},"d0922a90-17":{"renderedLength":532,"gzipLength":284,"brotliLength":0,"metaUid":"d0922a90-16"},"d0922a90-19":{"renderedLength":797,"gzipLength":340,"brotliLength":0,"metaUid":"d0922a90-18"},"d0922a90-21":{"renderedLength":414,"gzipLength":233,"brotliLength":0,"metaUid":"d0922a90-20"},"d0922a90-23":{"renderedLength":2352,"gzipLength":583,"brotliLength":0,"metaUid":"d0922a90-22"},"d0922a90-25":{"renderedLength":2570,"gzipLength":698,"brotliLength":0,"metaUid":"d0922a90-24"},"d0922a90-27":{"renderedLength":9447,"gzipLength":2101,"brotliLength":0,"metaUid":"d0922a90-26"},"d0922a90-29":{"renderedLength":1066,"gzipLength":446,"brotliLength":0,"metaUid":"d0922a90-28"},"d0922a90-31":{"renderedLength":170,"gzipLength":126,"brotliLength":0,"metaUid":"d0922a90-30"},"d0922a90-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"d0922a90-32"}},"nodeMetas":{"d0922a90-0":{"id":"/src/responsive/breakpoints.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-1"},"imported":[],"importedBy":[{"uid":"d0922a90-34"}]},"d0922a90-2":{"id":"/src/responsive/createMediaQueries.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-3"},"imported":[],"importedBy":[{"uid":"d0922a90-34"},{"uid":"d0922a90-12"}]},"d0922a90-4":{"id":"/src/responsive/sortBreakpoints.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-5"},"imported":[],"importedBy":[{"uid":"d0922a90-34"},{"uid":"d0922a90-12"}]},"d0922a90-6":{"id":"/src/responsive/normalizeTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-7"},"imported":[],"importedBy":[{"uid":"d0922a90-34"},{"uid":"d0922a90-12"}]},"d0922a90-8":{"id":"/src/responsive/transformTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-9"},"imported":[{"uid":"d0922a90-38"}],"importedBy":[{"uid":"d0922a90-34"},{"uid":"d0922a90-12"}]},"d0922a90-10":{"id":"/src/responsive/optimizeTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-11"},"imported":[],"importedBy":[{"uid":"d0922a90-12"}]},"d0922a90-12":{"id":"/src/responsive/makeItResponsive.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-13"},"imported":[{"uid":"d0922a90-38"},{"uid":"d0922a90-2"},{"uid":"d0922a90-4"},{"uid":"d0922a90-6"},{"uid":"d0922a90-8"},{"uid":"d0922a90-10"}],"importedBy":[{"uid":"d0922a90-34"}]},"d0922a90-14":{"id":"/src/context.tsx","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-15"},"imported":[{"uid":"d0922a90-37"},{"uid":"d0922a90-38"},{"uid":"d0922a90-34"}],"importedBy":[{"uid":"d0922a90-32"}]},"d0922a90-16":{"id":"/src/units/stripUnit.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-17"},"imported":[],"importedBy":[{"uid":"d0922a90-36"},{"uid":"d0922a90-18"}]},"d0922a90-18":{"id":"/src/units/value.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-19"},"imported":[{"uid":"d0922a90-16"}],"importedBy":[{"uid":"d0922a90-36"},{"uid":"d0922a90-20"}]},"d0922a90-20":{"id":"/src/units/values.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-21"},"imported":[{"uid":"d0922a90-18"}],"importedBy":[{"uid":"d0922a90-36"}]},"d0922a90-22":{"id":"/src/styles/shorthands/borderRadius.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-23"},"imported":[{"uid":"d0922a90-36"}],"importedBy":[{"uid":"d0922a90-39"}]},"d0922a90-24":{"id":"/src/styles/shorthands/edge.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-25"},"imported":[{"uid":"d0922a90-36"}],"importedBy":[{"uid":"d0922a90-39"}]},"d0922a90-26":{"id":"/src/styles/styles/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-27"},"imported":[{"uid":"d0922a90-39"},{"uid":"d0922a90-36"}],"importedBy":[{"uid":"d0922a90-35"}]},"d0922a90-28":{"id":"/src/styles/alignContent.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-29"},"imported":[{"uid":"d0922a90-38"}],"importedBy":[{"uid":"d0922a90-35"}]},"d0922a90-30":{"id":"/src/styles/extendCss.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-31"},"imported":[{"uid":"d0922a90-38"}],"importedBy":[{"uid":"d0922a90-35"}]},"d0922a90-32":{"id":"/src/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"d0922a90-33"},"imported":[{"uid":"d0922a90-14"},{"uid":"d0922a90-34"},{"uid":"d0922a90-35"},{"uid":"d0922a90-36"}],"importedBy":[],"isEntry":true},"d0922a90-34":{"id":"/src/responsive/index.ts","moduleParts":{},"imported":[{"uid":"d0922a90-0"},{"uid":"d0922a90-2"},{"uid":"d0922a90-12"},{"uid":"d0922a90-6"},{"uid":"d0922a90-4"},{"uid":"d0922a90-8"}],"importedBy":[{"uid":"d0922a90-32"},{"uid":"d0922a90-14"}]},"d0922a90-35":{"id":"/src/styles/index.ts","moduleParts":{},"imported":[{"uid":"d0922a90-26"},{"uid":"d0922a90-28"},{"uid":"d0922a90-30"}],"importedBy":[{"uid":"d0922a90-32"}]},"d0922a90-36":{"id":"/src/units/index.ts","moduleParts":{},"imported":[{"uid":"d0922a90-18"},{"uid":"d0922a90-16"},{"uid":"d0922a90-20"}],"importedBy":[{"uid":"d0922a90-32"},{"uid":"d0922a90-26"},{"uid":"d0922a90-22"},{"uid":"d0922a90-24"}]},"d0922a90-37":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"d0922a90-14"}],"isExternal":true},"d0922a90-38":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"d0922a90-14"},{"uid":"d0922a90-12"},{"uid":"d0922a90-8"},{"uid":"d0922a90-28"},{"uid":"d0922a90-30"}],"isExternal":true},"d0922a90-39":{"id":"/src/styles/shorthands/index.ts","moduleParts":{},"imported":[{"uid":"d0922a90-22"},{"uid":"d0922a90-24"}],"importedBy":[{"uid":"d0922a90-26"}]}},"env":{"rollup":"4.35.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-unistyle.native.js","children":[{"name":"src","children":[{"name":"responsive","children":[{"uid":"2faa43c3-1","name":"breakpoints.ts"},{"uid":"2faa43c3-3","name":"createMediaQueries.ts"},{"uid":"2faa43c3-5","name":"normalizeTheme.ts"},{"uid":"2faa43c3-7","name":"optimizeTheme.ts"},{"uid":"2faa43c3-9","name":"transformTheme.ts"},{"uid":"2faa43c3-11","name":"makeItResponsive.ts"},{"uid":"2faa43c3-13","name":"sortBreakpoints.ts"},{"uid":"2faa43c3-15","name":"index.ts"}]},{"uid":"2faa43c3-17","name":"context.tsx"},{"name":"styles","children":[{"uid":"2faa43c3-19","name":"alignContent.ts"},{"uid":"2faa43c3-21","name":"extendCss.ts"},{"name":"shorthands","children":[{"uid":"2faa43c3-29","name":"borderRadius.ts"},{"uid":"2faa43c3-31","name":"edge.ts"}]},{"name":"styles","children":[{"uid":"2faa43c3-33","name":"processDescriptor.ts"},{"uid":"2faa43c3-35","name":"propertyMap.ts"},{"uid":"2faa43c3-37","name":"index.ts"}]},{"uid":"2faa43c3-39","name":"index.ts"}]},{"name":"units","children":[{"uid":"2faa43c3-23","name":"stripUnit.ts"},{"uid":"2faa43c3-25","name":"value.ts"},{"uid":"2faa43c3-27","name":"values.ts"}]},{"uid":"2faa43c3-41","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"2faa43c3-1":{"renderedLength":178,"gzipLength":153,"brotliLength":0,"metaUid":"2faa43c3-0"},"2faa43c3-3":{"renderedLength":787,"gzipLength":450,"brotliLength":0,"metaUid":"2faa43c3-2"},"2faa43c3-5":{"renderedLength":1645,"gzipLength":700,"brotliLength":0,"metaUid":"2faa43c3-4"},"2faa43c3-7":{"renderedLength":862,"gzipLength":442,"brotliLength":0,"metaUid":"2faa43c3-6"},"2faa43c3-9":{"renderedLength":1318,"gzipLength":621,"brotliLength":0,"metaUid":"2faa43c3-8"},"2faa43c3-11":{"renderedLength":1652,"gzipLength":720,"brotliLength":0,"metaUid":"2faa43c3-10"},"2faa43c3-13":{"renderedLength":262,"gzipLength":189,"brotliLength":0,"metaUid":"2faa43c3-12"},"2faa43c3-15":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"2faa43c3-14"},"2faa43c3-17":{"renderedLength":818,"gzipLength":440,"brotliLength":0,"metaUid":"2faa43c3-16"},"2faa43c3-19":{"renderedLength":1243,"gzipLength":582,"brotliLength":0,"metaUid":"2faa43c3-18"},"2faa43c3-21":{"renderedLength":327,"gzipLength":237,"brotliLength":0,"metaUid":"2faa43c3-20"},"2faa43c3-23":{"renderedLength":647,"gzipLength":385,"brotliLength":0,"metaUid":"2faa43c3-22"},"2faa43c3-25":{"renderedLength":1018,"gzipLength":497,"brotliLength":0,"metaUid":"2faa43c3-24"},"2faa43c3-27":{"renderedLength":615,"gzipLength":354,"brotliLength":0,"metaUid":"2faa43c3-26"},"2faa43c3-29":{"renderedLength":2448,"gzipLength":811,"brotliLength":0,"metaUid":"2faa43c3-28"},"2faa43c3-31":{"renderedLength":2640,"gzipLength":914,"brotliLength":0,"metaUid":"2faa43c3-30"},"2faa43c3-33":{"renderedLength":2194,"gzipLength":883,"brotliLength":0,"metaUid":"2faa43c3-32"},"2faa43c3-35":{"renderedLength":19464,"gzipLength":2999,"brotliLength":0,"metaUid":"2faa43c3-34"},"2faa43c3-37":{"renderedLength":613,"gzipLength":364,"brotliLength":0,"metaUid":"2faa43c3-36"},"2faa43c3-39":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"2faa43c3-38"},"2faa43c3-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"2faa43c3-40"}},"nodeMetas":{"2faa43c3-0":{"id":"/src/responsive/breakpoints.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-1"},"imported":[],"importedBy":[{"uid":"2faa43c3-14"}]},"2faa43c3-2":{"id":"/src/responsive/createMediaQueries.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-3"},"imported":[],"importedBy":[{"uid":"2faa43c3-14"}]},"2faa43c3-4":{"id":"/src/responsive/normalizeTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-5"},"imported":[],"importedBy":[{"uid":"2faa43c3-14"},{"uid":"2faa43c3-10"}]},"2faa43c3-6":{"id":"/src/responsive/optimizeTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-7"},"imported":[],"importedBy":[{"uid":"2faa43c3-10"}]},"2faa43c3-8":{"id":"/src/responsive/transformTheme.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-9"},"imported":[{"uid":"2faa43c3-43"}],"importedBy":[{"uid":"2faa43c3-14"},{"uid":"2faa43c3-10"}]},"2faa43c3-10":{"id":"/src/responsive/makeItResponsive.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-11"},"imported":[{"uid":"2faa43c3-43"},{"uid":"2faa43c3-4"},{"uid":"2faa43c3-6"},{"uid":"2faa43c3-8"}],"importedBy":[{"uid":"2faa43c3-14"}]},"2faa43c3-12":{"id":"/src/responsive/sortBreakpoints.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-13"},"imported":[],"importedBy":[{"uid":"2faa43c3-14"}]},"2faa43c3-14":{"id":"/src/responsive/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-15"},"imported":[{"uid":"2faa43c3-0"},{"uid":"2faa43c3-2"},{"uid":"2faa43c3-10"},{"uid":"2faa43c3-4"},{"uid":"2faa43c3-12"},{"uid":"2faa43c3-8"}],"importedBy":[{"uid":"2faa43c3-40"},{"uid":"2faa43c3-16"}]},"2faa43c3-16":{"id":"/src/context.tsx","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-17"},"imported":[{"uid":"2faa43c3-43"},{"uid":"2faa43c3-44"},{"uid":"2faa43c3-14"},{"uid":"2faa43c3-45"}],"importedBy":[{"uid":"2faa43c3-40"}]},"2faa43c3-18":{"id":"/src/styles/alignContent.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-19"},"imported":[{"uid":"2faa43c3-43"}],"importedBy":[{"uid":"2faa43c3-38"}]},"2faa43c3-20":{"id":"/src/styles/extendCss.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-21"},"imported":[{"uid":"2faa43c3-43"}],"importedBy":[{"uid":"2faa43c3-38"}]},"2faa43c3-22":{"id":"/src/units/stripUnit.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-23"},"imported":[],"importedBy":[{"uid":"2faa43c3-42"},{"uid":"2faa43c3-24"}]},"2faa43c3-24":{"id":"/src/units/value.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-25"},"imported":[{"uid":"2faa43c3-22"}],"importedBy":[{"uid":"2faa43c3-42"},{"uid":"2faa43c3-26"}]},"2faa43c3-26":{"id":"/src/units/values.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-27"},"imported":[{"uid":"2faa43c3-24"}],"importedBy":[{"uid":"2faa43c3-42"}]},"2faa43c3-28":{"id":"/src/styles/shorthands/borderRadius.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-29"},"imported":[{"uid":"2faa43c3-42"}],"importedBy":[{"uid":"2faa43c3-46"}]},"2faa43c3-30":{"id":"/src/styles/shorthands/edge.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-31"},"imported":[{"uid":"2faa43c3-42"}],"importedBy":[{"uid":"2faa43c3-46"}]},"2faa43c3-32":{"id":"/src/styles/styles/processDescriptor.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-33"},"imported":[],"importedBy":[{"uid":"2faa43c3-36"}]},"2faa43c3-34":{"id":"/src/styles/styles/propertyMap.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-35"},"imported":[],"importedBy":[{"uid":"2faa43c3-36"}]},"2faa43c3-36":{"id":"/src/styles/styles/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-37"},"imported":[{"uid":"2faa43c3-46"},{"uid":"2faa43c3-42"},{"uid":"2faa43c3-32"},{"uid":"2faa43c3-34"}],"importedBy":[{"uid":"2faa43c3-38"}]},"2faa43c3-38":{"id":"/src/styles/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-39"},"imported":[{"uid":"2faa43c3-18"},{"uid":"2faa43c3-20"},{"uid":"2faa43c3-36"}],"importedBy":[{"uid":"2faa43c3-40"}]},"2faa43c3-40":{"id":"/src/index.ts","moduleParts":{"vitus-labs-unistyle.native.js":"2faa43c3-41"},"imported":[{"uid":"2faa43c3-16"},{"uid":"2faa43c3-14"},{"uid":"2faa43c3-38"},{"uid":"2faa43c3-42"}],"importedBy":[],"isEntry":true},"2faa43c3-42":{"id":"/src/units/index.ts","moduleParts":{},"imported":[{"uid":"2faa43c3-22"},{"uid":"2faa43c3-24"},{"uid":"2faa43c3-26"}],"importedBy":[{"uid":"2faa43c3-40"},{"uid":"2faa43c3-36"},{"uid":"2faa43c3-28"},{"uid":"2faa43c3-30"}]},"2faa43c3-43":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faa43c3-16"},{"uid":"2faa43c3-10"},{"uid":"2faa43c3-8"},{"uid":"2faa43c3-18"},{"uid":"2faa43c3-20"}]},"2faa43c3-44":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faa43c3-16"}]},"2faa43c3-45":{"id":"react/jsx-runtime","moduleParts":{},"imported":[],"importedBy":[{"uid":"2faa43c3-16"}]},"2faa43c3-46":{"id":"/src/styles/shorthands/index.ts","moduleParts":{},"imported":[{"uid":"2faa43c3-28"},{"uid":"2faa43c3-30"}],"importedBy":[{"uid":"2faa43c3-36"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;