@vinyasa/layout 1.0.19

package/dist/cjs/scroll-area.cjs

@@ -0,0 +1,303 @@
+"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");
+        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
+        };
+        const spacingPropertyMap = [
+            [
+                'm',
+                'margin'
+            ],
+            [
+                'mx',
+                'marginInline'
+            ],
+            [
+                'my',
+                'marginBlock'
+            ],
+            [
+                'mt',
+                'marginTop'
+            ],
+            [
+                'mr',
+                'marginRight'
+            ],
+            [
+                'mb',
+                'marginBottom'
+            ],
+            [
+                'ml',
+                'marginLeft'
+            ],
+            [
+                'p',
+                'padding'
+            ],
+            [
+                'px',
+                'paddingInline'
+            ],
+            [
+                'py',
+                'paddingBlock'
+            ],
+            [
+                'pt',
+                'paddingTop'
+            ],
+            [
+                'pr',
+                'paddingRight'
+            ],
+            [
+                'pb',
+                'paddingBottom'
+            ],
+            [
+                'pl',
+                'paddingLeft'
+            ]
+        ];
+        const resolveSpacingStyle = (props)=>{
+            const style = {};
+            for (const [propKey, cssProperty] of spacingPropertyMap){
+                const value = props[propKey];
+                if (void 0 !== value) style[cssProperty] = space[value];
+            }
+            return style;
+        };
+    },
+    15 (module) {
+        module.exports = require("react");
+    },
+    732 (module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        default: ()=>scroll_area
+    });
+    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 corner = '_1mtpkkv4';
+    var root = '_1mtpkkv0';
+    var scrollbar = '_1mtpkkv2';
+    var thumb = '_1mtpkkv3';
+    var viewport = '_1mtpkkv1';
+    function _define_property(obj, key, value) {
+        if (key in obj) Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+        else obj[key] = value;
+        return obj;
+    }
+    function _object_spread(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = null != arguments[i] ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+            ownKeys.forEach(function(key) {
+                _define_property(target, key, source[key]);
+            });
+        }
+        return target;
+    }
+    function ScrollArea_ownKeys(object, enumerableOnly) {
+        var keys = Object.keys(object);
+        if (Object.getOwnPropertySymbols) {
+            var symbols = Object.getOwnPropertySymbols(object);
+            if (enumerableOnly) symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+            keys.push.apply(keys, symbols);
+        }
+        return keys;
+    }
+    function _object_spread_props(target, source) {
+        source = null != source ? source : {};
+        if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else ScrollArea_ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+        return target;
+    }
+    function _object_without_properties(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys, key, i;
+        if ("u" > typeof Reflect && Reflect.ownKeys) {
+            sourceKeys = Reflect.ownKeys(Object(source));
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+            return target;
+        }
+        target = _object_without_properties_loose(source, excluded);
+        if (Object.getOwnPropertySymbols) {
+            sourceKeys = Object.getOwnPropertySymbols(source);
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    }
+    function _object_without_properties_loose(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    const ScrollArea = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
+        let _ref = [
+            _0,
+            _1
+        ], [_ref1, ..._rest] = _ref, { maxHeight, maxWidth, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = _object_without_properties(_ref1, [
+            "maxHeight",
+            "maxWidth",
+            "m",
+            "mt",
+            "mr",
+            "mb",
+            "ml",
+            "mx",
+            "my",
+            "p",
+            "pt",
+            "pr",
+            "pb",
+            "pl",
+            "px",
+            "py",
+            "className",
+            "style",
+            "children"
+        ]), [ref] = _rest;
+        const classes = className ? `${root} ${className}` : root;
+        const computedStyle = _object_spread(_object_spread_props(_object_spread({}, (0, spacing.v)({
+            m,
+            mt,
+            mr,
+            mb,
+            ml,
+            mx,
+            my,
+            p,
+            pt,
+            pr,
+            pb,
+            pl,
+            px,
+            py
+        })), {
+            height: maxHeight,
+            width: maxWidth
+        }), style);
+        return /*#__PURE__*/ (0, jsx_runtime_.jsxs)(react_scroll_area_namespaceObject.Root, _object_spread_props(_object_spread({
+            ref: ref,
+            className: classes,
+            style: computedStyle
+        }, rest), {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Viewport, {
+                    className: viewport,
+                    children: children
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Scrollbar, {
+                    className: scrollbar,
+                    orientation: "vertical",
+                    children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Thumb, {
+                        className: thumb
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Scrollbar, {
+                    className: scrollbar,
+                    orientation: "horizontal",
+                    children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Thumb, {
+                        className: thumb
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_scroll_area_namespaceObject.Corner, {
+                    className: corner
+                })
+            ]
+        }));
+    });
+    ScrollArea.displayName = 'ScrollArea';
+    const scroll_area_ScrollArea = ScrollArea;
+    const scroll_area = scroll_area_ScrollArea;
+})();
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/scroll-area.css

@@ -0,0 +1,59 @@
+._1mtpkkv0 {
+  position: relative;
+  overflow: hidden;
+}
+
+._1mtpkkv1 {
+  border-radius: inherit;
+  width: 100%;
+  height: 100%;
+}
+
+._1mtpkkv2 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  touch-action: none;
+  background: var(--vinyasa-border-color-default);
+  transition: background var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  padding: 2px;
+  display: flex;
+}
+
+._1mtpkkv2[data-orientation="vertical"] {
+  width: 10px;
+}
+
+._1mtpkkv2[data-orientation="horizontal"] {
+  flex-direction: column;
+  height: 10px;
+}
+
+._1mtpkkv3 {
+  border-radius: var(--vinyasa-radius-full);
+  background: var(--vinyasa-border-color-default);
+  transition: background var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex: 1;
+  position: relative;
+}
+
+._1mtpkkv3:hover {
+  background: var(--vinyasa-on-secondary);
+}
+
+._1mtpkkv3:before {
+  content: "";
+  width: 100%;
+  min-width: 44px;
+  height: 100%;
+  min-height: 44px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+._1mtpkkv4 {
+  background: var(--vinyasa-border-color-default);
+}
+

package/dist/cjs/spacer.cjs

@@ -0,0 +1,137 @@
+"use strict";
+var __webpack_modules__ = {
+    15 (module) {
+        module.exports = require("react");
+    },
+    732 (module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        default: ()=>components_spacer
+    });
+    var jsx_runtime_ = __webpack_require__(732);
+    var external_react_ = __webpack_require__(15);
+    var spacer = '_9riydv0';
+    function _define_property(obj, key, value) {
+        if (key in obj) Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+        else obj[key] = value;
+        return obj;
+    }
+    function _object_spread(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = null != arguments[i] ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+            ownKeys.forEach(function(key) {
+                _define_property(target, key, source[key]);
+            });
+        }
+        return target;
+    }
+    function _object_without_properties(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys, key, i;
+        if ("u" > typeof Reflect && Reflect.ownKeys) {
+            sourceKeys = Reflect.ownKeys(Object(source));
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+            return target;
+        }
+        target = _object_without_properties_loose(source, excluded);
+        if (Object.getOwnPropertySymbols) {
+            sourceKeys = Object.getOwnPropertySymbols(source);
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    }
+    function _object_without_properties_loose(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    const Spacer = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
+        let _ref = [
+            _0,
+            _1
+        ], [_ref1, ..._rest] = _ref, { className } = _ref1, rest = _object_without_properties(_ref1, [
+            "className"
+        ]), [ref] = _rest;
+        const classes = className ? `${spacer} ${className}` : spacer;
+        return /*#__PURE__*/ (0, jsx_runtime_.jsx)("div", _object_spread({
+            ref: ref,
+            "aria-hidden": "true",
+            className: classes
+        }, rest));
+    });
+    Spacer.displayName = 'Spacer';
+    const spacer_Spacer = Spacer;
+    const components_spacer = spacer_Spacer;
+})();
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/spacer.css

@@ -0,0 +1,4 @@
+._9riydv0 {
+  flex: 1 0;
+}
+