@xplor-education/core-stencil-components 3.1.2 → 3.1.4

package/dist/components/{p-DbQ6ZNvh.js.map → p-vl-J3tKJ.js.map}

@@ -1 +1 @@
-{"file":"p-DbQ6ZNvh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-tooltip/xplor-tooltip.scss?tag=xplor-tooltip&encapsulation=scoped","src/components/xplor-tooltip/xplor-tooltip.tsx"],"sourcesContent":[":host {\n    display: inline-block;\n    position: relative;\n}\n\n.tooltip-trigger {\n    display: inline-flex;\n    cursor: pointer;\n}\n\n.tooltip {\n    position: fixed;\n    z-index: 9999;\n    background-color: #424242;\n    color: #fff;\n    border-radius: 4px;\n    padding: 0.5rem 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.4;\n    max-width: 300px;\n    word-wrap: break-word;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    pointer-events: none;\n    opacity: 0;\n    animation: tooltipFadeIn 0.2s ease forwards;\n}\n\n@keyframes tooltipFadeIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.tooltip__content {\n    position: relative;\n    z-index: 1;\n}\n\n.tooltip__arrow {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: #424242;\n    z-index: 0;\n}\n\n.tooltip--top .tooltip__arrow {\n    margin-top: -6px;\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--bottom .tooltip__arrow {\n    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--left .tooltip__arrow {\n    margin-left: -6px;\n    display: block;\n    box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--right .tooltip__arrow {\n    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);\n}","import { Component, Host, h, Prop, State, Element, Listen } from '@stencil/core';\n\nlet tooltipIdCounter = 0;\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipTrigger = 'hover' | 'click' | 'manual';\n\n@Component({\n    tag: 'xplor-tooltip',\n    styleUrl: 'xplor-tooltip.scss',\n    scoped: true,\n})\nexport class XplorTooltip {\n    @Element() el: HTMLElement;\n\n    @Prop() position: TooltipPosition = 'top';\n    @Prop() trigger: TooltipTrigger = 'hover';\n    @Prop() arrow: boolean = true;\n    @Prop({ mutable: true }) open: boolean = false;\n    @Prop() content: string;\n    @Prop() disabled: boolean = false;\n\n    @State() tooltipStyle: any = {};\n    @State() arrowStyle: any = {};\n\n    private tooltipId = `xplor-tooltip-${++tooltipIdCounter}`;\n\n    private triggerEl: HTMLDivElement;\n    private tooltipEl: HTMLDivElement;\n    private hideTimeout: any;\n\n    componentDidLoad() {\n        if (this.trigger === 'hover') {\n            this.setupHoverListeners();\n        }\n    }\n\n    disconnectedCallback() {\n        this.cleanupListeners();\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n    }\n\n    private setupHoverListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.addEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.addEventListener('mouseleave', this.handleMouseLeave);\n            this.triggerEl.addEventListener('focusin', this.handleFocusIn);\n            this.triggerEl.addEventListener('focusout', this.handleFocusOut);\n        }\n    }\n\n    private cleanupListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.removeEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.removeEventListener('mouseleave', this.handleMouseLeave);\n            this.triggerEl.removeEventListener('focusin', this.handleFocusIn);\n            this.triggerEl.removeEventListener('focusout', this.handleFocusOut);\n        }\n    }\n\n    private handleMouseEnter = () => {\n        if (this.disabled) return;\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n        this.showTooltip();\n    };\n\n    private handleMouseLeave = () => {\n        if (this.disabled) return;\n        this.hideTimeout = setTimeout(() => {\n            this.hideTooltip();\n        }, 100);\n    };\n\n    private handleFocusIn = () => {\n        if (this.disabled) return;\n        this.showTooltip();\n    };\n\n    private handleFocusOut = () => {\n        if (this.disabled) return;\n        this.hideTooltip();\n    };\n\n    private handleClick = () => {\n        if (this.disabled) return;\n        if (this.trigger === 'click') {\n            this.open = !this.open;\n            if (this.open) {\n                requestAnimationFrame(() => this.updatePosition());\n            }\n        }\n    };\n\n    @Listen('click', { target: 'document' })\n    handleDocumentClick(event: MouseEvent) {\n        if (this.trigger === 'click' && this.open) {\n            const target = event.target as Node;\n            if (!this.el.contains(target)) {\n                this.open = false;\n            }\n        }\n    }\n\n    private showTooltip() {\n        this.open = true;\n        requestAnimationFrame(() => this.updatePosition());\n    }\n\n    private hideTooltip() {\n        this.open = false;\n    }\n\n    private updatePosition() {\n        if (!this.triggerEl || !this.tooltipEl) return;\n\n        const triggerRect = this.triggerEl.getBoundingClientRect();\n        const tooltipRect = this.tooltipEl.getBoundingClientRect();\n        const gap = 8; // Space between trigger and tooltip\n        const arrowSize = this.arrow ? 6 : 0;\n\n        let top = 0;\n        let left = 0;\n        let arrowTop = '';\n        let arrowLeft = '';\n        let arrowTransform = '';\n\n        switch (this.position) {\n            case 'top':\n                top = triggerRect.top - tooltipRect.height - gap - arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '100%';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'bottom':\n                top = triggerRect.bottom + gap + arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '-6px';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'left':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.left - tooltipRect.width - gap - arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '100%';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n\n            case 'right':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.right + gap + arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '-6px';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n        }\n\n        // Keep tooltip within viewport\n        const viewportPadding = 8;\n        if (left < viewportPadding) {\n            left = viewportPadding;\n        } else if (left + tooltipRect.width > window.innerWidth - viewportPadding) {\n            left = window.innerWidth - tooltipRect.width - viewportPadding;\n        }\n\n        if (top < viewportPadding) {\n            top = viewportPadding;\n        } else if (top + tooltipRect.height > window.innerHeight - viewportPadding) {\n            top = window.innerHeight - tooltipRect.height - viewportPadding;\n        }\n\n        this.tooltipStyle = {\n            top: `${top}px`,\n            left: `${left}px`,\n        };\n\n        this.arrowStyle = {\n            top: arrowTop,\n            left: arrowLeft,\n            transform: arrowTransform,\n        };\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"tooltip-trigger\"\n                    ref={(el) => (this.triggerEl = el)}\n                    onClick={this.handleClick}\n                    aria-describedby={this.open ? this.tooltipId : undefined}\n                >\n                    <slot name=\"trigger\" />\n                </div>\n\n                {this.open && (\n                    <div\n                        class={{\n                            'tooltip': true,\n                            [`tooltip--${this.position}`]: true,\n                        }}\n                        style={this.tooltipStyle}\n                        ref={(el) => (this.tooltipEl = el)}\n                        role=\"tooltip\"\n                        id={this.tooltipId}\n                    >\n                        <div class=\"tooltip__content\">\n                            <slot>{this.content}</slot>\n                        </div>\n                        {this.arrow && (\n                            <div\n                                class=\"tooltip__arrow\"\n                                style={this.arrowStyle}\n                            />\n                        )}\n                    </div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}
+{"file":"p-vl-J3tKJ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-tooltip/xplor-tooltip.scss?tag=xplor-tooltip&encapsulation=scoped","src/components/xplor-tooltip/xplor-tooltip.tsx"],"sourcesContent":[":host {\n    display: inline-block;\n    position: relative;\n}\n\n.tooltip-trigger {\n    display: inline-flex;\n    cursor: pointer;\n}\n\n.tooltip {\n    position: fixed;\n    z-index: 9999;\n    background-color: #424242;\n    color: #fff;\n    border-radius: 4px;\n    padding: 0.5rem 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.4;\n    max-width: 300px;\n    word-wrap: break-word;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    pointer-events: none;\n    opacity: 0;\n    animation: tooltipFadeIn 0.2s ease forwards;\n}\n\n@keyframes tooltipFadeIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.tooltip__content {\n    position: relative;\n    z-index: 1;\n}\n\n.tooltip__arrow {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: #424242;\n    z-index: 0;\n}\n\n.tooltip--top .tooltip__arrow {\n    margin-top: -6px;\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--bottom .tooltip__arrow {\n    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--left .tooltip__arrow {\n    margin-left: -6px;\n    display: block;\n    box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--right .tooltip__arrow {\n    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);\n}","import { Component, Host, h, Prop, State, Element, Listen } from '@stencil/core';\n\nlet tooltipIdCounter = 0;\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipTrigger = 'hover' | 'click' | 'manual';\n\n@Component({\n    tag: 'xplor-tooltip',\n    styleUrl: 'xplor-tooltip.scss',\n    scoped: true,\n})\nexport class XplorTooltip {\n    @Element() el: HTMLElement;\n\n    @Prop() position: TooltipPosition = 'top';\n    @Prop() trigger: TooltipTrigger = 'hover';\n    @Prop() arrow: boolean = true;\n    @Prop({ mutable: true }) open: boolean = false;\n    @Prop() content: string;\n    @Prop() disabled: boolean = false;\n\n    @State() tooltipStyle: any = {};\n    @State() arrowStyle: any = {};\n\n    private tooltipId = `xplor-tooltip-${++tooltipIdCounter}`;\n\n    private triggerEl: HTMLDivElement;\n    private tooltipEl: HTMLDivElement;\n    private hideTimeout: any;\n\n    componentDidLoad() {\n        if (this.trigger === 'hover') {\n            this.setupHoverListeners();\n        }\n    }\n\n    disconnectedCallback() {\n        this.cleanupListeners();\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n    }\n\n    private setupHoverListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.addEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.addEventListener('mouseleave', this.handleMouseLeave);\n            this.triggerEl.addEventListener('focusin', this.handleFocusIn);\n            this.triggerEl.addEventListener('focusout', this.handleFocusOut);\n        }\n    }\n\n    private cleanupListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.removeEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.removeEventListener('mouseleave', this.handleMouseLeave);\n            this.triggerEl.removeEventListener('focusin', this.handleFocusIn);\n            this.triggerEl.removeEventListener('focusout', this.handleFocusOut);\n        }\n    }\n\n    private handleMouseEnter = () => {\n        if (this.disabled) return;\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n        this.showTooltip();\n    };\n\n    private handleMouseLeave = () => {\n        if (this.disabled) return;\n        this.hideTimeout = setTimeout(() => {\n            this.hideTooltip();\n        }, 100);\n    };\n\n    private handleFocusIn = () => {\n        if (this.disabled) return;\n        this.showTooltip();\n    };\n\n    private handleFocusOut = () => {\n        if (this.disabled) return;\n        this.hideTooltip();\n    };\n\n    private handleClick = () => {\n        if (this.disabled) return;\n        if (this.trigger === 'click') {\n            this.open = !this.open;\n            if (this.open) {\n                requestAnimationFrame(() => this.updatePosition());\n            }\n        }\n    };\n\n    @Listen('click', { target: 'document' })\n    handleDocumentClick(event: MouseEvent) {\n        if (this.trigger === 'click' && this.open) {\n            const target = event.target as Node;\n            if (!this.el.contains(target)) {\n                this.open = false;\n            }\n        }\n    }\n\n    private showTooltip() {\n        this.open = true;\n        requestAnimationFrame(() => this.updatePosition());\n    }\n\n    private hideTooltip() {\n        this.open = false;\n    }\n\n    private updatePosition() {\n        if (!this.triggerEl || !this.tooltipEl) return;\n\n        const triggerRect = this.triggerEl.getBoundingClientRect();\n        const tooltipRect = this.tooltipEl.getBoundingClientRect();\n        const gap = 8; // Space between trigger and tooltip\n        const arrowSize = this.arrow ? 6 : 0;\n\n        let top = 0;\n        let left = 0;\n        let arrowTop = '';\n        let arrowLeft = '';\n        let arrowTransform = '';\n\n        switch (this.position) {\n            case 'top':\n                top = triggerRect.top - tooltipRect.height - gap - arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '100%';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'bottom':\n                top = triggerRect.bottom + gap + arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '-6px';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'left':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.left - tooltipRect.width - gap - arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '100%';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n\n            case 'right':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.right + gap + arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '-6px';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n        }\n\n        // Keep tooltip within viewport\n        const viewportPadding = 8;\n        if (left < viewportPadding) {\n            left = viewportPadding;\n        } else if (left + tooltipRect.width > window.innerWidth - viewportPadding) {\n            left = window.innerWidth - tooltipRect.width - viewportPadding;\n        }\n\n        if (top < viewportPadding) {\n            top = viewportPadding;\n        } else if (top + tooltipRect.height > window.innerHeight - viewportPadding) {\n            top = window.innerHeight - tooltipRect.height - viewportPadding;\n        }\n\n        this.tooltipStyle = {\n            top: `${top}px`,\n            left: `${left}px`,\n        };\n\n        this.arrowStyle = {\n            top: arrowTop,\n            left: arrowLeft,\n            transform: arrowTransform,\n        };\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"tooltip-trigger\"\n                    ref={(el) => (this.triggerEl = el)}\n                    onClick={this.handleClick}\n                    aria-describedby={this.open ? this.tooltipId : undefined}\n                >\n                    <slot name=\"trigger\" />\n                </div>\n\n                {this.open && (\n                    <div\n                        class={{\n                            'tooltip': true,\n                            [`tooltip--${this.position}`]: true,\n                        }}\n                        style={this.tooltipStyle}\n                        ref={(el) => (this.tooltipEl = el)}\n                        role=\"tooltip\"\n                        id={this.tooltipId}\n                    >\n                        <div class=\"tooltip__content\">\n                            <slot>{this.content}</slot>\n                        </div>\n                        {this.arrow && (\n                            <div\n                                class=\"tooltip__arrow\"\n                                style={this.arrowStyle}\n                            />\n                        )}\n                    </div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/xplor-alert-message.js

@@ -14,10 +14,10 @@ const XplorAlertMessage$1 = /*@__PURE__*/ proxyCustomElement(class XplorAlertMes
         };
     }
     render() {
-        return (h(Host, { key: '9b7353e68d89701b3fdb4dcd5fb5e6c886b08d8b' }, h("div", { key: '335c16829ae65019c3c7d32a9e7dd3a3ef13c1ae', class: {
+        return (h(Host, { key: 'e5ad4fa2fd9fbdc47cfbfd73fb73b1db28a315e0' }, h("div", { key: 'ffd54ee02b5f4374fded564e8d22e766c4d38298', class: {
                 'alert-message': true,
                 [`alert-message--${this.type}`]: true,
-            }, role: "alert" }, h("div", { key: '08feddcdf81a93b0aaa907688923d3b943fcc7ed', class: "alert-message__content" }, this.alertTitle && (h("div", { key: 'a994f5d65e9112cae41bf3379f4454e986d62e00', class: "alert-message__title" }, h("slot", { key: 'b4cd15b229b6e5539c29c929dfa804b7da537030', name: "title" }, this.alertTitle))), h("div", { key: 'ef6135360584c77ad418f46022ed8600c5786c2a', class: "alert-message__body" }, h("slot", { key: '36d800fb3ebdfad5c2bf602212410381210db99b' })), h("div", { key: '79d1d65fc21759299f17d42523839c0d733b2098', class: "alert-message__actions" }, h("slot", { key: 'f4cc482a2392656d0bc385c0d3cafe23285f32e8', name: "actions" }))), this.dismissible && (h("button", { key: '37656219e43ce25d72e7afa66a1fc1a2e9f22002', class: "alert-message__dismiss", onClick: this.handleDismiss, "aria-label": "Dismiss alert", type: "button" }, "\u00D7")))));
+            }, role: "alert" }, h("div", { key: '343c0a7b2fc0850a8a198006623587a2b51222aa', class: "alert-message__content" }, this.alertTitle && (h("div", { key: 'e832315711af527990f7818b3a125fd451a9bbac', class: "alert-message__title" }, h("slot", { key: 'bec62d27a75cea441df1440d899b3cbdbb336677', name: "title" }, this.alertTitle))), h("div", { key: '862ff923e142cf0a19e4d94b2c0f83d4b2880dbf', class: "alert-message__body" }, h("slot", { key: '29ddafe2ffe87eab3434f65226e352ecb26d4bcb' })), h("div", { key: '8f4057d4c6c2baea6e2962f52e5a242f0c23e759', class: "alert-message__actions" }, h("slot", { key: '937e8089b98ee78738b770ba74b3867f979c2f8d', name: "actions" }))), this.dismissible && (h("button", { key: '5f4999ac21586b31c0c44320464e40a63eab98ab', class: "alert-message__dismiss", onClick: this.handleDismiss, "aria-label": "Dismiss alert", type: "button" }, "\u00D7")))));
     }
     static get style() { return xplorAlertMessageCss; }
 }, [6, "xplor-alert-message", {

package/dist/components/xplor-avatar-and-name.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p--zhT6rvJ.js';
+import { d as defineCustomElement$2 } from './p-DGaHlr-k.js';
 
 const xplorAvatarAndNameCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-avatar-and-name {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-avatar-and-name {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-avatar-and-name {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-avatar-and-name {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-avatar-and-name {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-avatar-and-name {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-avatar-and-name, ul.sc-xplor-avatar-and-name {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-avatar-and-name li.sc-xplor-avatar-and-name, ul.sc-xplor-avatar-and-name li.sc-xplor-avatar-and-name {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-avatar-and-name, ul.mdc-list.sc-xplor-avatar-and-name {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-avatar-and-name li.mdc-list-item.sc-xplor-avatar-and-name, ul.mdc-list.sc-xplor-avatar-and-name li.mdc-list-item.sc-xplor-avatar-and-name {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-avatar-and-name {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-avatar-and-name {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-avatar-and-name {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-avatar-and-name {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-avatar-and-name .mdc-text-field--outlined.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-avatar-and-name .mdc-notched-outline.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-avatar-and-name {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-avatar-and-name:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-avatar-and-name {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-avatar-and-name-h {\n  display: inline-block;\n}\n\n.avatar-and-name.sc-xplor-avatar-and-name {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.avatar-and-name__text.sc-xplor-avatar-and-name {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #212121;\n  line-height: 1.5;\n}";
 
@@ -10,7 +10,7 @@ const XplorAvatarAndName$1 = /*@__PURE__*/ proxyCustomElement(class XplorAvatarA
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'adf60fff779f4cc4bf31c20468c6372c6cef675b' }, h("div", { key: '1c94683794ed122c7c1456e4abf7ae60f6458dd0', class: "avatar-and-name" }, h("xplor-avatar", { key: 'f37593d3b66ea539fefebadc9ff8e1657bd4a645', name: this.name, src: this.src, size: this.size, color: this.color, status: this.status }, !this.src && this.name && this.name.charAt(0).toUpperCase()), h("span", { key: '663d209d1a1fd4cf70198f1b4a08d71263b201d5', class: "avatar-and-name__text" }, h("slot", { key: '611eb31cc972f67f1a9d184eb844b4c2134f0f9f' }, this.name)))));
+        return (h(Host, { key: '3cecf9b9082d00a08f658b095b22b73b89c049ab' }, h("div", { key: '45d7af0d4244bb5757e90eb5a5c18480ae183ff3', class: "avatar-and-name" }, h("xplor-avatar", { key: 'd707f7729ecad111af15023198a6c0f88fcb7615', name: this.name, src: this.src, size: this.size, color: this.color, status: this.status }, !this.src && this.name && this.name.charAt(0).toUpperCase()), h("span", { key: '7226b976cd3976cd97be2bc62ba15176496b479d', class: "avatar-and-name__text" }, h("slot", { key: '521c6002cc282c3909f14b96f74cb7425be5fa8b' }, this.name)))));
     }
     static get style() { return xplorAvatarAndNameCss; }
 }, [6, "xplor-avatar-and-name", {

package/dist/components/xplor-avatar.js

@@ -1,4 +1,4 @@
-import { X as XplorAvatar$1, d as defineCustomElement$1 } from './p--zhT6rvJ.js';
+import { X as XplorAvatar$1, d as defineCustomElement$1 } from './p-DGaHlr-k.js';
 
 const XplorAvatar = XplorAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/xplor-badge-active.js

@@ -8,7 +8,7 @@ const XplorBadgeActive$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeActi
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '821006a66a77dcb1380c039c7f5932accb290e30' }, h("span", { key: '48942c3389b30d05660061e82ef9461842c38ea8', class: "xplor-badge-active" }, "Active")));
+        return (h(Host, { key: '41f14585e6efaff93c9ba04a32db266222ea6b40' }, h("span", { key: 'a051889e2b74c3503e12d2045704f81bd8876e8c', class: "xplor-badge-active" }, "Active")));
     }
     static get style() { return xplorBadgeActiveCss; }
 }, [2, "xplor-badge-active"]);

package/dist/components/xplor-badge-archived.js

@@ -8,7 +8,7 @@ const XplorBadgeArchived$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeAr
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '599e09f32f830d73850b5ec237839da8a7121c80' }, h("span", { key: '844fd6e6bc86467cfe4be78922462d7a8da3a3ce', class: "xplor-badge-archived" }, "Archived")));
+        return (h(Host, { key: 'e898977f5a87755f614e9cec94885c1eb33f7f47' }, h("span", { key: 'c0db6423521d172f81f4d8de731dbfb5caf95917', class: "xplor-badge-archived" }, "Archived")));
     }
     static get style() { return xplorBadgeArchivedCss; }
 }, [2, "xplor-badge-archived"]);

package/dist/components/xplor-badge-deleted.js

@@ -8,7 +8,7 @@ const XplorBadgeDeleted$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeDel
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'df3f8b3c1375d524ab3d43973744d60c2abfaac5' }, h("span", { key: '61801350159e59fe22fd75ebe81d0c6601df3de7', class: "xplor-badge-deleted" }, "Deleted")));
+        return (h(Host, { key: '07d61ee7c210ada3c3eaf2b0c0c91bb6747d39e6' }, h("span", { key: '1535e3498d7e7b1d12438b835cb3da2efec112ff', class: "xplor-badge-deleted" }, "Deleted")));
     }
     static get style() { return xplorBadgeDeletedCss; }
 }, [2, "xplor-badge-deleted"]);

package/dist/components/xplor-badge-expired.js

@@ -8,7 +8,7 @@ const XplorBadgeExpired$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeExp
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'fed692675532969ab1353a505743baf529ee8267' }, h("span", { key: '780c2bf72f1b4d0f6dc2057ac1b4fc2c29e9b479', class: "xplor-badge-expired" }, "Expired")));
+        return (h(Host, { key: '28da2eebab84d7cb5ce6aa010d102c6b45b607d9' }, h("span", { key: '879d02cf4052f13e3e5324be091bea5fa0849300', class: "xplor-badge-expired" }, "Expired")));
     }
     static get style() { return xplorBadgeExpiredCss; }
 }, [2, "xplor-badge-expired"]);

package/dist/components/xplor-badge-inactive.js

@@ -8,7 +8,7 @@ const XplorBadgeInactive$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeIn
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '91648179b68ae6aa6db61292bf53b27761b7e00a' }, h("span", { key: '08eab77d253bf84f767f78e0ee147147d7b999ef', class: "xplor-badge-inactive" }, "Inactive")));
+        return (h(Host, { key: 'f87a4a1d082c17102c5192ca1c064d636b13d803' }, h("span", { key: '75aa909657eedd5b91d90cf0b71a59215e13b2c8', class: "xplor-badge-inactive" }, "Inactive")));
     }
     static get style() { return xplorBadgeInactiveCss; }
 }, [2, "xplor-badge-inactive"]);

package/dist/components/xplor-badge-recalled.js

@@ -8,7 +8,7 @@ const XplorBadgeRecalled$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeRe
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '9233d1e70a44d0b058b44f42afab990f4bdb851d' }, h("span", { key: 'be98dcedb815e3df2c68c94ba21b7084f55523a7', class: "xplor-badge-recalled" }, "Recalled")));
+        return (h(Host, { key: 'bf0879b3e61b3f732345c974185809bd78a57063' }, h("span", { key: 'f4cdf5ef2b1bf4910f0bbfc1bbefdee98ae09575', class: "xplor-badge-recalled" }, "Recalled")));
     }
     static get style() { return xplorBadgeRecalledCss; }
 }, [2, "xplor-badge-recalled"]);

package/dist/components/xplor-badge-upcoming.js

@@ -8,7 +8,7 @@ const XplorBadgeUpcoming$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeUp
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '51078127992721291d5b557148239d657b050ad4' }, h("span", { key: 'cd95ea48dad3fb544df80a70318da7671b8700be', class: "xplor-badge-upcoming" }, "Upcoming")));
+        return (h(Host, { key: 'e670e6d49428aae18b3a0f97c39a10745cb5a039' }, h("span", { key: 'dfbd77ac03b9b4779758963e62504450040243b4', class: "xplor-badge-upcoming" }, "Upcoming")));
     }
     static get style() { return xplorBadgeUpcomingCss; }
 }, [2, "xplor-badge-upcoming"]);

package/dist/components/xplor-badge-waitlist.js

@@ -8,7 +8,7 @@ const XplorBadgeWaitlist$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadgeWa
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '918d4113efa7e206ba15af2ccacdf11950640aaf' }, h("span", { key: '697713efbf0a9b86a6af4e7bf102f07a7ad2dd48', class: "xplor-badge-waitlist" }, "Waitlist")));
+        return (h(Host, { key: '150ff857e845f012a1fb6f8d04cf519b0e18c1dd' }, h("span", { key: '00ef3af174c37039b23603a9d47fd7e30cf497b3', class: "xplor-badge-waitlist" }, "Waitlist")));
     }
     static get style() { return xplorBadgeWaitlistCss; }
 }, [2, "xplor-badge-waitlist"]);

package/dist/components/xplor-badge.js

@@ -116,7 +116,7 @@ const XplorBadge$1 = /*@__PURE__*/ proxyCustomElement(class XplorBadge extends H
         };
     }
     render() {
-        return (h(Host, { key: '4f0691b5233e85340519a7ead5f3f3508c35c307' }, h("span", { key: '1588d8d3a85def71d7e5b5f5883d36ca5a232141', class: this.computedClasses, style: this.cssVars }, h("slot", { key: '571aa32299b77b94351ef8a1b66e071fa318c2e5' }, this.text))));
+        return (h(Host, { key: '4aadb0c86d68133c04ad829d14095aa5c9dba36e' }, h("span", { key: 'f0f4b465265cf55da555ad25d2ea478e7e8d75c0', class: this.computedClasses, style: this.cssVars }, h("slot", { key: '3d6c7ab9d5b383b716c38adebf179d4a9d29ee82' }, this.text))));
     }
     static get style() { return xplorBadgeCss; }
 }, [6, "xplor-badge", {

package/dist/components/xplor-btn-back-to-parent.js

@@ -43,7 +43,7 @@ const XplorBtnBackToParent$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnBa
         const buttonStyles = {
             '--btn-size': this.size,
         };
-        return (h(Host, { key: '0962b04ae634f044dd3e7c1eacf42b7d2c8e0f1e' }, h("button", { key: '82cb8fa3218a17784a0ab360d328b68f2c0e6e81', class: buttonClasses, style: buttonStyles, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '784853baa5b013fc85a07054e446e6166eab7068', class: "xplor-btn-back-to-parent__icon" }, "\u2715"))));
+        return (h(Host, { key: '3423fa1064a5527c1313e5e74f01093fbfdf9a5c' }, h("button", { key: '362161229ce57836bb0bdcd3d6ce671669208d70', class: buttonClasses, style: buttonStyles, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '223cc632ce76b936f6129e39a1602123c89e4fc1', class: "xplor-btn-back-to-parent__icon" }, "\u2715"))));
     }
     static get style() { return xplorBtnBackToParentCss; }
 }, [2, "xplor-btn-back-to-parent", {

package/dist/components/xplor-btn-back.js

@@ -43,7 +43,7 @@ const XplorBtnBack$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnBack exten
             '--min-height': this.minHeight,
             '--gap': this.gap,
         };
-        return (h(Host, { key: '1fa9f6b770f01f2a384591293831a2fecb15b593' }, h("button", { key: '3d201c9b3ccb3176401b1c671237825231c78d39', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick }, h("span", { key: '2e92390e29ad2f0e9c5144f802d66544bd1f00c4', class: "xplor-btn-back__icon" }, "\u2039"), h("span", { key: 'e663a5e163007a0fc82162b6d9a2a8018cab8a76', class: "xplor-btn-back__text" }, h("slot", { key: '4bcd417f211ec014b8c861d309bf709048e34c8d' }, "Back")))));
+        return (h(Host, { key: '11a49ee4557580e42bf35430829f95d4744c23c3' }, h("button", { key: '52a8657c87b146ef5ecb0adf0388132a5bb2bf93', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick }, h("span", { key: '6c399ed83f9779a3b0f2e2162b0e05e186f2ba1b', class: "xplor-btn-back__icon" }, "\u2039"), h("span", { key: '05bc6d2cbbef85d33b6ed4225aa4fc45dc4cbe0f', class: "xplor-btn-back__text" }, h("slot", { key: '61800e333b89fb55fe4fe638ce055870fce0e4fd' }, "Back")))));
     }
     static get style() { return xplorBtnBackCss; }
 }, [6, "xplor-btn-back", {

package/dist/components/xplor-btn-icon.js

@@ -44,7 +44,7 @@ const XplorBtnIcon$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnIcon exten
             '--btn-size': typeof this.size === 'number' ? `${this.size}px` : this.size,
             '--icon-size': typeof this.iconSize === 'number' ? `${this.iconSize}px` : this.iconSize,
         };
-        return (h(Host, { key: '9d87aab5e3af33201c71dffeab51a5a02cc61e98' }, h("button", { key: 'c30b8c4aa51a957c84e7fff3d72e01961dec911c', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '99773527f599523638ce8463fe308826f01202cf', class: "xplor-btn-icon__content" }, h("slot", { key: '14e1356bcecd1d2b8768cddbaf257f49bf92e5a7' })))));
+        return (h(Host, { key: 'd4312cd0ef1b871a49fc252fdc913c3a089a2d33' }, h("button", { key: '5b9b112c5b1c70ea82c6c615c24403ce514753a0', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '1736857fad944996c0ad380189edbf5e30c013f0', class: "xplor-btn-icon__content" }, h("slot", { key: '8bd0e864ae2469dfa4fe48c2bd4215a38f8db182' })))));
     }
     static get style() { return xplorBtnIconCss; }
 }, [6, "xplor-btn-icon", {

package/dist/components/xplor-btn-toggle-group.js

@@ -16,7 +16,7 @@ const XplorBtnToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnTog
         this.density = 'default';
     }
     render() {
-        return (h(Host, { key: '587016261064869ff2b10cf04371963f57642221' }, h("div", { key: 'ee8813207ade2261011e699ce12010135a6d640b', class: "xplor-btn-toggle-group", role: "group" }, h("slot", { key: '3b4d82938d310ac8864a02425d97b822ba4b1d9d' }))));
+        return (h(Host, { key: '9f4c71cf767b466ed9116c30d3befde6d794122d' }, h("div", { key: '8004544207dce87f5eebbb56fa2829a17adcb5e6', class: "xplor-btn-toggle-group", role: "group" }, h("slot", { key: '3aa75d08de1bc105295b5204273c34697b46ef87' }))));
     }
     static get style() { return xplorBtnToggleGroupCss; }
 }, [6, "xplor-btn-toggle-group", {

package/dist/components/xplor-btn-toggle-secondary.js

@@ -33,7 +33,7 @@ const XplorBtnToggleSecondary$1 = /*@__PURE__*/ proxyCustomElement(class XplorBt
             'xplor-btn-toggle-secondary--disabled': this.disabled,
             'xplor-btn-toggle-secondary--inactive-outlined': this.inactiveOutlined && !this.active,
         };
-        return (h(Host, { key: 'e82338d3bdbd2af08df290ee79359acb9e61dfae' }, h("button", { key: '137cf53e7b48676e86e3ed12a575e94792eab35c', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: 'bfacf098eb4692bc56faf88a4444b1c2213d3a3b' }))));
+        return (h(Host, { key: '52551538bd39aedb16ab80e6f7e82d922128df31' }, h("button", { key: '8d527b973bef5aebaf437cd962421572e0005c11', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: '1f8da5c88d120cd82b0e91a40fa76f6f5aaa006b' }))));
     }
     static get style() { return xplorBtnToggleSecondaryCss; }
 }, [6, "xplor-btn-toggle-secondary", {

package/dist/components/xplor-btn-toggle.js

@@ -37,7 +37,7 @@ const XplorBtnToggle$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnToggle e
             'xplor-btn-toggle--disabled': this.disabled,
             'xplor-btn-toggle--inactive-outlined': this.inactiveOutlined && !this.active,
         };
-        return (h(Host, { key: '9434059f3e934707d2be2dbabe539ef6f06dbf66' }, h("button", { key: 'bbdc0032e4eb79951d06fb47e19ab76a842f0c46', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: 'c5944a5ce768ca5f1cafa5f33dcf72145c94b189' }))));
+        return (h(Host, { key: '0df89df461cff00e400c8519d01355e02944a09b' }, h("button", { key: '3b3ae840b9724bc999729e0596166c6247319d3d', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: '468875beb8d19c779c6c1f29b016e4d870f8c563' }))));
     }
     static get style() { return xplorBtnToggleCss; }
 }, [6, "xplor-btn-toggle", {

package/dist/components/xplor-btn-tooltip.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$3 } from './p-B5rS_jjI.js';
-import { d as defineCustomElement$2 } from './p-DbQ6ZNvh.js';
+import { d as defineCustomElement$3 } from './p-DWaTb2EJ.js';
+import { d as defineCustomElement$2 } from './p-vl-J3tKJ.js';
 
 const xplorBtnTooltipCss = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n  \n  :root {\n    --color-primary: #db3b03;\n    --color-primary-50: rgba(255, 152, 0, 1);\n    --color-secondary: rgb(0, 119, 107);\n    --color-secondary-50: rgba(1, 163, 157, 1);\n    --color-tertiary: rgb(128, 104, 186);\n    --color-tertiary: rgb(223, 242, 241);\n    --color-white: white;\n    --color-emphasis: rgb(8, 8, 9);\n    --color-supergiant: rgb(213, 66, 99);\n    --color-orange: rgb(250, 200, 127);\n    --color-buttons: #fbbc05;\n    --color-typography: #ea4335;\n    --background: 20 66% 99%;\n    --foreground: 20 51% 4%;\n    --muted: 20 25% 86%;\n    --muted-foreground: 20 7% 25%;\n    --popover: 20 66% 98%;\n    --popover-foreground: 20 51% 3%;\n    --card: 20 66% 98%;\n    --card-foreground: 20 51% 3%;\n    --border: 20 15% 94%;\n    --input: 20 15% 94%;\n    --primary: 20 48% 72%;\n    --primary-foreground: 20 48% 12%;\n    --secondary: 20 12% 92%;\n    --secondary-foreground: 20 12% 32%;\n    --accent: 20 12% 92%;\n    --accent-foreground: 20 12% 32%;\n    --destructive: 11 80% 22%;\n    --destructive-foreground: 11 80% 82%;\n    --ring: 20 48% 72%;\n    --radius: 0.5rem;\n    --chart-1: 12 76% 61%;\n    --chart-2: 173 58% 39%;\n    --chart-3: 197 37% 24%;\n    --chart-4: 43 74% 66%;\n    --chart-5: 27 87% 67%;\n  }\n  .dark {\n    --background: 253 43% 3%;\n    --foreground: 253 31% 98%;\n    --muted: 253 7% 13%;\n    --muted-foreground: 253 13% 63%;\n    --popover: 253 43% 3%;\n    --popover-foreground: 253 31% 98%;\n    --card: 253 43% 4%;\n    --card-foreground: 253 31% 99%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 253 91% 58%;\n    --primary-foreground: 253 91% 98%;\n    --secondary: 253 7% 9%;\n    --secondary-foreground: 253 7% 69%;\n    --accent: 253 13% 14%;\n    --accent-foreground: 253 13% 74%;\n    --destructive: 339.2 90.36% 51.18%;\n    --destructive-foreground: 0 0% 100%;\n    --ring: 253 91% 58%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n  }\n}\n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply box-border bg-background text-foreground;\n  }\n}\n@layer utilities {\n  .min-h-screen {\n    min-height: 100vh;\n    \n    min-height: 100dvh;\n  }\n  .h-screen {\n    height: 100vh;\n    \n    height: 100dvh;\n  }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n  .glass {\n    border: none;\n    backdrop-filter: blur(var(--glass-blur, 40px));\n    background-color: transparent;\n    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n  }\n}\n.tox.tox-tinymce.sc-xplor-btn-tooltip {\n  width: 50% !important;\n  height: 400px !important;\n  display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n  .tox.tox-tinymce.sc-xplor-btn-tooltip {\n    width: 600px !important;\n  }\n}\nh1.sc-xplor-btn-tooltip {\n  color: var(--color-primary);\n  \n  font-family: Inter;\n  font-size: 48px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 56px; \n}\n\nh2.sc-xplor-btn-tooltip {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 38px; \n  letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-tooltip {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 32px; \n}\n\n.overline.sc-xplor-btn-tooltip {\n  color: var(--grey-1100252525, #252525);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; \n  letter-spacing: 3.2px;\n  text-transform: uppercase;\n}\n\nol.sc-xplor-btn-tooltip, ul.sc-xplor-btn-tooltip {\n  list-style: none;\n  margin: 1rem;\n  padding: 0;\n}\nol.sc-xplor-btn-tooltip li.sc-xplor-btn-tooltip, ul.sc-xplor-btn-tooltip li.sc-xplor-btn-tooltip {\n  margin: 1rem;\n  padding: 0;\n}\nol.mdc-list.sc-xplor-btn-tooltip, ul.mdc-list.sc-xplor-btn-tooltip {\n  list-style-type: none;\n  list-style: none;\n}\nol.mdc-list.sc-xplor-btn-tooltip li.mdc-list-item.sc-xplor-btn-tooltip, ul.mdc-list.sc-xplor-btn-tooltip li.mdc-list-item.sc-xplor-btn-tooltip {\n  list-style-type: none;\n  list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-tooltip {\n  color: var(--Orange-900-Primary, #db3b03);\n  \n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; \n  letter-spacing: 0.4px;\n  margin: 0px 0 -9px 16px;\n  z-index: 1 !important;\n  position: relative;\n  width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-tooltip {\n  background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-tooltip {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 5px;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-tooltip {\n  background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-tooltip .mdc-text-field--outlined.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n  border: 0px solid transparent !important;\n  border-bottom: 1px solid #db3b03 !important;\n  padding: 0;\n  height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n  border: 0px solid transparent !important;\n  border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-tooltip .mdc-notched-outline.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n  border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-tooltip {\n  display: flex;\n  height: 48px;\n  padding: 12px 24px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-tooltip:hover {\n  background-color: var(--Cyan-700-Secondary, #e27046);\n  color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-tooltip {\n  background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-tooltip-h {\n  display: inline-block;\n}";
 
@@ -13,7 +13,7 @@ const XplorBtnTooltip$1 = /*@__PURE__*/ proxyCustomElement(class XplorBtnTooltip
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '252d295aa8fa8f6f404727baef30d00dbcac17b8' }, h("xplor-tooltip", { key: 'cba71a8dd339f47b16f4a161a341895ca70e22b0', position: this.tooltipPosition, content: this.tooltipText, trigger: "hover", arrow: true, disabled: this.disabled }, h("xplor-button", { key: '31c167ffa852074e94a2cac255ab10b86ad041ef', slot: "trigger", text: this.text, type: this.type, mode: this.mode, "icon-position": this.iconPosition }, h("slot", { key: 'aef011d1873e4f81237f88d651f5bfb7c0fb2569' })))));
+        return (h(Host, { key: '6d43dae5717d346c8a9ffa210f79bd9d74d8d6a9' }, h("xplor-tooltip", { key: 'a5dd7d12066e3fb08334463cc7410d5cdde5158b', position: this.tooltipPosition, content: this.tooltipText, trigger: "hover", arrow: true, disabled: this.disabled }, h("xplor-button", { key: '83e0ac08cfafeeadd25c23e682af15faa2cc81de', slot: "trigger", text: this.text, type: this.type, mode: this.mode, "icon-position": this.iconPosition }, h("slot", { key: 'e994ce16062426a41f67d92dfb0be8f54acceff1' })))));
     }
     static get style() { return xplorBtnTooltipCss; }
 }, [6, "xplor-btn-tooltip", {

package/dist/components/xplor-button.js

@@ -1,4 +1,4 @@
-import { X as XplorButton$1, d as defineCustomElement$1 } from './p-B5rS_jjI.js';
+import { X as XplorButton$1, d as defineCustomElement$1 } from './p-DWaTb2EJ.js';
 
 const XplorButton = XplorButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/xplor-canvas-editor.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XplorCanvasEditor extends Components.XplorCanvasEditor, HTMLElement {}
+export const XplorCanvasEditor: {
+    prototype: XplorCanvasEditor;
+    new (): XplorCanvasEditor;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;