@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/layout/row.js

@@ -1,50 +1,218 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../../lib/index.js";
 import { buildLayoutStyles } from "./utils.js";
-const Row = /*#__PURE__*/ forwardRef(({ 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 }, ref)=>{
-    const layoutStyles = buildLayoutStyles({
-        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
-    });
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        className: cn(className),
-        style: {
+const Row = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(77);
+    let align;
+    let children;
+    let className;
+    let flex;
+    let gap;
+    let h;
+    let htmlProps;
+    let justify;
+    let m;
+    let maxH;
+    let maxW;
+    let mb;
+    let minH;
+    let minW;
+    let ml;
+    let mr;
+    let mt;
+    let mx;
+    let my;
+    let overflow;
+    let overflowX;
+    let overflowY;
+    let p;
+    let pb;
+    let pl;
+    let position;
+    let pr;
+    let pt;
+    let px;
+    let py;
+    let style;
+    let t1;
+    let w;
+    let wrap;
+    if ($[0] !== t0) {
+        ({ children, className, style, direction: t1, 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 } = t0);
+        $[0] = t0;
+        $[1] = align;
+        $[2] = children;
+        $[3] = className;
+        $[4] = flex;
+        $[5] = gap;
+        $[6] = h;
+        $[7] = htmlProps;
+        $[8] = justify;
+        $[9] = m;
+        $[10] = maxH;
+        $[11] = maxW;
+        $[12] = mb;
+        $[13] = minH;
+        $[14] = minW;
+        $[15] = ml;
+        $[16] = mr;
+        $[17] = mt;
+        $[18] = mx;
+        $[19] = my;
+        $[20] = overflow;
+        $[21] = overflowX;
+        $[22] = overflowY;
+        $[23] = p;
+        $[24] = pb;
+        $[25] = pl;
+        $[26] = position;
+        $[27] = pr;
+        $[28] = pt;
+        $[29] = px;
+        $[30] = py;
+        $[31] = style;
+        $[32] = t1;
+        $[33] = w;
+        $[34] = wrap;
+    } else {
+        align = $[1];
+        children = $[2];
+        className = $[3];
+        flex = $[4];
+        gap = $[5];
+        h = $[6];
+        htmlProps = $[7];
+        justify = $[8];
+        m = $[9];
+        maxH = $[10];
+        maxW = $[11];
+        mb = $[12];
+        minH = $[13];
+        minW = $[14];
+        ml = $[15];
+        mr = $[16];
+        mt = $[17];
+        mx = $[18];
+        my = $[19];
+        overflow = $[20];
+        overflowX = $[21];
+        overflowY = $[22];
+        p = $[23];
+        pb = $[24];
+        pl = $[25];
+        position = $[26];
+        pr = $[27];
+        pt = $[28];
+        px = $[29];
+        py = $[30];
+        style = $[31];
+        t1 = $[32];
+        w = $[33];
+        wrap = $[34];
+    }
+    const direction = void 0 === t1 ? "row" : t1;
+    let t2;
+    if ($[35] !== align || $[36] !== direction || $[37] !== flex || $[38] !== gap || $[39] !== h || $[40] !== justify || $[41] !== m || $[42] !== maxH || $[43] !== maxW || $[44] !== mb || $[45] !== minH || $[46] !== minW || $[47] !== ml || $[48] !== mr || $[49] !== mt || $[50] !== mx || $[51] !== my || $[52] !== overflow || $[53] !== overflowX || $[54] !== overflowY || $[55] !== p || $[56] !== pb || $[57] !== pl || $[58] !== position || $[59] !== pr || $[60] !== pt || $[61] !== px || $[62] !== py || $[63] !== w || $[64] !== wrap) {
+        t2 = buildLayoutStyles({
+            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
+        });
+        $[35] = align;
+        $[36] = direction;
+        $[37] = flex;
+        $[38] = gap;
+        $[39] = h;
+        $[40] = justify;
+        $[41] = m;
+        $[42] = maxH;
+        $[43] = maxW;
+        $[44] = mb;
+        $[45] = minH;
+        $[46] = minW;
+        $[47] = ml;
+        $[48] = mr;
+        $[49] = mt;
+        $[50] = mx;
+        $[51] = my;
+        $[52] = overflow;
+        $[53] = overflowX;
+        $[54] = overflowY;
+        $[55] = p;
+        $[56] = pb;
+        $[57] = pl;
+        $[58] = position;
+        $[59] = pr;
+        $[60] = pt;
+        $[61] = px;
+        $[62] = py;
+        $[63] = w;
+        $[64] = wrap;
+        $[65] = t2;
+    } else t2 = $[65];
+    const layoutStyles = t2;
+    let t3;
+    if ($[66] !== className) {
+        t3 = cn(className);
+        $[66] = className;
+        $[67] = t3;
+    } else t3 = $[67];
+    let t4;
+    if ($[68] !== layoutStyles || $[69] !== style) {
+        t4 = {
             ...layoutStyles,
             ...style
-        },
-        ...htmlProps,
-        children: children
-    });
+        };
+        $[68] = layoutStyles;
+        $[69] = style;
+        $[70] = t4;
+    } else t4 = $[70];
+    let t5;
+    if ($[71] !== children || $[72] !== htmlProps || $[73] !== ref || $[74] !== t3 || $[75] !== t4) {
+        t5 = /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            className: t3,
+            style: t4,
+            ...htmlProps,
+            children: children
+        });
+        $[71] = children;
+        $[72] = htmlProps;
+        $[73] = ref;
+        $[74] = t3;
+        $[75] = t4;
+        $[76] = t5;
+    } else t5 = $[76];
+    return t5;
 });
 Row.displayName = 'Row';
 export { Row };