@vinyasa/layout 1.0.22 → 1.0.24

package/dist/cjs/grid.cjs

@@ -91,18 +91,15 @@ var __webpack_modules__ = {
             c: ()=>createRuntimeFn
         });
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -170,6 +167,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -188,6 +191,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -221,7 +233,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
     var grid = (0, createRuntimeFn_62c9670f_esm.c)({
         defaultClassName: 'w86wcg0',

package/dist/cjs/index.cjs

@@ -97,7 +97,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -234,8 +234,9 @@ var __webpack_modules__ = {
             default: ()=>box
         });
         var jsx_runtime_ = __webpack_require__(732);
+        var tokens_ = __webpack_require__(242);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -337,6 +338,7 @@ var __webpack_modules__ = {
                 "style",
                 "children"
             ]), [ref] = _rest;
+            const themedRef = (0, tokens_.useThemedRef)(ref);
             const computedStyle = _object_spread({}, (0, spacing.v)({
                 m,
                 mt,
@@ -354,7 +356,7 @@ var __webpack_modules__ = {
                 py
             }), style);
             return /*#__PURE__*/ (0, jsx_runtime_.jsx)(Component, _object_spread_props(_object_spread({
-                ref: ref,
+                ref: themedRef,
                 style: computedStyle
             }, rest), {
                 children: children
@@ -370,7 +372,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var Flex = __webpack_require__(646);
+        var Flex = __webpack_require__(74);
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -409,7 +411,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var container = 'n27f480';
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
@@ -551,7 +553,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var divider = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_187x3450',
@@ -710,13 +712,13 @@ var __webpack_modules__ = {
         const divider_Divider = Divider;
         const components_divider = divider_Divider;
     },
-    646 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    74 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>flex_Flex
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var flex = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_2mmdgz0',
@@ -729,26 +731,28 @@ var __webpack_modules__ = {
                     start: '_2mmdgz3',
                     center: '_2mmdgz4',
                     end: '_2mmdgz5',
-                    stretch: '_2mmdgz6'
+                    stretch: '_2mmdgz6',
+                    baseline: '_2mmdgz7'
                 },
                 justify: {
-                    start: '_2mmdgz7',
-                    center: '_2mmdgz8',
-                    end: '_2mmdgz9',
-                    between: '_2mmdgza',
-                    around: '_2mmdgzb'
+                    start: '_2mmdgz8',
+                    center: '_2mmdgz9',
+                    end: '_2mmdgza',
+                    between: '_2mmdgzb',
+                    around: '_2mmdgzc',
+                    evenly: '_2mmdgzd'
                 },
                 wrap: {
-                    nowrap: '_2mmdgzc',
-                    wrap: '_2mmdgzd'
+                    nowrap: '_2mmdgze',
+                    wrap: '_2mmdgzf'
                 },
                 gap: {
-                    1: '_2mmdgze',
-                    2: '_2mmdgzf',
-                    3: '_2mmdgzg',
-                    4: '_2mmdgzh',
-                    5: '_2mmdgzi',
-                    6: '_2mmdgzj'
+                    1: '_2mmdgzg',
+                    2: '_2mmdgzh',
+                    3: '_2mmdgzi',
+                    4: '_2mmdgzj',
+                    5: '_2mmdgzk',
+                    6: '_2mmdgzl'
                 }
             },
             defaultVariants: {
@@ -905,7 +909,7 @@ var __webpack_modules__ = {
         const flex_Flex = Flex;
     },
     205 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        var _Flex__rspack_import_0 = __webpack_require__(646);
+        var _Flex__rspack_import_0 = __webpack_require__(74);
         const __rspack_default_export = _Flex__rspack_import_0.A;
         __webpack_require__.d(__webpack_exports__, {}, {
             default: __rspack_default_export
@@ -917,7 +921,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var grid = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: 'w86wcg0',
@@ -1112,7 +1116,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var Flex = __webpack_require__(646);
+        var Flex = __webpack_require__(74);
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -1168,7 +1172,7 @@ var __webpack_modules__ = {
         var jsx_runtime_ = __webpack_require__(732);
         const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var corner = '_1mtpkkv4';
         var root = '_1mtpkkv0';
         var scrollbar = '_1mtpkkv2';
@@ -1421,7 +1425,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var Flex = __webpack_require__(646);
+        var Flex = __webpack_require__(74);
         function _define_property(obj, key, value) {
             if (key in obj) Object.defineProperty(obj, key, {
                 value: value,
@@ -1459,7 +1463,7 @@ var __webpack_modules__ = {
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var surface = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_1b2xjv10',
@@ -1619,18 +1623,15 @@ var __webpack_modules__ = {
         const surface_Surface = Surface;
         const components_surface = surface_Surface;
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -1698,6 +1699,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -1716,6 +1723,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{

package/dist/cjs/index.css

@@ -27,54 +27,62 @@
 }
 
 ._2mmdgz7 {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 ._2mmdgz8 {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 ._2mmdgz9 {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 ._2mmdgza {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 ._2mmdgzb {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 ._2mmdgzc {
-  flex-wrap: nowrap;
+  justify-content: space-around;
 }
 
 ._2mmdgzd {
-  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
 
 ._2mmdgze {
-  gap: var(--vinyasa-space1);
+  flex-wrap: nowrap;
 }
 
 ._2mmdgzf {
-  gap: var(--vinyasa-space2);
+  flex-wrap: wrap;
 }
 
 ._2mmdgzg {
-  gap: var(--vinyasa-space3);
+  gap: var(--vinyasa-space1);
 }
 
 ._2mmdgzh {
-  gap: var(--vinyasa-space4);
+  gap: var(--vinyasa-space2);
 }
 
 ._2mmdgzi {
-  gap: var(--vinyasa-space5);
+  gap: var(--vinyasa-space3);
 }
 
 ._2mmdgzj {
+  gap: var(--vinyasa-space4);
+}
+
+._2mmdgzk {
+  gap: var(--vinyasa-space5);
+}
+
+._2mmdgzl {
   gap: var(--vinyasa-space6);
 }
 

package/dist/cjs/inline.cjs

@@ -91,13 +91,13 @@ var __webpack_modules__ = {
             c: ()=>createRuntimeFn
         });
     },
-    646 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    74 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>flex_Flex
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var flex = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_2mmdgz0',
@@ -110,26 +110,28 @@ var __webpack_modules__ = {
                     start: '_2mmdgz3',
                     center: '_2mmdgz4',
                     end: '_2mmdgz5',
-                    stretch: '_2mmdgz6'
+                    stretch: '_2mmdgz6',
+                    baseline: '_2mmdgz7'
                 },
                 justify: {
-                    start: '_2mmdgz7',
-                    center: '_2mmdgz8',
-                    end: '_2mmdgz9',
-                    between: '_2mmdgza',
-                    around: '_2mmdgzb'
+                    start: '_2mmdgz8',
+                    center: '_2mmdgz9',
+                    end: '_2mmdgza',
+                    between: '_2mmdgzb',
+                    around: '_2mmdgzc',
+                    evenly: '_2mmdgzd'
                 },
                 wrap: {
-                    nowrap: '_2mmdgzc',
-                    wrap: '_2mmdgzd'
+                    nowrap: '_2mmdgze',
+                    wrap: '_2mmdgzf'
                 },
                 gap: {
-                    1: '_2mmdgze',
-                    2: '_2mmdgzf',
-                    3: '_2mmdgzg',
-                    4: '_2mmdgzh',
-                    5: '_2mmdgzi',
-                    6: '_2mmdgzj'
+                    1: '_2mmdgzg',
+                    2: '_2mmdgzh',
+                    3: '_2mmdgzi',
+                    4: '_2mmdgzj',
+                    5: '_2mmdgzk',
+                    6: '_2mmdgzl'
                 }
             },
             defaultVariants: {
@@ -285,18 +287,15 @@ var __webpack_modules__ = {
         Flex.displayName = 'Flex';
         const flex_Flex = Flex;
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -364,6 +363,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -382,6 +387,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -415,7 +429,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var Flex = __webpack_require__(646);
+    var Flex = __webpack_require__(74);
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,

package/dist/cjs/inline.css

@@ -27,54 +27,62 @@
 }
 
 ._2mmdgz7 {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 ._2mmdgz8 {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 ._2mmdgz9 {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 ._2mmdgza {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 ._2mmdgzb {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 ._2mmdgzc {
-  flex-wrap: nowrap;
+  justify-content: space-around;
 }
 
 ._2mmdgzd {
-  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
 
 ._2mmdgze {
-  gap: var(--vinyasa-space1);
+  flex-wrap: nowrap;
 }
 
 ._2mmdgzf {
-  gap: var(--vinyasa-space2);
+  flex-wrap: wrap;
 }
 
 ._2mmdgzg {
-  gap: var(--vinyasa-space3);
+  gap: var(--vinyasa-space1);
 }
 
 ._2mmdgzh {
-  gap: var(--vinyasa-space4);
+  gap: var(--vinyasa-space2);
 }
 
 ._2mmdgzi {
-  gap: var(--vinyasa-space5);
+  gap: var(--vinyasa-space3);
 }
 
 ._2mmdgzj {
+  gap: var(--vinyasa-space4);
+}
+
+._2mmdgzk {
+  gap: var(--vinyasa-space5);
+}
+
+._2mmdgzl {
   gap: var(--vinyasa-space6);
 }
 

package/dist/cjs/scroll-area.cjs

@@ -1,17 +1,14 @@
 "use strict";
 var __webpack_modules__ = {
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -79,6 +76,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -97,6 +100,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -131,7 +143,7 @@ var __webpack_exports__ = {};
     var jsx_runtime_ = __webpack_require__(732);
     const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     var corner = '_1mtpkkv4';
     var root = '_1mtpkkv0';
     var scrollbar = '_1mtpkkv2';