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

package/dist/components/ui/hover-card.cjs

@@ -29,18 +29,57 @@ __webpack_require__.d(__webpack_exports__, {
     HoverCardContent: ()=>HoverCardContent
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_hover_card_namespaceObject = require("@radix-ui/react-hover-card");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const HoverCard = react_hover_card_namespaceObject.Root;
 const HoverCardTrigger = react_hover_card_namespaceObject.Trigger;
-const HoverCardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
-        ref: ref,
-        align: align,
-        sideOffset: sideOffset,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]', className),
-        ...props
-    }));
+const HoverCardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(13);
+    let className;
+    let props;
+    let t1;
+    let t2;
+    if ($[0] !== t0) {
+        ({ className, align: t1, sideOffset: t2, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        className = $[1];
+        props = $[2];
+        t1 = $[3];
+        t2 = $[4];
+    }
+    const align = void 0 === t1 ? "center" : t1;
+    const sideOffset = void 0 === t2 ? 4 : t2;
+    let t3;
+    if ($[5] !== className) {
+        t3 = (0, index_cjs_namespaceObject.cn)("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]", className);
+        $[5] = className;
+        $[6] = t3;
+    } else t3 = $[6];
+    let t4;
+    if ($[7] !== align || $[8] !== props || $[9] !== ref || $[10] !== sideOffset || $[11] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            className: t3,
+            ...props
+        });
+        $[7] = align;
+        $[8] = props;
+        $[9] = ref;
+        $[10] = sideOffset;
+        $[11] = t3;
+        $[12] = t4;
+    } else t4 = $[12];
+    return t4;
+});
 HoverCardContent.displayName = react_hover_card_namespaceObject.Content.displayName;
 exports.HoverCard = __webpack_exports__.HoverCard;
 exports.HoverCardContent = __webpack_exports__.HoverCardContent;

package/dist/components/ui/hover-card.js

@@ -1,15 +1,54 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Content, Root, Trigger } from "@radix-ui/react-hover-card";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const HoverCard = Root;
 const HoverCardTrigger = Trigger;
-const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        align: align,
-        sideOffset: sideOffset,
-        className: cn('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]', className),
-        ...props
-    }));
+const HoverCardContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(13);
+    let className;
+    let props;
+    let t1;
+    let t2;
+    if ($[0] !== t0) {
+        ({ className, align: t1, sideOffset: t2, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = t1;
+        $[4] = t2;
+    } else {
+        className = $[1];
+        props = $[2];
+        t1 = $[3];
+        t2 = $[4];
+    }
+    const align = void 0 === t1 ? "center" : t1;
+    const sideOffset = void 0 === t2 ? 4 : t2;
+    let t3;
+    if ($[5] !== className) {
+        t3 = cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]", className);
+        $[5] = className;
+        $[6] = t3;
+    } else t3 = $[6];
+    let t4;
+    if ($[7] !== align || $[8] !== props || $[9] !== ref || $[10] !== sideOffset || $[11] !== t3) {
+        t4 = /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            className: t3,
+            ...props
+        });
+        $[7] = align;
+        $[8] = props;
+        $[9] = ref;
+        $[10] = sideOffset;
+        $[11] = t3;
+        $[12] = t4;
+    } else t4 = $[12];
+    return t4;
+});
 HoverCardContent.displayName = Content.displayName;
 export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/index.cjs

@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./datetime-picker": function(module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog": function(module) {
+    "./dialog": function(module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer": function(module) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./input": function(module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label": function(module) {
+    "./label": function(module) {
         module.exports = require("./label.cjs");
     },
     "./layout": function(module) {
@@ -323,7 +323,7 @@ var __webpack_exports__ = {};
         return _datetime_picker__WEBPACK_IMPORTED_MODULE_18__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _dialog__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("@/components/ui/dialog");
+    var _dialog__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("./dialog");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _dialog__WEBPACK_IMPORTED_MODULE_19__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _dialog__WEBPACK_IMPORTED_MODULE_19__[key];
@@ -371,7 +371,7 @@ var __webpack_exports__ = {};
         return _input__WEBPACK_IMPORTED_MODULE_26__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _label__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__("@/components/ui/label");
+    var _label__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__("./label");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
     for(var __WEBPACK_IMPORT_KEY__ in _label__WEBPACK_IMPORTED_MODULE_27__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
         return _label__WEBPACK_IMPORTED_MODULE_27__[key];

package/dist/components/ui/input.cjs

@@ -27,14 +27,47 @@ __webpack_require__.d(__webpack_exports__, {
     Input: ()=>Input
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
-const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
-        type: type,
-        className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className),
-        ref: ref,
-        ...props
-    }));
+const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(11);
+    let className;
+    let props;
+    let type;
+    if ($[0] !== t0) {
+        ({ className, type, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = type;
+    } else {
+        className = $[1];
+        props = $[2];
+        type = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = (0, utils_cjs_namespaceObject.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1 || $[9] !== type) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+            type: type,
+            className: t1,
+            ref: ref,
+            ...props
+        });
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = type;
+        $[10] = t2;
+    } else t2 = $[10];
+    return t2;
+});
 Input.displayName = 'Input';
 exports.Input = __webpack_exports__.Input;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ui/input.js

@@ -1,11 +1,44 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
-const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
-        type: type,
-        className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className),
-        ref: ref,
-        ...props
-    }));
+const Input = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let props;
+    let type;
+    if ($[0] !== t0) {
+        ({ className, type, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = type;
+    } else {
+        className = $[1];
+        props = $[2];
+        type = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1 || $[9] !== type) {
+        t2 = /*#__PURE__*/ jsx("input", {
+            type: type,
+            className: t1,
+            ref: ref,
+            ...props
+        });
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = type;
+        $[10] = t2;
+    } else t2 = $[10];
+    return t2;
+});
 Input.displayName = 'Input';
 export { Input };

package/dist/components/ui/label.cjs

@@ -27,16 +27,45 @@ __webpack_require__.d(__webpack_exports__, {
     Label: ()=>Label
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_label_namespaceObject = require("@radix-ui/react-label");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)(labelVariants(), className),
-        ...props
-    }));
+const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)(labelVariants(), className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 Label.displayName = react_label_namespaceObject.Root.displayName;
 exports.Label = __webpack_exports__.Label;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ui/label.js

@@ -1,13 +1,42 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Root } from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        ref: ref,
-        className: cn(labelVariants(), className),
-        ...props
-    }));
+const Label = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn(labelVariants(), className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Root, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 Label.displayName = Root.displayName;
 export { Label };

package/dist/components/ui/layout/column.cjs

@@ -27,52 +27,220 @@ __webpack_require__.d(__webpack_exports__, {
     Column: ()=>Column
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
-const Column = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, style, direction = 'column', 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 = (0, external_utils_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)(className),
-        style: {
+const Column = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.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 ? "column" : 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 = (0, external_utils_cjs_namespaceObject.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 = (0, index_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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;
 });
 Column.displayName = 'Column';
 exports.Column = __webpack_exports__.Column;