@cirkay-eng/cirkay-components 0.9.23 → 0.9.24-beta.2

package/dist/node_modules/.pnpm/@pushengineering_push-web-components@3.4.47_@floating-ui_utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/box.js

@@ -0,0 +1,299 @@
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.34.6_tslib@2.8.1_typescript@5.7.3/node_modules/tslib/tslib.es6.js';
+import { classMap as e } from '../../../../../../../lit-html@3.3.0/node_modules/lit-html/directives/class-map.js';
+import { css, html } from 'lit';
+import { mergeCSSShorthandPaddingArrays, paddingToRem, commaStrToPaddingShorthandArray } from '../../internal/paddingTransformations.js';
+import { property as n } from '../../../../../../../@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js';
+import { state as r } from '../../../../../../../@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js';
+import { styleMap as o } from '../../../../../../../lit-html@3.3.0/node_modules/lit-html/directives/style-map.js';
+import PushElement from '../../internal/push-element.js';
+import { global } from '../../styles/global.js';
+import { mergeStyles } from '../../internal/mergeStyles.js';
+
+class Box extends PushElement {
+    constructor() {
+        super(...arguments);
+        this.adaptivePadding = false;
+        this.colorBlend = false;
+        this.blendDirection = 'to-top';
+        this.border = false;
+        this.isPaddingType = () => {
+            if (this._cssShorthandPadding && this.adaptivePadding) {
+                return 'box--adaptive-padding';
+            }
+            else if (this._cssShorthandPadding !== undefined && !this.adaptivePadding) {
+                return 'box--fixed-padding';
+            }
+            else {
+                return 'box--token-padding';
+            }
+        };
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('padding') ||
+            changedProperties.has('paddingTop') ||
+            changedProperties.has('paddingRight') ||
+            changedProperties.has('paddingBottom') ||
+            changedProperties.has('paddingLeft') ||
+            changedProperties.has('mobilePadding')) {
+            const newCssShorthandPadding = mergeCSSShorthandPaddingArrays(this.getShorthandPaddingArrays());
+            const newMobilePadding = paddingToRem(this.mobilePadding);
+            if (newCssShorthandPadding !== this._cssShorthandPadding) {
+                this._cssShorthandPadding = newCssShorthandPadding;
+            }
+            if (newMobilePadding !== this._mobilePadding) {
+                this._mobilePadding = newMobilePadding;
+            }
+        }
+    }
+    getShorthandPaddingArrays() {
+        const mergedShorthandPadding = [];
+        if (this.padding) {
+            const mainPaddingShorthand = commaStrToPaddingShorthandArray(this.padding);
+            if (mainPaddingShorthand) {
+                mergedShorthandPadding.push(...mergedShorthandPadding, mainPaddingShorthand);
+            }
+        }
+        if (this.paddingTop || this.paddingRight || this.paddingBottom || this.paddingLeft) {
+            mergedShorthandPadding.push(...mergedShorthandPadding, [
+                this.paddingTop !== undefined ? this.paddingTop : '',
+                this.paddingRight !== undefined ? this.paddingRight : '',
+                this.paddingBottom !== undefined ? this.paddingBottom : '',
+                this.paddingLeft !== undefined ? this.paddingLeft : '',
+            ]);
+        }
+        if (mergedShorthandPadding.length) {
+            return mergedShorthandPadding;
+        }
+        return undefined;
+    }
+    boxStyles() {
+        let styles = {};
+        if (this.maxWidth !== undefined && this.maxWidth > 0) {
+            this.style.maxWidth = this.maxWidth / 16 + 'rem';
+        }
+        else if (this.maxWidth !== undefined && this.maxWidth <= 0) {
+            this.style.maxWidth = '100%';
+        }
+        if (this._cssShorthandPadding) {
+            styles = {
+                ...styles,
+                '--pu-space-padding-top': this._cssShorthandPadding.unitless.top,
+                '--pu-space-padding-right': this._cssShorthandPadding.unitless.right,
+                '--pu-space-padding-bottom': this._cssShorthandPadding.unitless.bottom,
+                '--pu-space-padding-left': this._cssShorthandPadding.unitless.left,
+                '--pu-space-padding-top-rem': this._cssShorthandPadding.rem.top,
+                '--pu-space-padding-right-rem': this._cssShorthandPadding.rem.right,
+                '--pu-space-padding-bottom-rem': this._cssShorthandPadding.rem.bottom,
+                '--pu-space-padding-left-rem': this._cssShorthandPadding.rem.left,
+            };
+        }
+        if (this._mobilePadding) {
+            styles = {
+                ...styles,
+                '--pu-space-padding-mobile': this._mobilePadding,
+            };
+        }
+        return styles;
+    }
+    render() {
+        const paddingType = this.isPaddingType();
+        return html `
+            <div
+                class="box${e({
+            [`${paddingType}`]: true,
+            'box--border': this.border ? true : false,
+            'box--gradient': this.colorBlend,
+            [`box--gradient-${this.blendDirection}`]: this.colorBlend,
+        })}"
+                style="${o(this.boxStyles())}"
+                part="box">
+                <div class="box__content" part="box-content">
+                    <slot></slot>
+                </div>
+            </div>
+        `;
+    }
+}
+Box.styles = mergeStyles([
+    global,
+    css `
+            /* Box width */
+            :host,
+            :host([fit='fill']) {
+                display: block;
+                width: var(--pu-size-width, 100%);
+            }
+            :host([fit='fit-content']) {
+                width: fit-content;
+            }
+            :host([fit='auto']) {
+                width: auto;
+            }
+            @media only screen and (max-width: 48rem) {
+                :host,
+                :host([mobileFit='fill']) {
+                    display: block;
+                    width: var(--pu-size-width, 100%);
+                }
+                :host([mobileFit='fit-content']) {
+                    width: fit-content;
+                }
+                :host([mobileFit='auto']) {
+                    width: auto;
+                }
+            }
+
+            .box {
+                height: 100%;
+            }
+            .box__content {
+                border-radius: var(--pu-border-base-corner-radius, 0);
+                color: var(--pu-color-box-text, var(--pu-color-base-text, rgb(0, 0, 0)));
+                background-color: var(
+                    --pu-color-box-background,
+                    var(--pu-color-base-background, rgb(255, 255, 255, 0))
+                );
+                height: 100%;
+            }
+            .box--border .box__content {
+                border-width: var(--pu-border-base-width, 0.0625rem);
+                border-style: solid;
+                border-color: var(--pu-color-base-border, rgb(0, 0, 0, 0.3));
+            }
+
+            @supports (color: rgb(from white r g b)) {
+                .box--border .box__content {
+                    border-color: rgb(from var(--pu-color-base-border, rgb(0, 0, 0, 0.3)) r g b / alpha);
+                }
+                .box__content {
+                    color: rgb(from var(--pu-color-box-text, var(--pu-color-base-text, rgb(0, 0, 0))) r g b / alpha);
+                    background-color: rgb(
+                        from var(--pu-color-box-background, var(--pu-color-base-background, rgb(255, 255, 255, 0))) r g b / alpha
+                    );
+                }
+            }
+
+            /* Gradient background */
+            .box--gradient .box__content {
+                background-color: transparent;
+            }
+            .box--gradient.box--gradient-to-top .box__content {
+                background-image: linear-gradient(
+                    to top,
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)
+                );
+            }
+            .box--gradient.box--gradient-to-bottom .box__content {
+                background-image: linear-gradient(
+                    to bottom,
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)
+                );
+            }
+            .box--gradient.box--gradient-to-left .box__content {
+                background-image: linear-gradient(
+                    to left,
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)
+                );
+            }
+            .box--gradient.box--gradient-to-right .box__content {
+                background-image: linear-gradient(
+                    to right,
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),
+                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)
+                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)
+                );
+            }
+
+            /* Adaptive padding */
+            .box--adaptive-padding .box__content {
+                padding-top: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-top-rem));
+                padding-right: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-right-rem));
+                padding-bottom: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-bottom-rem));
+                padding-left: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-left-rem));
+            }
+
+            /* Fixed padding */
+            .box--fixed-padding .box__content {
+                padding-top: var(--pu-space-padding-top-rem);
+                padding-right: var(--pu-space-padding-right-rem);
+                padding-bottom: var(--pu-space-padding-bottom-rem);
+                padding-left: var(--pu-space-padding-left-rem);
+            }
+            .box--token-padding .box__content {
+                padding: var(--pu-space-padding, 1.5rem);
+            }
+
+            @media only screen and (max-width: 48rem) {
+                .box__content,
+                .box--token-padding .box__content,
+                .box--adaptive-padding .box__content,
+                .box--fixed-padding .box__content {
+                    padding: var(--pu-space-padding-mobile, 1rem);
+                }
+            }
+        `,
+]);
+__decorate([
+    n({ type: Number })
+], Box.prototype, "maxWidth", void 0);
+__decorate([
+    n()
+], Box.prototype, "padding", void 0);
+__decorate([
+    n()
+], Box.prototype, "mobilePadding", void 0);
+__decorate([
+    n()
+], Box.prototype, "paddingTop", void 0);
+__decorate([
+    n()
+], Box.prototype, "paddingRight", void 0);
+__decorate([
+    n()
+], Box.prototype, "paddingBottom", void 0);
+__decorate([
+    n()
+], Box.prototype, "paddingLeft", void 0);
+__decorate([
+    n({ type: Boolean })
+], Box.prototype, "adaptivePadding", void 0);
+__decorate([
+    n({ type: Boolean })
+], Box.prototype, "colorBlend", void 0);
+__decorate([
+    n()
+], Box.prototype, "blendDirection", void 0);
+__decorate([
+    n({ type: Boolean })
+], Box.prototype, "border", void 0);
+__decorate([
+    r()
+], Box.prototype, "_cssShorthandPadding", void 0);
+__decorate([
+    r()
+], Box.prototype, "_mobilePadding", void 0);
+
+export { Box as default };
+//# sourceMappingURL=box.js.map

package/dist/node_modules/.pnpm/@pushengineering_push-web-components@3.4.47_@floating-ui_utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/@pushengineering+push-web-components@3.4.47_@floating-ui+utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/box.js"],"sourcesContent":["import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.34.6_tslib@2.8.1_typescript@5.7.3/node_modules/tslib/tslib.es6.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { css, html } from 'lit';\nimport { mergeCSSShorthandPaddingArrays, paddingToRem, commaStrToPaddingShorthandArray } from '../../internal/paddingTransformations.js';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport PushElement from '../../internal/push-element.js';\nimport { global } from '../../styles/global.js';\nimport { mergeStyles } from '../../internal/mergeStyles.js';\n\nclass Box extends PushElement {\n    constructor() {\n        super(...arguments);\n        this.adaptivePadding = false;\n        this.colorBlend = false;\n        this.blendDirection = 'to-top';\n        this.border = false;\n        this.isPaddingType = () => {\n            if (this._cssShorthandPadding && this.adaptivePadding) {\n                return 'box--adaptive-padding';\n            }\n            else if (this._cssShorthandPadding !== undefined && !this.adaptivePadding) {\n                return 'box--fixed-padding';\n            }\n            else {\n                return 'box--token-padding';\n            }\n        };\n    }\n    willUpdate(changedProperties) {\n        if (changedProperties.has('padding') ||\n            changedProperties.has('paddingTop') ||\n            changedProperties.has('paddingRight') ||\n            changedProperties.has('paddingBottom') ||\n            changedProperties.has('paddingLeft') ||\n            changedProperties.has('mobilePadding')) {\n            const newCssShorthandPadding = mergeCSSShorthandPaddingArrays(this.getShorthandPaddingArrays());\n            const newMobilePadding = paddingToRem(this.mobilePadding);\n            if (newCssShorthandPadding !== this._cssShorthandPadding) {\n                this._cssShorthandPadding = newCssShorthandPadding;\n            }\n            if (newMobilePadding !== this._mobilePadding) {\n                this._mobilePadding = newMobilePadding;\n            }\n        }\n    }\n    getShorthandPaddingArrays() {\n        const mergedShorthandPadding = [];\n        if (this.padding) {\n            const mainPaddingShorthand = commaStrToPaddingShorthandArray(this.padding);\n            if (mainPaddingShorthand) {\n                mergedShorthandPadding.push(...mergedShorthandPadding, mainPaddingShorthand);\n            }\n        }\n        if (this.paddingTop || this.paddingRight || this.paddingBottom || this.paddingLeft) {\n            mergedShorthandPadding.push(...mergedShorthandPadding, [\n                this.paddingTop !== undefined ? this.paddingTop : '',\n                this.paddingRight !== undefined ? this.paddingRight : '',\n                this.paddingBottom !== undefined ? this.paddingBottom : '',\n                this.paddingLeft !== undefined ? this.paddingLeft : '',\n            ]);\n        }\n        if (mergedShorthandPadding.length) {\n            return mergedShorthandPadding;\n        }\n        return undefined;\n    }\n    boxStyles() {\n        let styles = {};\n        if (this.maxWidth !== undefined && this.maxWidth > 0) {\n            this.style.maxWidth = this.maxWidth / 16 + 'rem';\n        }\n        else if (this.maxWidth !== undefined && this.maxWidth <= 0) {\n            this.style.maxWidth = '100%';\n        }\n        if (this._cssShorthandPadding) {\n            styles = {\n                ...styles,\n                '--pu-space-padding-top': this._cssShorthandPadding.unitless.top,\n                '--pu-space-padding-right': this._cssShorthandPadding.unitless.right,\n                '--pu-space-padding-bottom': this._cssShorthandPadding.unitless.bottom,\n                '--pu-space-padding-left': this._cssShorthandPadding.unitless.left,\n                '--pu-space-padding-top-rem': this._cssShorthandPadding.rem.top,\n                '--pu-space-padding-right-rem': this._cssShorthandPadding.rem.right,\n                '--pu-space-padding-bottom-rem': this._cssShorthandPadding.rem.bottom,\n                '--pu-space-padding-left-rem': this._cssShorthandPadding.rem.left,\n            };\n        }\n        if (this._mobilePadding) {\n            styles = {\n                ...styles,\n                '--pu-space-padding-mobile': this._mobilePadding,\n            };\n        }\n        return styles;\n    }\n    render() {\n        const paddingType = this.isPaddingType();\n        return html `\n            <div\n                class=\"box${classMap({\n            [`${paddingType}`]: true,\n            'box--border': this.border ? true : false,\n            'box--gradient': this.colorBlend,\n            [`box--gradient-${this.blendDirection}`]: this.colorBlend,\n        })}\"\n                style=\"${styleMap(this.boxStyles())}\"\n                part=\"box\">\n                <div class=\"box__content\" part=\"box-content\">\n                    <slot></slot>\n                </div>\n            </div>\n        `;\n    }\n}\nBox.styles = mergeStyles([\n    global,\n    css `\n            /* Box width */\n            :host,\n            :host([fit='fill']) {\n                display: block;\n                width: var(--pu-size-width, 100%);\n            }\n            :host([fit='fit-content']) {\n                width: fit-content;\n            }\n            :host([fit='auto']) {\n                width: auto;\n            }\n            @media only screen and (max-width: 48rem) {\n                :host,\n                :host([mobileFit='fill']) {\n                    display: block;\n                    width: var(--pu-size-width, 100%);\n                }\n                :host([mobileFit='fit-content']) {\n                    width: fit-content;\n                }\n                :host([mobileFit='auto']) {\n                    width: auto;\n                }\n            }\n\n            .box {\n                height: 100%;\n            }\n            .box__content {\n                border-radius: var(--pu-border-base-corner-radius, 0);\n                color: var(--pu-color-box-text, var(--pu-color-base-text, rgb(0, 0, 0)));\n                background-color: var(\n                    --pu-color-box-background,\n                    var(--pu-color-base-background, rgb(255, 255, 255, 0))\n                );\n                height: 100%;\n            }\n            .box--border .box__content {\n                border-width: var(--pu-border-base-width, 0.0625rem);\n                border-style: solid;\n                border-color: var(--pu-color-base-border, rgb(0, 0, 0, 0.3));\n            }\n\n            @supports (color: rgb(from white r g b)) {\n                .box--border .box__content {\n                    border-color: rgb(from var(--pu-color-base-border, rgb(0, 0, 0, 0.3)) r g b / alpha);\n                }\n                .box__content {\n                    color: rgb(from var(--pu-color-box-text, var(--pu-color-base-text, rgb(0, 0, 0))) r g b / alpha);\n                    background-color: rgb(\n                        from var(--pu-color-box-background, var(--pu-color-base-background, rgb(255, 255, 255, 0))) r g b / alpha\n                    );\n                }\n            }\n\n            /* Gradient background */\n            .box--gradient .box__content {\n                background-color: transparent;\n            }\n            .box--gradient.box--gradient-to-top .box__content {\n                background-image: linear-gradient(\n                    to top,\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)\n                );\n            }\n            .box--gradient.box--gradient-to-bottom .box__content {\n                background-image: linear-gradient(\n                    to bottom,\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)\n                );\n            }\n            .box--gradient.box--gradient-to-left .box__content {\n                background-image: linear-gradient(\n                    to left,\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)\n                );\n            }\n            .box--gradient.box--gradient-to-right .box__content {\n                background-image: linear-gradient(\n                    to right,\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 1) 0%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.3) 50%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.15) 65%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.075) 75.5%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.037) 82.85%),\n                    rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0.019) 88%)\n                        rgb(from var(--pu-color-box-background, var(--pu-color-base-background) r g b / 0) 100%)\n                );\n            }\n\n            /* Adaptive padding */\n            .box--adaptive-padding .box__content {\n                padding-top: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-top-rem));\n                padding-right: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-right-rem));\n                padding-bottom: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-bottom-rem));\n                padding-left: clamp(1rem, 100vw * 0.04, var(--pu-space-padding-left-rem));\n            }\n\n            /* Fixed padding */\n            .box--fixed-padding .box__content {\n                padding-top: var(--pu-space-padding-top-rem);\n                padding-right: var(--pu-space-padding-right-rem);\n                padding-bottom: var(--pu-space-padding-bottom-rem);\n                padding-left: var(--pu-space-padding-left-rem);\n            }\n            .box--token-padding .box__content {\n                padding: var(--pu-space-padding, 1.5rem);\n            }\n\n            @media only screen and (max-width: 48rem) {\n                .box__content,\n                .box--token-padding .box__content,\n                .box--adaptive-padding .box__content,\n                .box--fixed-padding .box__content {\n                    padding: var(--pu-space-padding-mobile, 1rem);\n                }\n            }\n        `,\n]);\n__decorate([\n    property({ type: Number })\n], Box.prototype, \"maxWidth\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"padding\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"mobilePadding\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"paddingTop\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"paddingRight\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"paddingBottom\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"paddingLeft\", void 0);\n__decorate([\n    property({ type: Boolean })\n], Box.prototype, \"adaptivePadding\", void 0);\n__decorate([\n    property({ type: Boolean })\n], Box.prototype, \"colorBlend\", void 0);\n__decorate([\n    property()\n], Box.prototype, \"blendDirection\", void 0);\n__decorate([\n    property({ type: Boolean })\n], Box.prototype, \"border\", void 0);\n__decorate([\n    state()\n], Box.prototype, \"_cssShorthandPadding\", void 0);\n__decorate([\n    state()\n], Box.prototype, \"_mobilePadding\", void 0);\n\nexport { Box as default };\n//# sourceMappingURL=box.js.map\n"],"names":["classMap","styleMap","property","state"],"mappings":"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AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC;AACT,CAAC,CAAC;AACF,UAAU,CAAC;AACX,IAAIC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAC7B,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC;AACrC,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;AACpC,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,CAAC;AAC1C,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC;AACvC,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,MAAM,CAAC;AACzC,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,CAAC;AAC1C,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC;AACxC,UAAU,CAAC;AACX,IAAIA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9B,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,iBAAiB,EAAE,MAAM,CAAC;AAC5C,UAAU,CAAC;AACX,IAAIA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9B,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC;AACvC,UAAU,CAAC;AACX,IAAIA,CAAQ;AACZ,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,CAAC;AAC3C,UAAU,CAAC;AACX,IAAIA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9B,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;AACnC,UAAU,CAAC;AACX,IAAIC,CAAK;AACT,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,sBAAsB,EAAE,MAAM,CAAC;AACjD,UAAU,CAAC;AACX,IAAIA,CAAK;AACT,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/@pushengineering_push-web-components@3.4.47_@floating-ui_utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/index.js

@@ -0,0 +1,6 @@
+import Box from './box.js';
+
+Box.define('pu-box');
+
+export { Box as default };
+//# sourceMappingURL=index.js.map

package/dist/node_modules/.pnpm/@pushengineering_push-web-components@3.4.47_@floating-ui_utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../../../../node_modules/.pnpm/@pushengineering+push-web-components@3.4.47_@floating-ui+utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/box/index.js"],"sourcesContent":["import Box from './box.js';\n\nBox.define('pu-box');\n\nexport { Box as default };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;AAEA,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/@pushengineering_push-web-components@3.4.47_@floating-ui_utils@0.2.9_lit@3.3.0/node_modules/@pushengineering/push-web-components/dist/components/button/button.js

@@ -0,0 +1,297 @@
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.34.6_tslib@2.8.1_typescript@5.7.3/node_modules/tslib/tslib.es6.js';
+import { classMap as e } from '../../../../../../../lit-html@3.3.0/node_modules/lit-html/directives/class-map.js';
+import { FormControlController, validValidityState } from '../../internal/form-controller.js';
+import { ifDefined as o } from '../../../../../../../lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js';
+import { LitElement, css, html } from 'lit';
+import { mergeStyles } from '../../internal/mergeStyles.js';
+import { property, query, state } from 'lit/decorators.js';
+import { watch } from '../../internal/watch.js';
+import PushElement from '../../internal/push-element.js';
+import { global } from '../../styles/global.js';
+import { buttonMain } from './styles/button-main.js';
+import { buttonPlain } from './styles/button-plain.js';
+import { buttonOutline } from './styles/button-outline.js';
+import { buttonState } from '../../styles/button.js';
+
+class Button extends PushElement {
+    constructor() {
+        super(...arguments);
+        this.formControlController = new FormControlController(this, {
+            assumeInteractionOn: ['click'],
+        });
+        this.type = 'button';
+        this.title = '';
+        this.name = '';
+        this.value = '';
+        this.target = '_self';
+        this.buttonStyle = 'solid';
+        this.textAlign = 'center';
+        this.disabled = false;
+        this.fullWidth = false;
+        this.extendInteraction = false;
+        this.extendInteractionHidden = false;
+        this.loading = false;
+        this.invalid = false;
+    }
+    get validity() {
+        if (this.isFormButton()) {
+            return this.button.validity;
+        }
+        return validValidityState;
+    }
+    get validationMessage() {
+        if (this.isFormButton()) {
+            return this.button.validationMessage;
+        }
+        return '';
+    }
+    firstUpdated() {
+        if (this.isFormButton()) {
+            this.formControlController.updateValidity();
+        }
+    }
+    handleClick() {
+        if (this.disabled) {
+            return;
+        }
+        if (this.type === 'submit') {
+            this.formControlController.submit(this);
+        }
+    }
+    handleInvalid(event) {
+        this.formControlController.setValidity(false);
+        this.formControlController.emitInvalidEvent(event);
+    }
+    handleDisabledChange() {
+        if (this.isFormButton()) {
+            this.formControlController.setValidity(this.disabled);
+        }
+    }
+    click() {
+        this.button.click();
+    }
+    focus(options) {
+        this.button.focus(options);
+    }
+    blur() {
+        this.button.blur();
+    }
+    checkValidity() {
+        if (this.isFormButton()) {
+            return this.button.checkValidity();
+        }
+        return true;
+    }
+    getForm() {
+        return this.formControlController.getForm();
+    }
+    reportValidity() {
+        if (this.isFormButton()) {
+            return this.button.reportValidity();
+        }
+        return true;
+    }
+    setCustomValidity(message) {
+        if (this.isFormButton()) {
+            this.button.setCustomValidity(message);
+            this.formControlController.updateValidity();
+        }
+    }
+    isButton() {
+        return this.type === 'button' ? true : false;
+    }
+    isFormButton() {
+        return this.type === 'submit' ? true : false;
+    }
+    isLink() {
+        return this.url ? true : false;
+    }
+    renderButtonContent() {
+        if (!this.loading) {
+            return html `
+                <span class="button__label">
+                    <slot> Label </slot>
+                    <slot name="label"></slot>
+                </span>
+            `;
+        }
+        else {
+            return html `
+                <span class="button__label">
+                    <slot> Label </slot>
+                    <slot name="label">Label</slot>
+                </span>
+                <span>
+                    <svg
+                        class="button__spinner"
+                        width="16"
+                        height="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                        focusable="false"
+                        role="presentation"
+                        aria-hidden="true"
+                        viewBox="0 0 512 512">
+                        <path
+                            d="M463.9 376c7.6 4.4 17.5 1.8 21.4-6.1c17.1-34.3 26.7-73 26.7-113.9C512 120 405.9 8.8 272 .5c-8.8-.5-16 6.7-16 15.5v0c0 8.8 7.2 15.9 16 16.6C388.2 40.8 480 137.7 480 256c0 35.1-8.1 68.3-22.5 97.9c-3.9 8-1.3 17.7 6.4 22.2v0z" />
+                    </svg>
+                </span>
+            `;
+        }
+    }
+    renderLinkElement() {
+        const linkDisabled = this.disabled;
+        return html `
+            <a
+                part="button"
+                class="${e({
+            button: true,
+            'button--disabled': linkDisabled,
+            'btn--plain': this.buttonStyle === 'plain' ? true : false,
+            'btn--plain-underline': this.buttonStyle === 'plain-underline' ? true : false,
+            'btn--outline': this.buttonStyle === 'outline' ? true : false,
+            'btn--fullwidth': this.fullWidth,
+            'btn--extend': this.extendInteraction,
+            'btn--extend-hidden': this.extendInteractionHidden,
+            'btn--loading': this.loading,
+            [`btn--size-${this.size}`]: !!this.size,
+            [`btn--text-align-${this.textAlign}`]: true,
+        })}"
+                href="${o(this.url)}"
+                target="${o(this.target)}"
+                title=${this.title}
+                @click="${this.handleClick}">
+                ${this.renderButtonContent()}
+            </a>
+        `;
+    }
+    renderButtonElement() {
+        const button = this.isButton();
+        const formButton = this.isFormButton();
+        return html `
+            <button
+                part="button"
+                class="${e({
+            button: true,
+            'btn--plain': this.buttonStyle === 'plain' ? true : false,
+            'btn--plain-underline': this.buttonStyle === 'plain-underline' ? true : false,
+            'btn--outline': this.buttonStyle === 'outline' ? true : false,
+            'btn--fullwidth': this.fullWidth,
+            'btn--extend': this.extendInteraction,
+            'btn--extend-hidden': this.extendInteractionHidden,
+            'btn--loading': this.loading,
+            [`btn--size-${this.size}`]: !!this.size,
+            [`btn--text-align-${this.textAlign}`]: true,
+        })}"
+                type="${o(button || formButton ? this.type : undefined)}"
+                title=${this.title}
+                name="${o(formButton ? this.name : undefined)}"
+                value="${o(formButton ? this.value : undefined)}"
+                form="${o(formButton ? this.form : undefined)}"
+                aria-controls="${o(button ? this.for : undefined)}"
+                ?disabled="${button || formButton ? this.disabled : null}"
+                @invalid=${button || formButton ? this.handleInvalid : null}
+                @click="${this.handleClick}">
+                ${this.renderButtonContent()}
+            </button>
+        `;
+    }
+    render() {
+        const isLink = this.isLink();
+        return html `${isLink ? this.renderLinkElement() : this.renderButtonElement()}`;
+    }
+}
+Button.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+Button.styles = mergeStyles([
+    global,
+    buttonState,
+    buttonMain,
+    buttonOutline,
+    buttonPlain,
+    css `
+            /* Parent */
+            :host([fullwidth]) {
+                width: 100%;
+            }
+
+            :host([extendInteractionHidden]) {
+                display: block;
+                overflow: hidden;
+                width: 0;
+                height: 0 !important;
+                margin: -1px;
+                padding: 0;
+                border: 0;
+                clip: rect(0 0 0 0);
+            }
+
+            .btn--plain > *,
+            .btn--plain-underline > *,
+            .btn--outline > * {
+                /* Child elements */
+                --pu-color-base-text: var(--pu-color-button-background);
+            }
+        `,
+]);
+__decorate([
+    property()
+], Button.prototype, "type", void 0);
+__decorate([
+    property()
+], Button.prototype, "title", void 0);
+__decorate([
+    property()
+], Button.prototype, "name", void 0);
+__decorate([
+    property()
+], Button.prototype, "value", void 0);
+__decorate([
+    property()
+], Button.prototype, "form", void 0);
+__decorate([
+    property()
+], Button.prototype, "for", void 0);
+__decorate([
+    property()
+], Button.prototype, "url", void 0);
+__decorate([
+    property()
+], Button.prototype, "target", void 0);
+__decorate([
+    property()
+], Button.prototype, "size", void 0);
+__decorate([
+    property()
+], Button.prototype, "buttonStyle", void 0);
+__decorate([
+    property()
+], Button.prototype, "textAlign", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Button.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], Button.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], Button.prototype, "extendInteraction", void 0);
+__decorate([
+    property({ type: Boolean })
+], Button.prototype, "extendInteractionHidden", void 0);
+__decorate([
+    property({ type: Boolean })
+], Button.prototype, "loading", void 0);
+__decorate([
+    query('.button')
+], Button.prototype, "button", void 0);
+__decorate([
+    state()
+], Button.prototype, "invalid", void 0);
+__decorate([
+    watch('disabled', { waitUntilFirstUpdate: true })
+], Button.prototype, "handleDisabledChange", null);
+
+export { Button as default };
+//# sourceMappingURL=button.js.map