@uipath/apollo-react 4.0.0 → 4.1.1

package/dist/canvas/layouts/Column.stories.cjs

@@ -1,716 +0,0 @@
-"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__, {
-    Spacing: ()=>Spacing,
-    default: ()=>Column_stories,
-    Interactive: ()=>Interactive,
-    Justification: ()=>Justification,
-    WithGap: ()=>WithGap,
-    Alignment: ()=>Alignment,
-    Basic: ()=>Basic,
-    Sizing: ()=>Sizing,
-    ComplexLayout: ()=>ComplexLayout
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_Stack_cjs_namespaceObject = require("./Stack.cjs");
-const Box = ({ children, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ...props,
-        style: {
-            color: 'var(--color-foreground)',
-            backgroundColor: 'var(--color-background-secondary)',
-            padding: '16px',
-            borderRadius: '4px',
-            border: '1px solid var(--color-border)',
-            minWidth: '60px',
-            textAlign: 'center',
-            ...props.style
-        },
-        children: children
-    });
-const meta = {
-    title: 'Core/Layouts/Column',
-    component: external_Stack_cjs_namespaceObject.Column,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    argTypes: {
-        direction: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'row',
-                'column',
-                'row-reverse',
-                'column-reverse'
-            ]
-        },
-        align: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'start',
-                'end',
-                'center',
-                'stretch',
-                'baseline'
-            ]
-        },
-        justify: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'start',
-                'end',
-                'center',
-                'between',
-                'around',
-                'evenly'
-            ]
-        },
-        wrap: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'nowrap',
-                'wrap',
-                'wrap-reverse'
-            ]
-        },
-        gap: {
-            control: {
-                type: 'number'
-            }
-        },
-        p: {
-            control: {
-                type: 'number'
-            }
-        },
-        m: {
-            control: {
-                type: 'number'
-            }
-        }
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    padding: '16px',
-                    color: 'var(--color-foreground)',
-                    backgroundColor: 'var(--color-background)'
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-            })
-    ]
-};
-const Column_stories = meta;
-const Basic = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-            gap: 8,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 1"
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 2"
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 3"
-                })
-            ]
-        })
-};
-const WithGap = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-            gap: 32,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Gap: 4px"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 4,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "C"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Gap: 16px"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 16,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "C"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Gap: 32px"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 32,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "C"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Alignment = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-            gap: 32,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Align: start"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            align: "start",
-                            gap: 8,
-                            w: 120,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '60px'
-                                    },
-                                    children: "Short"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '90px'
-                                    },
-                                    children: "Medium"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '110px'
-                                    },
-                                    children: "Long"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Align: center"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            align: "center",
-                            gap: 8,
-                            w: 120,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '60px'
-                                    },
-                                    children: "Short"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '90px'
-                                    },
-                                    children: "Medium"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '110px'
-                                    },
-                                    children: "Long"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Align: end"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            align: "end",
-                            gap: 8,
-                            w: 120,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '60px'
-                                    },
-                                    children: "Short"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '90px'
-                                    },
-                                    children: "Medium"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        width: '110px'
-                                    },
-                                    children: "Long"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Align: stretch"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            align: "stretch",
-                            gap: 8,
-                            w: 120,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Stretched"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Stretched"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Stretched"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Justification = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-            gap: 32,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Justify: start"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            justify: "start",
-                            gap: 8,
-                            h: 200,
-                            w: 100,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Justify: center"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            justify: "center",
-                            gap: 8,
-                            h: 200,
-                            w: 100,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Justify: end"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            justify: "end",
-                            gap: 8,
-                            h: 200,
-                            w: 100,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Justify: between"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            justify: "between",
-                            h: 200,
-                            w: 100,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "A"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "B"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "C"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Spacing = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-            gap: 32,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Padding & Margin"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 8,
-                            p: 16,
-                            m: 16,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)',
-                                border: '2px dashed var(--color-border)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Padded"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Content"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Directional"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 8,
-                            pt: 24,
-                            pb: 8,
-                            px: 16,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Custom"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Spacing"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Sizing = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-            gap: 32,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Fixed Size"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 8,
-                            w: 120,
-                            h: 200,
-                            justify: "center",
-                            align: "center",
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)',
-                                border: '1px solid var(--color-border)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "120px"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "wide"
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                            children: "Min/Max Height"
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 8,
-                            w: 120,
-                            minH: 100,
-                            maxH: 300,
-                            p: 16,
-                            style: {
-                                backgroundColor: 'var(--color-background-secondary)',
-                                border: '1px solid var(--color-border)',
-                                resize: 'vertical',
-                                overflow: 'auto'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Resizable"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Height"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const ComplexLayout = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-            gap: 16,
-            p: 16,
-            style: {
-                backgroundColor: 'var(--color-background-secondary)'
-            },
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
-                    children: "Complex Layout Example"
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-                    gap: 16,
-                    justify: "between",
-                    align: "stretch",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 8,
-                            flex: 1,
-                            p: 16,
-                            style: {
-                                backgroundColor: 'var(--color-background)',
-                                borderRadius: '8px',
-                                border: '1px solid var(--color-border)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                                    style: {
-                                        margin: 0
-                                    },
-                                    children: "Sidebar"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Nav Item 1"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Nav Item 2"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    children: "Nav Item 3"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-                            gap: 12,
-                            flex: 3,
-                            p: 16,
-                            style: {
-                                backgroundColor: 'var(--color-background)',
-                                borderRadius: '8px',
-                                border: '1px solid var(--color-border)'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-                                    style: {
-                                        margin: 0
-                                    },
-                                    children: "Main Content"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Row, {
-                                    gap: 12,
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                            children: "Card 1"
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                            children: "Card 2"
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                            children: "Card 3"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                                    style: {
-                                        height: '80px'
-                                    },
-                                    children: "Content Area"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Interactive = {
-    args: {
-        direction: 'column',
-        gap: 8,
-        align: 'start',
-        justify: 'start',
-        wrap: 'nowrap',
-        p: 0,
-        m: 0
-    },
-    render: (args)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_Stack_cjs_namespaceObject.Column, {
-            ...args,
-            style: {
-                backgroundColor: 'var(--color-background-secondary)',
-                minHeight: '100px'
-            },
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 1"
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 2"
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box, {
-                    children: "Item 3"
-                })
-            ]
-        })
-};
-exports.Alignment = __webpack_exports__.Alignment;
-exports.Basic = __webpack_exports__.Basic;
-exports.ComplexLayout = __webpack_exports__.ComplexLayout;
-exports.Interactive = __webpack_exports__.Interactive;
-exports.Justification = __webpack_exports__.Justification;
-exports.Sizing = __webpack_exports__.Sizing;
-exports.Spacing = __webpack_exports__.Spacing;
-exports.WithGap = __webpack_exports__.WithGap;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Alignment",
-    "Basic",
-    "ComplexLayout",
-    "Interactive",
-    "Justification",
-    "Sizing",
-    "Spacing",
-    "WithGap",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});