@vinyasa/layout 1.0.23 → 1.0.25

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',
@@ -238,21 +250,23 @@ var __webpack_exports__ = {};
                 start: 'w86wcg7',
                 center: 'w86wcg8',
                 end: 'w86wcg9',
-                stretch: 'w86wcga'
+                stretch: 'w86wcga',
+                baseline: 'w86wcgb'
             },
             justify: {
-                start: 'w86wcgb',
-                center: 'w86wcgc',
-                end: 'w86wcgd',
-                between: 'w86wcge',
-                around: 'w86wcgf'
+                start: 'w86wcgc',
+                center: 'w86wcgd',
+                end: 'w86wcge',
+                between: 'w86wcgf',
+                around: 'w86wcgg',
+                evenly: 'w86wcgh'
             },
             flow: {
-                row: 'w86wcgg',
-                column: 'w86wcgh',
-                dense: 'w86wcgi',
-                'row-dense': 'w86wcgj',
-                'column-dense': 'w86wcgk'
+                row: 'w86wcgi',
+                column: 'w86wcgj',
+                dense: 'w86wcgk',
+                'row-dense': 'w86wcgl',
+                'column-dense': 'w86wcgm'
             }
         },
         defaultVariants: {},

package/dist/cjs/grid.css

@@ -43,42 +43,50 @@
 }
 
 .w86wcgb {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 .w86wcgc {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 .w86wcgd {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 .w86wcge {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 .w86wcgf {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 .w86wcgg {
-  grid-auto-flow: row;
+  justify-content: space-around;
 }
 
 .w86wcgh {
-  grid-auto-flow: column;
+  justify-content: space-evenly;
 }
 
 .w86wcgi {
-  grid-auto-flow: dense;
+  grid-auto-flow: row;
 }
 
 .w86wcgj {
-  grid-auto-flow: row dense;
+  grid-auto-flow: column;
 }
 
 .w86wcgk {
+  grid-auto-flow: dense;
+}
+
+.w86wcgl {
+  grid-auto-flow: row dense;
+}
+
+.w86wcgm {
   grid-auto-flow: column dense;
 }
 

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,19 +909,19 @@ 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
         });
     },
-    13 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    52 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             default: ()=>components_grid
         });
         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',
@@ -934,21 +938,23 @@ var __webpack_modules__ = {
                     start: 'w86wcg7',
                     center: 'w86wcg8',
                     end: 'w86wcg9',
-                    stretch: 'w86wcga'
+                    stretch: 'w86wcga',
+                    baseline: 'w86wcgb'
                 },
                 justify: {
-                    start: 'w86wcgb',
-                    center: 'w86wcgc',
-                    end: 'w86wcgd',
-                    between: 'w86wcge',
-                    around: 'w86wcgf'
+                    start: 'w86wcgc',
+                    center: 'w86wcgd',
+                    end: 'w86wcge',
+                    between: 'w86wcgf',
+                    around: 'w86wcgg',
+                    evenly: 'w86wcgh'
                 },
                 flow: {
-                    row: 'w86wcgg',
-                    column: 'w86wcgh',
-                    dense: 'w86wcgi',
-                    'row-dense': 'w86wcgj',
-                    'column-dense': 'w86wcgk'
+                    row: 'w86wcgi',
+                    column: 'w86wcgj',
+                    dense: 'w86wcgk',
+                    'row-dense': 'w86wcgl',
+                    'column-dense': 'w86wcgm'
                 }
             },
             defaultVariants: {},
@@ -1112,7 +1118,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 +1174,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 +1427,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 +1465,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 +1625,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 +1701,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 +1725,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)=>{
@@ -1750,7 +1768,7 @@ var __webpack_exports__ = {};
     var _components_container__rspack_import_3 = __webpack_require__(445);
     var _components_divider__rspack_import_4 = __webpack_require__(635);
     var _components_flex__rspack_import_5 = __webpack_require__(205);
-    var _components_grid__rspack_import_6 = __webpack_require__(13);
+    var _components_grid__rspack_import_6 = __webpack_require__(52);
     var _components_inline__rspack_import_7 = __webpack_require__(685);
     var _components_portal__rspack_import_8 = __webpack_require__(4);
     var _components_scroll_area__rspack_import_9 = __webpack_require__(778);

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);
 }
 
@@ -170,42 +178,50 @@
 }
 
 .w86wcgb {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 .w86wcgc {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 .w86wcgd {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 .w86wcge {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 .w86wcgf {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 .w86wcgg {
-  grid-auto-flow: row;
+  justify-content: space-around;
 }
 
 .w86wcgh {
-  grid-auto-flow: column;
+  justify-content: space-evenly;
 }
 
 .w86wcgi {
-  grid-auto-flow: dense;
+  grid-auto-flow: row;
 }
 
 .w86wcgj {
-  grid-auto-flow: row dense;
+  grid-auto-flow: column;
 }
 
 .w86wcgk {
+  grid-auto-flow: dense;
+}
+
+.w86wcgl {
+  grid-auto-flow: row dense;
+}
+
+.w86wcgm {
   grid-auto-flow: column dense;
 }