@nova-design-system/nova-react 3.0.0-beta.42 → 3.0.0-beta.44

package/dist/cjs/nv-row.entry-BEgyuDR-.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-B_VOAJzk.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '81e601144158d09429560e6d936454485807d92d' }, index.h("slot", { key: 'f58b212ba8c754db2f84bc48468db5a6ee817f59' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-BM_EcSp4.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-CtI3SivD.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '0b27560267e6f5186ca4237658ad35f3a436b70d' }, index.h("slot", { key: 'b2805eb6abe9d02b57f030c91344ecf4927136d8' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-B_7PiJA7.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-CIcUUomJ.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'd6f9bbc1ed59bfc59a97728896c0443c8e104e59' }, index.h("slot", { key: '3d9c1c809524d0a4b9d8ad541ead8978d246c998' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-Ca7LiDAy.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-CDe7nrrW.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '0b27560267e6f5186ca4237658ad35f3a436b70d' }, index.h("slot", { key: 'b2805eb6abe9d02b57f030c91344ecf4927136d8' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-Cy9vd2iY.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-CEWbQ5nh.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '0b27560267e6f5186ca4237658ad35f3a436b70d' }, index.h("slot", { key: 'b2805eb6abe9d02b57f030c91344ecf4927136d8' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-DKoNhAcX.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-BZCQTWfv.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '81e601144158d09429560e6d936454485807d92d' }, index.h("slot", { key: 'f58b212ba8c754db2f84bc48468db5a6ee817f59' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-row.entry-OYGKTXhV.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-wDACGzKb.js');
+require('react');
+
+const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
+const NvRowStyle0 = nvRowCss;
+
+const NvRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '0b27560267e6f5186ca4237658ad35f3a436b70d' }, index.h("slot", { key: 'b2805eb6abe9d02b57f030c91344ecf4927136d8' })));
+    }
+};
+NvRow.style = NvRowStyle0;
+
+exports.nv_row = NvRow;

package/dist/cjs/nv-stack.entry-BNyPxECg.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-wDACGzKb.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '9869c0eaa423e363482bd4685dbd082dfba017f5', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd4b597ec95f71c47edf99d58d22c95a5540e904c' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-C8ZFDaKn.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-CtI3SivD.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '9869c0eaa423e363482bd4685dbd082dfba017f5', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd4b597ec95f71c47edf99d58d22c95a5540e904c' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-CLMAAbkw.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-CDe7nrrW.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '9869c0eaa423e363482bd4685dbd082dfba017f5', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd4b597ec95f71c47edf99d58d22c95a5540e904c' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-DfRRFeEo.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-CEWbQ5nh.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '9869c0eaa423e363482bd4685dbd082dfba017f5', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd4b597ec95f71c47edf99d58d22c95a5540e904c' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-DiXvhuSS.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BZCQTWfv.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'cb020ed488cd43090467bbe122b83b0c714d8606', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd06069ed1efd5e81b4a32dac07c37ce884841c06' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-lwhqS230.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-B_VOAJzk.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'cb020ed488cd43090467bbe122b83b0c714d8606', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd06069ed1efd5e81b4a32dac07c37ce884841c06' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;

package/dist/cjs/nv-stack.entry-u3NjC31-.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-CIcUUomJ.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
+const NvStackStyle0 = nvStackCss;
+
+const NvStack = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Gutter refers to the space that exists between children components inside
+         * the stack container.
+         */
+        this.gutter = 2;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'aef0e6f873f68880d20b5ae9f4f56ece40e8a0ee', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'd003e23ec3c9b4a5c4496bc9f4c170af467b311e' })));
+    }
+};
+NvStack.style = NvStackStyle0;
+
+exports.nv_stack = NvStack;