"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __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__, {
    Column: ()=>Column,
    Row: ()=>Row
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const external_react_namespaceObject = require("react");
const external_core_cjs_namespaceObject = require("./core.cjs");
const Stack = ({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps })=>{
    const dynamicStyle = (0, external_react_namespaceObject.useMemo)(()=>({
            display: 'flex',
            flexDirection: direction,
            ...wrap && {
                flexWrap: wrap
            },
            ...void 0 !== flex && {
                flex
            },
            ...void 0 !== gap && {
                gap: (0, external_core_cjs_namespaceObject.calcSpacingPx)(gap)
            },
            ...justify && {
                justifyContent: external_core_cjs_namespaceObject.justifyMap[justify]
            },
            ...align && {
                alignItems: external_core_cjs_namespaceObject.alignMap[align]
            },
            ...void 0 !== w && {
                width: (0, external_core_cjs_namespaceObject.calcSpacingPx)(w)
            },
            ...void 0 !== h && {
                height: (0, external_core_cjs_namespaceObject.calcSpacingPx)(h)
            },
            ...void 0 !== maxW && {
                maxWidth: (0, external_core_cjs_namespaceObject.calcSpacingPx)(maxW)
            },
            ...void 0 !== minW && {
                minWidth: (0, external_core_cjs_namespaceObject.calcSpacingPx)(minW)
            },
            ...void 0 !== maxH && {
                maxHeight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(maxH)
            },
            ...void 0 !== minH && {
                minHeight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(minH)
            },
            ...overflow && {
                overflow
            },
            ...overflowX && {
                overflowX
            },
            ...overflowY && {
                overflowY
            },
            ...position && {
                position
            },
            ...void 0 !== p && {
                padding: (0, external_core_cjs_namespaceObject.calcSpacingPx)(p)
            },
            ...void 0 !== pt && {
                paddingTop: (0, external_core_cjs_namespaceObject.calcSpacingPx)(pt)
            },
            ...void 0 !== pb && {
                paddingBottom: (0, external_core_cjs_namespaceObject.calcSpacingPx)(pb)
            },
            ...void 0 !== pl && {
                paddingLeft: (0, external_core_cjs_namespaceObject.calcSpacingPx)(pl)
            },
            ...void 0 !== pr && {
                paddingRight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(pr)
            },
            ...void 0 !== px && !pl && {
                paddingLeft: (0, external_core_cjs_namespaceObject.calcSpacingPx)(px)
            },
            ...void 0 !== px && !pr && {
                paddingRight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(px)
            },
            ...void 0 !== py && !pt && {
                paddingTop: (0, external_core_cjs_namespaceObject.calcSpacingPx)(py)
            },
            ...void 0 !== py && !pb && {
                paddingBottom: (0, external_core_cjs_namespaceObject.calcSpacingPx)(py)
            },
            ...void 0 !== m && {
                margin: (0, external_core_cjs_namespaceObject.calcSpacingPx)(m)
            },
            ...void 0 !== mt && {
                marginTop: (0, external_core_cjs_namespaceObject.calcSpacingPx)(mt)
            },
            ...void 0 !== mb && {
                marginBottom: (0, external_core_cjs_namespaceObject.calcSpacingPx)(mb)
            },
            ...void 0 !== ml && {
                marginLeft: (0, external_core_cjs_namespaceObject.calcSpacingPx)(ml)
            },
            ...void 0 !== mr && {
                marginRight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(mr)
            },
            ...void 0 !== mx && !ml && {
                marginLeft: (0, external_core_cjs_namespaceObject.calcSpacingPx)(mx)
            },
            ...void 0 !== mx && !mr && {
                marginRight: (0, external_core_cjs_namespaceObject.calcSpacingPx)(mx)
            },
            ...void 0 !== my && !mt && {
                marginTop: (0, external_core_cjs_namespaceObject.calcSpacingPx)(my)
            },
            ...void 0 !== my && !mb && {
                marginBottom: (0, external_core_cjs_namespaceObject.calcSpacingPx)(my)
            },
            ...style
        }), [
        direction,
        align,
        justify,
        wrap,
        gap,
        flex,
        w,
        h,
        maxW,
        minW,
        maxH,
        minH,
        overflow,
        overflowX,
        overflowY,
        position,
        p,
        pt,
        pb,
        pl,
        pr,
        px,
        py,
        m,
        mt,
        mb,
        ml,
        mr,
        mx,
        my,
        style
    ]);
    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
        className: className,
        style: dynamicStyle,
        ...htmlProps,
        children: children
    });
};
const Row = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
        direction: "row",
        ...props
    });
const Column = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
        direction: "column",
        ...props
    });
exports.Column = __webpack_exports__.Column;
exports.Row = __webpack_exports__.Row;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "Column",
    "Row"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
