atomicuilibrary 0.0.1 → 0.1.0

package/dist/esm/ui-radio-group.entry.js

@@ -1,203 +0,0 @@
-import { a as getElement, r as registerInstance, c as createEvent, h } from './index-DUsoYu9r.js';
-
-const radioGroupCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-group{display:flex;flex-direction:column;gap:12px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.radio-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary));margin-bottom:8px}.radio-search{position:relative;margin-bottom:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.radio-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.radio-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.radio-search .search-icon{margin-inline-start:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.radio-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.radio-search input.search-input::placeholder{opacity:0.5}.radio-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-inline-end:6px;color:var(--text-secondary);transition:all 0.2s}.radio-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.radio-search .clear-search ui-icon{font-size:14px}.no-results{font-size:13px;color:var(--text-secondary);padding:12px 0;font-style:italic;opacity:0.7}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.radio-list{display:flex}.radio-list-vertical{flex-direction:column}.radio-list-horizontal{flex-direction:row;flex-wrap:wrap}.radio-list-grid{display:grid}.radio-group-button .radio-list{gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0);width:fit-content}.radio-group-button ui-radio:not(:first-child){margin-inline-start:-1px}.radio-group-button ui-radio{display:flex;flex:1}.radio-group-button .radio-list-vertical{flex-direction:column;width:100%}.radio-group-button .radio-list-vertical ui-radio:not(:first-child){margin-inline-start:0;margin-top:-1px}.radio-group-button .radio-list-vertical ui-radio:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.radio-group-button .radio-list-vertical ui-radio:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.radio-group-skeleton .radio-group-label{background:var(--bg-primary, #e5e7eb);color:transparent;border-radius:4px;width:150px}.helper-text{font-size:0.875rem;color:var(--label-subtitle-color, var(--text-muted, #6b7280));display:flex;align-items:center;gap:4px;margin-top:4px}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.radio-group-disabled{opacity:0.6;pointer-events:none}.radio-group-invalid .radio-group-label{color:var(--color-danger-hover, #dc2626)}`;
-
-const RadioGroup = class {
-    internals;
-    get el() { return getElement(this); }
-    value = '';
-    name = '';
-    disabled = false;
-    readonly = false;
-    required = false;
-    invalid = false;
-    label = '';
-    helperText = '';
-    errorMessage = '';
-    layout = 'vertical';
-    columns = 2;
-    gap = '16px';
-    size = 'md';
-    color = 'primary';
-    options = [];
-    labelPosition = 'right';
-    enableAnimation = true;
-    rippleEffect = true;
-    buttonGroup = false;
-    variant = 'default';
-    skeleton = false;
-    allowEmpty = false;
-    showDot = true;
-    /** Entrance animation */
-    reveal = 'none';
-    /** Delay for entry animation (ms) */
-    revealDelay = 0;
-    /** Stagger delay between items */
-    revealStagger = 60;
-    /** High-Fidelity: Searchable options */
-    searchable = false;
-    /** High-Fidelity: Search bar placeholder */
-    searchPlaceholder = 'Search items...';
-    /** High-Fidelity: RTL support */
-    rtl = false;
-    radios = [];
-    searchQuery = '';
-    radioGroupChange;
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.radioGroupChange = createEvent(this, "radioGroupChange");
-        this.internals = this.el.attachInternals();
-    }
-    componentWillLoad() {
-        this.updateOptions();
-        this.internals.setFormValue(this.value);
-    }
-    componentDidLoad() {
-        this.syncRadios();
-    }
-    componentDidUpdate() {
-        this.syncRadios();
-    }
-    watchValue() {
-        this.syncRadios();
-    }
-    updateOptions() {
-        let newRadios = [];
-        if (typeof this.options === 'string') {
-            try {
-                newRadios = JSON.parse(this.options);
-            }
-            catch {
-                console.error('Invalid options JSON');
-                newRadios = [];
-            }
-        }
-        else if (Array.isArray(this.options)) {
-            newRadios = [...this.options];
-        }
-        if (JSON.stringify(this.radios) !== JSON.stringify(newRadios)) {
-            this.radios = newRadios;
-        }
-    }
-    handleRadioClick(event) {
-        if (!this.allowEmpty)
-            return;
-        // Handle both Shadow DOM and Light DOM targets
-        // Handle both Shadow DOM and Light DOM targets
-        const target = (event.target.closest('ui-radio') ||
-            (event.composedPath && event.composedPath().find((el) => el.tagName === 'UI-RADIO')));
-        if (target && !target.disabled && !this.disabled) {
-            // If clicking the currently selected radio
-            if (target.value === this.value) {
-                // Prevent default to stop native radio from enforcing checked state (though it usually stays checked)
-                event.preventDefault();
-                event.stopPropagation();
-                this.value = '';
-                this.radioGroupChange.emit({ value: '' });
-            }
-        }
-    }
-    handleRadioChange(event) {
-        // Update the group's value when a child radio is checked
-        const { checked, value } = event.detail;
-        if (checked) {
-            this.value = value;
-            this.internals.setFormValue(value);
-            this.updateValidity();
-            this.radioGroupChange.emit({ value });
-        }
-    }
-    updateValidity() {
-        if (this.required && !this.value) {
-            this.internals.setValidity({ valueMissing: true }, 'Please select an option.', this.el);
-        }
-        else {
-            this.internals.setValidity({});
-        }
-    }
-    /**
-     * Checks the component's validity.
-     */
-    async checkValidity() {
-        return this.internals.checkValidity();
-    }
-    /**
-     * Reports the component's validity.
-     */
-    async reportValidity() {
-        return this.internals.reportValidity();
-    }
-    getRadios() {
-        const shadowRadios = Array.from(this.el.shadowRoot.querySelectorAll('ui-radio'));
-        const lightRadios = Array.from(this.el.querySelectorAll('ui-radio'));
-        return [...shadowRadios, ...lightRadios];
-    }
-    syncRadios() {
-        const radios = this.getRadios();
-        radios.forEach((radio, index) => {
-            radio.checked = radio.value === this.value;
-            radio.isButton = this.buttonGroup;
-            radio.variant = this.variant;
-            radio.skeleton = this.skeleton;
-            radio.name = this.name; // Propagate name
-            radio.reveal = this.reveal;
-            radio.revealDelay = this.revealDelay + (index * this.revealStagger);
-            radio.rtl = this.rtl;
-        });
-    }
-    renderLabel() {
-        if (!this.label)
-            return null;
-        return (h("div", { class: "radio-group-label" }, this.label, this.required && h("span", { class: "required-indicator" }, "*")));
-    }
-    renderSearch() {
-        if (!this.searchable)
-            return null;
-        return (h("div", { class: {
-                'radio-search': true,
-                'search-active': this.searchQuery.length > 0
-            } }, h("div", { class: "search-input-wrapper" }, h("ui-icon", { name: "search", library: "lucide", class: "search-icon" }), h("ui-input", { type: "text", placeholder: this.searchPlaceholder, onInputChange: (e) => { this.searchQuery = e.detail.toLowerCase(); }, value: this.searchQuery, size: "sm", fullWidth: true }), this.searchQuery.length > 0 && (h("ui-button", { variant: "ghost", class: "clear-search", onClick: () => { this.searchQuery = ''; }, ariaLabel: "Clear search", icon: "x", iconLibrary: "lucide", iconOnly: true, size: "sm" })))));
-    }
-    render() {
-        const visibleOptions = Array.isArray(this.radios) ? this.radios.filter(opt => !this.searchQuery || opt.label.toLowerCase().includes(this.searchQuery)) : [];
-        const containerClasses = {
-            'radio-group': true,
-            [`radio-group-${this.layout}`]: true,
-            'radio-group-disabled': this.disabled,
-            'radio-group-invalid': this.invalid,
-            'radio-group-button': this.buttonGroup,
-            [`radio-group-variant-${this.variant}`]: true,
-            'radio-group-skeleton': this.skeleton,
-        };
-        const radioListClasses = {
-            'radio-list': true,
-            [`radio-list-${this.layout}`]: true,
-        };
-        const listStyle = {
-            ...(this.layout === 'grid' ? { 'grid-template-columns': `repeat(${this.columns}, 1fr)` } : {}),
-            'gap': this.gap
-        };
-        return (h("div", { key: '8f4bf0db359a75ef98dfb5719adbd6b70fea3c38', class: containerClasses, role: "radiogroup", "aria-label": this.label, dir: this.rtl ? 'rtl' : 'ltr' }, this.renderLabel(), this.renderSearch(), h("div", { key: '6eb5c03abf60138dd6b20b7830fdc80310729bf8', class: radioListClasses, style: listStyle }, h("slot", { key: 'bdc217a91c554f749634d0b9ba2965b1f626ee27' }), visibleOptions.length === 0 && this.searchQuery && (h("div", { key: 'f7dd1dc1cda443e0877a64c5e04cba402f905c6f', class: "no-results" }, "No matches found")), visibleOptions.map((option, idx) => (h("ui-radio", { value: option.value, label: option.label, description: option.description, badge: option.badge, tooltip: option.tooltip, "tooltip-position": option.tooltipPosition, name: this.name, checked: this.value === option.value, disabled: this.disabled || option.disabled, readonly: this.readonly, invalid: this.invalid, size: this.size, color: this.color, "label-position": this.labelPosition, "show-dot": this.showDot, "enable-animation": this.enableAnimation, "ripple-effect": this.rippleEffect, "is-button": this.buttonGroup, variant: this.variant, skeleton: this.skeleton, reveal: this.reveal, "reveal-delay": this.revealDelay + (idx * this.revealStagger), rtl: this.rtl })))), this.renderHelperText()));
-    }
-    renderHelperText() {
-        if (this.invalid && this.errorMessage) {
-            return (h("div", { class: "helper-text error" }, h("ui-icon", { library: "lucide", name: "alert-circle", size: "14px" }), this.errorMessage));
-        }
-        if (this.helperText) {
-            return h("div", { class: "helper-text" }, this.helperText);
-        }
-        return null;
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "value": [{
-                "watchValue": 0
-            }],
-        "options": [{
-                "updateOptions": 0
-            }]
-    }; }
-};
-RadioGroup.style = radioGroupCss();
-
-export { RadioGroup as ui_radio_group };

package/dist/esm/ui-radio.entry.js

@@ -1,204 +0,0 @@
-import { a as getElement, r as registerInstance, c as createEvent, h } from './index-DUsoYu9r.js';
-import { n as normalizeComponentSize } from './component-size-C7gf39HE.js';
-
-const radioCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, var(--text-primary, #111827));--ui-radio-description:var(--label-subtitle-color, var(--text-secondary, #6b7280));--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}`;
-
-const Radio = class {
-    internals;
-    inputElement;
-    async setFocus() {
-        this.inputElement?.focus();
-    }
-    analyticsEvent;
-    customClass;
-    badge;
-    tooltip;
-    tooltipPosition = 'top';
-    get el() { return getElement(this); }
-    checked = false;
-    disabled = false;
-    readonly = false;
-    invalid = false;
-    label = '';
-    description = '';
-    value = '';
-    name = '';
-    required = false;
-    size = 'md';
-    color = 'primary';
-    labelPosition = 'right';
-    showDot = true;
-    customIcon = '';
-    /** High-Fidelity: Library for custom icons */
-    customIconLibrary = 'lucide';
-    /** High-Fidelity: Custom image for dot */
-    customImage = '';
-    radioTabIndex = 0;
-    ariaLabel = '';
-    ariaDescribedBy = '';
-    enableAnimation = true;
-    rippleEffect = true;
-    skeleton = false;
-    variant = 'default';
-    isButton = false;
-    rtl = false;
-    /** Position of the descriptive text relative to the label */
-    descriptionPosition = 'bottom';
-    /** High-Fidelity: Glow effect when checked */
-    glow = false;
-    /** High-Fidelity: Enable haptic feedback */
-    haptic = false;
-    /** High-Fidelity: Haptic intensity */
-    hapticIntensity = 'light';
-    /** Entry animation when mounting */
-    reveal = 'none';
-    /** Delay for entry animation (ms) */
-    revealDelay = 0;
-    isFocused = false;
-    isHovered = false;
-    radioChange;
-    radioFocus;
-    radioBlur;
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.analyticsEvent = createEvent(this, "analyticsEvent");
-        this.radioChange = createEvent(this, "radioChange");
-        this.radioFocus = createEvent(this, "radioFocus");
-        this.radioBlur = createEvent(this, "radioBlur");
-    }
-    connectedCallback() {
-        // Assign internals after el is available
-        this.internals = this.el.attachInternals();
-    }
-    componentWillLoad() {
-        this.updateFormValue();
-        this.updateValidity();
-    }
-    componentDidLoad() {
-    }
-    handleChange = (event) => {
-        if (this.disabled || this.readonly) {
-            event.preventDefault();
-            return;
-        }
-        const target = event.target;
-        this.checked = target.checked;
-        this.radioChange.emit({
-            checked: this.checked,
-            value: this.value,
-        });
-        this.updateFormValue();
-        this.updateValidity();
-        // Elite: Haptic
-        if (this.haptic && this.checked) {
-            this.triggerHaptic(this.hapticIntensity);
-        }
-        this.analyticsEvent.emit({ checked: this.checked, value: this.value });
-    };
-    triggerHaptic(type = 'light') {
-        if (!window.navigator.vibrate)
-            return;
-        const pattern = type === 'heavy' ? [50, 20, 50] : (type === 'md' ? [30] : [10]);
-        window.navigator.vibrate(pattern);
-    }
-    handleFocus = () => {
-        if (this.disabled)
-            return;
-        this.isFocused = true;
-        this.radioFocus.emit();
-    };
-    handleBlur = () => {
-        this.isFocused = false;
-        this.radioBlur.emit();
-    };
-    handleMouseEnter = () => {
-        if (this.disabled)
-            return;
-        this.isHovered = true;
-    };
-    handleMouseLeave = () => {
-        this.isHovered = false;
-    };
-    handleKeyDown = (event) => {
-        if (this.disabled || this.readonly)
-            return;
-        if (event.key === ' ' || event.key === 'Enter') {
-            event.preventDefault();
-            if (!this.checked) {
-                this.checked = true;
-                this.radioChange.emit({
-                    checked: this.checked,
-                    value: this.value,
-                });
-            }
-        }
-    };
-    updateFormValue() {
-        this.internals.setFormValue(this.checked ? this.value : null);
-    }
-    updateValidity() {
-        if (this.required && !this.checked) {
-            this.internals.setValidity({ valueMissing: true }, 'Please check this box if you want to proceed.', this.el);
-        }
-        else {
-            this.internals.setValidity({});
-        }
-    }
-    /**
-     * Checks the component's validity.
-     */
-    async checkValidity() {
-        return this.internals.checkValidity();
-    }
-    /**
-     * Reports the component's validity.
-     */
-    async reportValidity() {
-        return this.internals.reportValidity();
-    }
-    renderDot() {
-        return (h("div", { class: {
-                'radio-dot-container': true,
-                'radio-dot-visible': this.checked
-            } }, this.customImage ? (h("img", { src: this.customImage, class: "custom-radio-image" })) : this.customIcon ? (h("span", { class: "custom-icon" }, h("ui-icon", { library: this.customIconLibrary, name: this.customIcon }))) : (h("div", { class: "radio-dot" }))));
-    }
-    renderLabel() {
-        if (!this.label && !this.description)
-            return null;
-        return (h("div", { class: `label-section is-${this.descriptionPosition}` }, this.label && h("span", { class: "radio-label-text" }, this.label), this.description && h("span", { class: "radio-description" }, this.description)));
-    }
-    render() {
-        const normalizedSize = normalizeComponentSize(this.size, 'md');
-        const containerClasses = {
-            'radio-container': true,
-            [`radio-${normalizedSize}`]: true,
-            [`radio-${this.color}`]: true,
-            'radio-disabled': this.disabled,
-            'radio-readonly': this.readonly,
-            'radio-invalid': this.invalid,
-            'radio-focused': this.isFocused,
-            'radio-hovered': this.isHovered,
-            [`radio-label-${this.labelPosition}`]: true,
-            'radio-animate': this.enableAnimation,
-            [`radio-variant-${this.variant}`]: true,
-            'radio-skeleton': this.skeleton,
-            'radio-is-button': this.isButton,
-            'radio-checked': this.checked,
-            'radio-rtl': this.rtl,
-            'radio-glow': this.glow,
-            [`radio-reveal-${this.reveal}`]: this.reveal !== 'none',
-            ...(this.customClass ? { [this.customClass]: true } : {}),
-        };
-        const radioClasses = {
-            'radio-input-wrapper': true,
-            'radio-checked': this.checked,
-            'radio-ripple': this.rippleEffect && !this.disabled,
-        };
-        return (h("div", { key: '0c4ce7ac6764c4d375ba9fad698b92085fb210e8', class: containerClasses, dir: this.rtl ? 'rtl' : 'ltr', style: { '--reveal-delay': `${this.revealDelay}ms` } }, h("label", { key: 'cd53fbd547c5721b8f1cde8c291de8338cedc41e', class: "radio-label", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, (this.labelPosition === 'left' || this.labelPosition === 'top') && this.renderLabel(), h("div", { key: 'fe2026a06d12c129b3eb17dd81ed9bc6f6b13938', class: radioClasses }, h("input", { key: 'd68ab326208dd78f6ba549343b68e770b9327332', type: "radio", class: "radio-input", checked: this.checked, disabled: this.disabled || this.skeleton, readonly: this.readonly, value: this.value, name: this.name, tabindex: this.radioTabIndex, "aria-label": this.ariaLabel || this.label, "aria-describedby": this.ariaDescribedBy, "aria-checked": this.checked.toString(), "aria-invalid": this.invalid.toString(), onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: el => this.inputElement = el }), h("div", { key: '0d1088ea92be9fa9a6264921291e7deef5cddeb6', class: "radio-circle" }, h("div", { key: '7f86f494d8fba0f6bd19e377df69528be4772b21', class: "glow-layer" }), this.renderDot()), this.badge && !this.skeleton && h("span", { key: '91b0b95ccd42b008bfc3aecede34a72759885371', class: "radio-badge" }, this.badge), this.tooltip && !this.skeleton && (h("div", { key: '25103349c130ec435844598f0105161008bf683b', class: `radio-tooltip radio-tooltip-${this.tooltipPosition}` }, this.tooltip))), (this.labelPosition === 'right' || this.labelPosition === 'bottom') && this.renderLabel(), this.skeleton && h("div", { key: '7022cb0f5cf4ca8c10e533265083eac0dfd3021d', class: "radio-skeleton-shimmer" })), (this.invalid || !this.internals.validity.valid) && (h("div", { key: 'b019b76af7c19c92e35dcf6349100f34b6a68a45', class: "radio-error-message", role: "alert" }, this.internals.validationMessage || 'Selection required'))));
-    }
-    static get delegatesFocus() { return true; }
-    static get formAssociated() { return true; }
-};
-Radio.style = radioCss();
-
-export { Radio as ui_radio };

package/dist/exploration-project-tailwind/p-01c7db7a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a,h as t,H as s}from"./p-DUsoYu9r.js";const r=class{constructor(a){e(this,a),this.asideClosed=i(this,"asideClosed"),this.asideOpened=i(this,"asideOpened"),this.asideResized=i(this,"asideResized"),this.asideActionClick=i(this,"asideActionClick"),this.asideStateChange=i(this,"asideStateChange")}open=!1;direction="right";size="320px";mini=!1;miniSize="64px";pinned=!1;variant="default";theme="default";haptic=!1;enableParallax=!1;enableVoiceControl=!1;syncGroup="";maximized=!1;autoMini=!0;toggleShortcut="";showActions=!1;actionItems=[];stackOffset=0;scope="body";closeable=!0;closeOnOverlayClick=!0;showOverlay=!1;closeOnEscape=!0;resizable=!1;resizeHandleColor="";showResizeIndicator=!0;minSize=200;rtl=!1;maxSize=1200;backdropBlur="0";transitionDuration="1s";animationType="slide-in-out";loading=!1;progress=-1;badge="";persistKey;floatingOffset="20px";secondarySize="auto";floatingAlign="stretch";backgroundColor="white";asideClosed;asideOpened;asideResized;asideActionClick;asideStateChange;currentSize;isResizing=!1;isListening=!1;mouseRotation={x:0,y:0};get hostElement(){return a(this)}startPos=0;startSize=0;firstFocusableEl;lastFocusableEl;watchOpenHandler(e){e?(this.playHaptic("open"),this.asideOpened.emit(),this.handleFocusTrap(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.add("ui-aside-open")):(this.playHaptic("close"),this.asideClosed.emit(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.remove("ui-aside-open")),this.asideStateChange.emit({open:this.open,mini:this.mini})}watchMiniHandler(){this.playHaptic("toggle"),this.asideStateChange.emit({open:this.open,mini:this.mini}),this.saveState()}handleWindowResize(){this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}componentWillLoad(){this.loadState(),this.currentSize||(this.currentSize=parseInt(this.size)),this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}handleRemoteSync(e){this.syncGroup&&e.detail.group===this.syncGroup&&e.detail.sourceId!==this.hostElement.id&&(this.open=e.detail.open,this.mini=e.detail.mini)}broadcastState(){this.syncGroup&&window.dispatchEvent(new CustomEvent("asideRemoteState",{detail:{group:this.syncGroup,sourceId:this.hostElement.id,open:this.open,mini:this.mini}}))}playHaptic(e){if(this.haptic)try{const i=new(window.AudioContext||window.webkitAudioContext),a=i.createOscillator(),t=i.createGain();a.connect(t),t.connect(i.destination);const s=i.currentTime;"open"===e?(a.frequency.setValueAtTime(440,s),a.frequency.exponentialRampToValueAtTime(880,s+.1)):"close"===e?(a.frequency.setValueAtTime(880,s),a.frequency.exponentialRampToValueAtTime(220,s+.15)):(a.frequency.setValueAtTime(660,s),a.frequency.exponentialRampToValueAtTime(440,s+.1)),t.gain.setValueAtTime(.1,s),t.gain.exponentialRampToValueAtTime(.01,s+.15),a.start(),a.stop(s+.15)}catch(e){}}disconnectedCallback(){"body"===this.scope&&document.body.classList.remove("ui-aside-open")}watchSizeHandler(e){e&&(this.currentSize=parseInt(e))}componentDidLoad(){this.open&&this.handleFocusTrap()}loadState(){if(this.persistKey){const e=localStorage.getItem(`aside-panel-${this.persistKey}`);if(e)try{const{open:i,mini:a,size:t}=JSON.parse(e);this.open=i,this.mini=a,this.currentSize=t}catch(e){console.warn("Failed to load aside-panel state",e)}}}saveState(){this.persistKey&&localStorage.setItem(`aside-panel-${this.persistKey}`,JSON.stringify({open:this.open,mini:this.mini,size:this.currentSize}))}handleFocusTrap(){this.open&&!this.mini&&setTimeout((()=>{const e=this.hostElement.shadowRoot?.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]');e&&e.length>0&&(this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1],this.firstFocusableEl.focus())}),100)}handleKeyDown(e){if(this.toggleShortcut&&e.ctrlKey&&e.key.toLowerCase()===this.toggleShortcut.toLowerCase())return e.preventDefault(),void this.toggle();if(this.open){if(this.closeOnEscape&&"Escape"===e.key&&!this.pinned&&this.handleClose(),this.resizable&&e.altKey){const i=e.shiftKey?50:10;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();let a=0;"ArrowLeft"===e.key&&(a="left"===this.direction?-i:"right"===this.direction?i:0),"ArrowRight"===e.key&&(a="left"===this.direction?i:"right"===this.direction?-i:0),"ArrowUp"===e.key&&(a="top"===this.direction?-i:"bottom"===this.direction?i:0),"ArrowDown"===e.key&&(a="top"===this.direction?i:"bottom"===this.direction?-i:0),this.currentSize=Math.max(this.minSize,Math.min(this.maxSize,this.currentSize+a)),this.asideResized.emit({size:this.currentSize}),this.saveState(),this.playHaptic("toggle")}}if("Tab"===e.key){const i=this.hostElement.shadowRoot,a=i?i.activeElement:document.activeElement;e.shiftKey?a===this.firstFocusableEl&&(this.lastFocusableEl.focus(),e.preventDefault()):a===this.lastFocusableEl&&(this.firstFocusableEl.focus(),e.preventDefault())}}}async toggleMaximize(){this.maximized=!this.maximized,this.playHaptic("toggle")}async toggle(){this.open=!this.open}async toggleMini(){this.mini=!this.mini}async show(){this.open=!0}async hide(){this.pinned||(this.open=!1)}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const e=new window.webkitSpeechRecognition;e.continuous=!1,e.interimResults=!1,e.lang="en-US",e.onstart=()=>{this.isListening=!0},e.onend=()=>{this.isListening=!1},e.onresult=e=>{const i=e.results[0][0].transcript.toLowerCase();(i.includes("side")||i.includes("panel"))&&((i.includes("open")||i.includes("show"))&&this.show(),(i.includes("close")||i.includes("hide"))&&this.hide(),(i.includes("mini")||i.includes("collapse"))&&(this.mini=!0),i.includes("expand")&&(this.mini=!1))},e.start()}handleResizeStart=e=>{this.resizable&&!this.mini&&(e.preventDefault(),this.isResizing=!0,this.startPos="left"===this.direction||"right"===this.direction?e.clientX:e.clientY,this.startSize=this.currentSize,document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd))};handleResizeMove=e=>{if(!this.isResizing)return;let i=0,a=0;"left"===this.direction||"right"===this.direction?(a=.9*window.innerWidth,i="left"===this.direction?e.clientX-this.startPos:this.startPos-e.clientX):(a=.9*window.innerHeight,i="top"===this.direction?e.clientY-this.startPos:this.startPos-e.clientY);let t=this.startSize+i;const s=Math.min(this.maxSize,a);t=Math.max(this.minSize,Math.min(s,t)),this.currentSize=t};handleResizeEnd=()=>{this.isResizing=!1,document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.asideResized.emit({size:this.currentSize}),this.saveState()};handleClose=()=>{this.pinned||(this.open=!1)};handleOverlayClick=()=>{this.closeOnOverlayClick&&!this.pinned&&this.handleClose()};handleParallax=e=>{if(!this.enableParallax||!this.open||this.mini)return;const i=this.hostElement.getBoundingClientRect();this.mouseRotation={x:5*((e.clientY-i.top)/i.height-.5),y:5*-((e.clientX-i.left)/i.width-.5)}};resetParallax=()=>{this.mouseRotation={x:0,y:0}};hostStyle(){const e={},i=this.maximized?"90%":this.mini?this.miniSize:this.currentSize?`${this.currentSize}px`:this.size,a="floating"===this.variant,t=a?this.floatingOffset:this.stackOffset?`${this.stackOffset}px`:"0";let s="none";return"left"===this.direction||"right"===this.direction?(e.width=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.top=t,e.bottom=t,e.height=`calc(100vh - 2 * ${t})`):(e.height="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.top=t,e.bottom="auto"):"end"===this.floatingAlign?(e.bottom=t,e.top="auto"):(e.top="50%",s="translateY(-50%)")):(e.height="100vh",e.top="0",e.bottom="0")):(e.height=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.left=t,e.right=t,e.width=`calc(100vw - 2 * ${t})`):(e.width="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.left=t,e.right="auto"):"end"===this.floatingAlign?(e.right=t,e.left="auto"):(e.left="50%",s="translateX(-50%)")):(e.width="100vw",e.left="0",e.right="0")),!this.enableParallax||this.mini||this.maximized||(s="none"===s?"":s,s+=` perspective(1000px) rotateX(${this.mouseRotation.x}deg) rotateY(${this.mouseRotation.y}deg)`),e["--aside-center-transform"]=s.trim(),e["--aside-transition-duration"]=this.transitionDuration,e["--aside-bg"]=this.backgroundColor||"white",e.backgroundColor="var(--aside-bg, #ffffff)",e}render(){const e="default"!==this.theme?this.theme:this.variant;return t(s,{key:"96228f17ee1f0fab8f11427ee6055f42234418cb",class:{"aside-container":!0,open:this.open,mini:this.mini,maximized:this.maximized,[`theme-${e}`]:!0,[`variant-${e}`]:!0,[`dir-${this.direction}`]:!0,[`animation-${this.animationType}`]:!0,"is-pinned":this.pinned,rtl:this.rtl},style:this.hostStyle(),role:"complementary","aria-expanded":this.open.toString(),"aria-hidden":(!this.open).toString()},this.showOverlay&&!this.mini&&t("div",{key:"5dae19f30e04a7fc18cb0fef62a8319f79296160",class:{overlay:!0,visible:this.open},style:{backdropFilter:"0"!==this.backdropBlur?`blur(${this.backdropBlur})`:"none"},onClick:this.handleOverlayClick}),t("div",{key:"688ced9dccc2bfe6ee489e8283146f8863044224",class:{panel:!0,[`panel-${this.direction}`]:!0,open:this.open,mini:this.mini,resizing:this.isResizing,loading:this.loading,"parallax-active":this.enableParallax},style:this.hostStyle(),onMouseMove:this.handleParallax,onMouseLeave:this.resetParallax},this.loading&&t("div",{key:"e78d13a733dbd6e9b2949634c8b107cab6225d24",class:"loading-overlay"},t("div",{key:"c7db0694fba52bfbc8d6a90440976556a85056c6",class:"spinner"})),this.resizable&&!this.mini&&t("div",{key:"ecc06e0c68c743eff86b12e2bb978369743924d7",class:`resize-handle resize-handle-${this.direction}`,style:this.resizeHandleColor?{backgroundColor:this.resizeHandleColor}:{},onMouseDown:this.handleResizeStart},this.showResizeIndicator&&t("div",{key:"28156c16815117726861da00bb93165c174fc1fe",class:"resize-indicator"},t("span",{key:"6b4e06e9ae3935a5a68dfbd2a51b53b1172fdd0f"}),t("span",{key:"82558b01333dff587f0afd3d723a7e592a757ede"}),t("span",{key:"c8e3a7ab11462c951e1477b5abcae131e2019129"}))),t("div",{key:"ab67f36b3f4dd65dffdb6fd4e12bb09d04fa4d59",class:"panel-header-toolbar"},t("div",{key:"627055ac7880157e1ccdb43587832fb151800202",class:"toolbar-left"},this.mini?t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Expand",onClick:()=>this.toggleMini()}):t("div",{style:{display:"flex",gap:"4px"}},t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Collapse to Mini",onClick:()=>this.toggleMini()}),!this.mini&&t("ui-button",{variant:"ghost",size:"sm",icon:this.maximized?"minimize":"maximize",iconLibrary:"lucide",iconSize:"14px",ariaLabel:this.maximized?"Restore":"Maximize",onClick:()=>this.toggleMaximize()})),this.enableVoiceControl&&t("ui-button",{key:"67bd0e21f1411391f2ee3bfc9d752ce267012401",variant:"ghost",size:"sm",icon:"mic",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Voice Interaction",class:this.isListening?"active":"",onClick:()=>this.initVoice()})),t("div",{key:"fa9bad7d620cab7d18cf9234f50f985378b472f5",class:"toolbar-right"},this.showActions&&t("ui-button",{key:"7688f94038ec6a27423be56b787873631614cdc2",id:"aside-actions-trigger",variant:"ghost",size:"sm",icon:"ellipsis-vertical",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"More Actions",onClick:()=>this.asideActionClick.emit()}),this.showActions&&t("ui-context-menu",{key:"32daa2cbf1311059c80058a3ad587946f24b8e59",items:this.actionItems,target:"#aside-actions-trigger",openOn:"click",placement:"bottom",onItemSelect:e=>this.asideActionClick.emit(e.detail)}),this.pinned&&t("ui-icon",{key:"a3e70a59b575c0376c151e0c6a1db1553a9dd1e9",name:"pin",library:"lucide",size:"14px",class:"pin-status"}),this.closeable&&!this.pinned&&t("ui-button",{key:"c686337c8755a0375b4c87239bf95d2838f8bd36",variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"Close panel",onClick:this.handleClose}))),t("div",{key:"b4c1294140c10f94287ba98fa86f16627c61bb5b",class:"panel-header"},t("div",{key:"cd0533b0730d96b11136e68ce6a1e0372885ff4f",class:"header-main"},t("slot",{key:"687c43c34a171ff4351e8a41778da102826ce2f8",name:"header"}),this.badge&&t("span",{key:"830f3cb27cf809029f686bacbd488a6dcbcedad3",class:"header-badge"},this.badge)),this.progress>-1&&t("div",{key:"6c37bd10a8d7bfac71cc7aa619c44b4145400681",class:"header-progress"},t("div",{key:"07fbdc20712c119f1e345fcd070f2eb33f7380e6",class:"progress-bar",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))),t("div",{key:"569c75c3b02918bb22d3ffc4322a882267b92bb9",class:"panel-content"},t("slot",{key:"9255c9b298178ae03bae04acd856d8b528ddf808",name:"content"}),t("slot",{key:"0c071717c63c6baabfd5350cad38f57621989c6c"})),!this.mini&&t("div",{key:"d2a629a5864e57d917ca7a5a8256125a8a8ec0a4",class:"panel-footer"},t("slot",{key:"9b79d14c480eefa03ef84e73e5363bca9cd63e6e",name:"footer"}))))}static get watchers(){return{open:[{watchOpenHandler:0}],mini:[{watchMiniHandler:0}],size:[{watchSizeHandler:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:contents;--aside-overlay-bg:rgba(0, 0, 0, 0.4);--aside-panel-bg:var(--aside-bg, var(--bg-primary, #ffffff));--aside-panel-shadow:0 10px 40px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.06);--aside-panel-text:var(--text-primary, #0f172a);--aside-close-btn-color:var(--text-muted, #64748b);--aside-close-btn-hover-color:var(--text-primary, #0f172a);--aside-close-btn-hover-bg:var(--bg-secondary, #f1f5f9);--aside-close-btn-focus:var(--color-primary, #10b981);--aside-resize-handle-hover:var(--color-primary, #10b981);--aside-resize-handle-active:var(--color-primary-hover, #2563eb);--aside-panel-padding:32px;--aside-transition-duration:1s;--aside-ease:cubic-bezier(0.65, 0, 0.35, 1);--aside-z-index-overlay:1500;--aside-z-index-panel:1501;--aside-mini-size:64px}.aside-container{display:block}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--aside-overlay-bg);opacity:0;visibility:hidden;transition:opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);transition-delay:var(--aside-transition-duration);z-index:var(--aside-z-index-overlay)}.overlay.visible{opacity:1;visibility:visible;transition-delay:0s}.panel{position:fixed;background-color:var(--aside-panel-bg);color:var(--aside-panel-text);box-shadow:var(--aside-panel-shadow);transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);z-index:var(--aside-z-index-panel);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;pointer-events:none;transform-style:preserve-3d;--aside-dir-transform:translate(0, 0);transform:var(--aside-center-transform, none) var(--aside-dir-transform)}.panel-left{--aside-dir-transform:translateX(-110%)}.panel-right{--aside-dir-transform:translateX(110%)}.panel-top{--aside-dir-transform:translateY(-110%)}.panel-bottom{--aside-dir-transform:translateY(110%)}.panel.open{visibility:visible;pointer-events:auto;--aside-dir-transform:translate(0, 0)}.panel.maximized{width:90% !important;height:90% !important;border-radius:16px;z-index:1550;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5);margin:1%}.panel.maximized .resize-handle{display:none !important}.panel.resizing{transition:none !important;user-select:none}.parallax-active{transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease)}.panel.mini .panel-header,.panel.mini .panel-footer,.panel.mini .toolbar-right,.panel.mini .close-btn{display:none !important}.panel.mini .panel-content{opacity:0.1;filter:blur(4px);pointer-events:none}.panel-header-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.05)}.panel-header-toolbar .toolbar-left,.panel-header-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-btn{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--aside-close-btn-color);transition:all 0.2s ease}.toolbar-btn:hover{background:var(--aside-close-btn-hover-bg);color:var(--aside-close-btn-hover-color)}.voice-btn.active{color:var(--color-danger, #ef4444);animation:voice-breathing 1.5s infinite ease-in-out}.panel-header{padding:24px var(--aside-panel-padding);border-bottom:1px solid var(--border-subtle, #e2e8f0);position:relative}.panel-header .header-main{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-header .header-badge{background:var(--border-subtle, #e2e8f0);color:var(--color-primary, #475569);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}.panel-header .header-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0, 0, 0, 0.05)}.panel-header .header-progress .progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 0.3s ease}.theme-zenith .header-badge{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.2);color:var(--color-success, #10b981)}.theme-zenith .header-progress .progress-bar{background:var(--color-success, #10b981);box-shadow:0 0 5px var(--color-success, #10b981)}.panel-content{flex:1;padding:var(--aside-panel-padding);overflow-y:auto}.panel-footer{padding:20px var(--aside-panel-padding);border-top:1px solid var(--border-subtle, #e2e8f0);background-color:var(--bg-primary, #f8fafc)}.variant-glass .panel,.theme-glass .panel{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.3)}.variant-glass.panel-left{border-right:1px solid rgba(255, 255, 255, 0.3)}.variant-floating .panel{border-radius:16px;border:1px solid rgba(0, 0, 0, 0.08);box-shadow:0 20px 40px -10px rgba(0, 0, 0, 0.2), 0 10px 15px -5px rgba(0, 0, 0, 0.1)}.variant-floating .panel.panel-right:not(.open){--aside-dir-transform:translateX(calc(100% + 80px))}.variant-floating .panel.panel-left:not(.open){--aside-dir-transform:translateX(calc(-100% - 80px))}.variant-floating .panel.panel-top:not(.open){--aside-dir-transform:translateY(calc(-100% - 80px))}.variant-floating .panel.panel-bottom:not(.open){--aside-dir-transform:translateY(calc(100% + 80px))}.theme-radiant .panel{background:linear-gradient(135deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));border:2px solid transparent;background-clip:padding-box;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15)}.theme-zenith .panel{background:var(--bg-secondary, #0f172a);color:var(--bg-primary, #ffffff);border-color:var(--bg-primary, var(--border-subtle, #1e293b))}.theme-zenith .panel .panel-header,.theme-zenith .panel .panel-footer{border-color:var(--bg-primary, var(--border-subtle, #1e293b));background:var(--bg-primary, var(--border-subtle, #1e293b))}.resize-handle{position:absolute;background-color:transparent;z-index:1510;transition:background-color 0.2s ease, opacity 0.2s ease;display:flex;align-items:center;justify-content:center}.resize-handle:hover{background-color:var(--aside-resize-handle-hover)}.resize-indicator{display:flex;gap:2px;pointer-events:none;opacity:0.5}.resize-handle:hover .resize-indicator{opacity:1}.resize-handle-left,.resize-handle-right{flex-direction:column}.resize-handle-left .resize-indicator,.resize-handle-right .resize-indicator{flex-direction:column}.resize-indicator span{width:3px;height:3px;background-color:currentColor;border-radius:50%;box-shadow:0 0 2px rgba(0, 0, 0, 0.2)}.resize-handle-left{right:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-right{left:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-top{bottom:0;left:0;right:0;height:6px;cursor:ns-resize}.resize-handle-bottom{top:0;left:0;right:0;height:6px;cursor:ns-resize}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;z-index:1600;backdrop-filter:blur(4px);overflow:hidden}.loading-overlay::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent);animation:aside-shimmer 2s infinite}.spinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:aside-spin 1s infinite linear}@keyframes aside-spin{to{transform:rotate(360deg)}}@keyframes aside-shimmer{100%{left:200%}}.theme-zenith .panel.open{animation:zenith-heartbeat 4s ease-in-out infinite}@keyframes zenith-heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(var(--color-success-rgb, 16, 185, 129), 0)}50%{box-shadow:0 0 20px 2px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}}@media (prefers-color-scheme: dark){:host{--aside-panel-bg:var(--bg-primary, #1e293b);--aside-panel-text:var(--bg-secondary, #f1f5f9)}.panel-header,.panel-footer{border-color:var(--color-primary, #334155)}.panel-footer{background:var(--bg-secondary, #0f172a)}.loading-overlay{background:rgba(15, 23, 42, 0.7)}}.aside-container.animation-slide-in-out .panel{opacity:1}.aside-container.animation-fade .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:translate(0, 0) !important}.aside-container.animation-fade .panel.open{opacity:1;visibility:visible}.aside-container.animation-scale .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:scale(0.95)}.aside-container.animation-scale .panel.open{opacity:1;visibility:visible;--aside-dir-transform:scale(1)}.variant-none .panel,.theme-none .panel{background:transparent !important;box-shadow:none !important;border:none !important}';export{r as ui_aside_panel}

package/dist/exploration-project-tailwind/p-5ce0dbd8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,a,h as e,H as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-D2WzX6vR.js";const n=class{constructor(a){t(this,a),this.cardFlip=r(this,"cardFlip"),this.menuItemClick=r(this,"menuItemClick"),this.expandToggle=r(this,"expandToggle"),this.cardToggle=r(this,"cardToggle"),this.cardClick=r(this,"cardClick"),this.cardSelect=r(this,"cardSelect"),this.cardClose=r(this,"cardClose"),this.menuActionClick=r(this,"menuActionClick")}get element(){return a(this)}cardId="";cardTitle="";variant="default";size="default";layout="vertical";color="default";displayMode="default";shape="default";glass=!1;bordered=!0;border="";borderRadius="8px";importance="standard";pattern="default";headStyle={};bodyStyle={};type="default";width="100%";height="auto";aspectRatio="16/9";hoverable=!1;flippable=!1;flipTrigger="click";flipped=!1;collapsible=!1;collapsed=!1;closable=!1;selectable=!1;selected=!1;clickable=!1;href="";target="";tilt=!1;magnetic=!1;cover="";coverAlt="Card cover";extra="";avatar="";avatarIcon="";ribbon="";ribbonPosition="top-right";ribbonColor="";description="";tag="";buttonText="";actions="";showMenu=!1;menuItems="[]";menuActions="";iconLibrary="default";loading=!1;autoScroll=!1;scrollBehavior="smooth";isFlipped=!1;isMenuOpen=!1;isCollapsed=!1;parsedMenuItems=[];magneticTransform="";tiltTransform="";cardFlip;menuItemClick;expandToggle;cardToggle;cardClick;cardSelect;cardClose;menuActionClick;menuRef;handleMenuPropsChange(){this.parseMenuItems()}handleFlippedChange(t){this.isFlipped=t}handleCollapsedChange(t){this.isCollapsed=t}componentWillLoad(){this.parseMenuItems(),this.isFlipped=this.flipped,this.isCollapsed=this.collapsed}handleClickOutside(t){this.isMenuOpen&&this.menuRef&&!this.menuRef.contains(t.target)&&(this.isMenuOpen=!1)}parseMenuItems(){let t=[];if(this.menuItems&&"[]"!==this.menuItems)try{t=JSON.parse(this.menuItems)}catch(t){console.error("Invalid JSON for menu items:",t)}this.menuActions&&this.menuActions.split(",").map((t=>t.trim())).forEach((r=>{r&&t.push({id:r.toLowerCase().replace(/\s+/g,"-"),label:r})})),this.parsedMenuItems=t}toggleFlip=t=>{t&&t.stopPropagation(),this.flippable&&(this.isFlipped=!this.isFlipped,this.flipped=this.isFlipped,this.cardFlip.emit(this.isFlipped))};toggleCollapse=t=>{t&&t.stopPropagation(),this.collapsible&&(this.isCollapsed=!this.isCollapsed,this.collapsed=this.isCollapsed,this.cardToggle.emit(!this.isCollapsed),this.expandToggle.emit({expanded:!this.isCollapsed}),this.autoScroll&&!this.isCollapsed&&setTimeout((()=>{this.element.scrollIntoView({behavior:this.scrollBehavior,block:"nearest"})}),300))};async scrollToCard(){this.element.scrollIntoView({behavior:this.scrollBehavior,block:"nearest"})}toggleMenu=t=>{t.stopPropagation(),this.isMenuOpen=!this.isMenuOpen};handleMenuItemClick=(t,r)=>{r.stopPropagation();const a=this.parsedMenuItems.find((r=>r.id===t));a?.disabled||(this.menuItemClick.emit({itemId:t,cardId:this.cardId}),this.menuActionClick.emit(t),this.isMenuOpen=!1)};handleCardClick=t=>{const r=t.target;if(!(r.closest("button")||r.closest(".menu-dropdown")||r.closest(".card-actions")||r.closest(".card-action-btn"))){if(!this.flippable||"click"!==this.flipTrigger)return this.selectable?(this.selected=!this.selected,void this.cardSelect.emit(this.selected)):void(this.href?"_blank"===this.target?window.open(this.href,"_blank"):window.location.href=this.href:this.clickable&&this.cardClick.emit());this.toggleFlip(t)}};handleMouseEnter=t=>{this.flippable&&"hover"===this.flipTrigger&&(this.isFlipped=!0,this.flipped=!0,this.cardFlip.emit(!0)),this.handleMouseMove(t)};handleMouseLeave=()=>{this.flippable&&"hover"===this.flipTrigger&&(this.isFlipped=!1,this.flipped=!1,this.cardFlip.emit(!1)),this.tiltTransform="",this.magneticTransform=""};handleMouseMove=t=>{if(!this.magnetic&&!this.tilt||this.loading)return;const r=this.element.getBoundingClientRect(),a=t.clientX-(r.left+r.width/2),e=t.clientY-(r.top+r.height/2);if(this.magnetic){const t=20;this.magneticTransform=`translate(${a/t}px, ${e/t}px)`}this.tilt&&(this.tiltTransform=`perspective(1000px) rotateX(${e/(r.height/2)*-15}deg) rotateY(${a/(r.width/2)*15}deg)`)};handleClose=t=>{t.stopPropagation(),this.cardClose.emit()};renderMenu(){return this.showMenu||this.parsedMenuItems.length>0?e("div",{class:"menu-container",ref:t=>this.menuRef=t},e("ui-button",{variant:"ghost",onClick:this.toggleMenu,ariaLabel:"Card menu",icon:"more-vertical",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.isMenuOpen&&e("div",{class:"menu-dropdown",role:"menu"},this.parsedMenuItems.map((t=>t.separator?e("div",{class:"menu-separator",role:"separator"}):e("ui-button",{variant:"ghost",onClick:r=>this.handleMenuItemClick(t.id,r),disabled:t.disabled,label:t.label,icon:t.icon,iconLibrary:t.iconLibrary||this.iconLibrary,fullWidth:!0,align:"start",size:"sm"}))))):null}renderSkeleton(){return e("div",{class:"skeleton-wrapper"},e("div",{class:"skeleton-header"},e("div",{class:"skeleton-avatar"}),e("div",{class:"skeleton-title-group"},e("div",{class:"skeleton-text skeleton-title"}),e("div",{class:"skeleton-text skeleton-subtitle"}))),e("div",{class:"skeleton-content"},e("div",{class:"skeleton-text full"}),e("div",{class:"skeleton-text full"}),e("div",{class:"skeleton-text half"})))}renderSelectionIndicator(){return this.selectable?e("div",{class:"selection-indicator "+(this.selected?"selected":"")},this.selected&&e("ui-icon",{name:"check",library:"lucide",size:"1.2em",class:"check-icon"})):null}renderHeader(){return this.cardTitle||this.extra||this.avatar||this.avatarIcon||this.closable||this.collapsible||this.showMenu||this.parsedMenuItems.length>0?e("div",{class:"card-header",style:this.headStyle},e("div",{class:"card-header-main"},(this.avatar||this.avatarIcon)&&e("div",{class:"card-avatar"},this.avatar?e("img",{src:this.avatar,alt:"avatar",class:"card-avatar-img"}):e("ui-icon",{name:this.avatarIcon,library:this.iconLibrary,size:"1.2em"})),e("div",{class:"card-title-group"},this.cardTitle&&e("div",{class:"card-title-text"},this.cardTitle),e("slot",{name:"header"}),e("slot",{name:"title"}))),e("div",{class:"card-actions"},this.extra&&e("div",{class:"card-extra",innerHTML:o(this.extra)}),e("slot",{name:"extra"}),e("slot",{name:"actions"}),this.collapsible&&e("ui-button",{variant:"ghost",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse",icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.renderMenu(),this.closable&&e("ui-button",{variant:"ghost",onClick:this.handleClose,ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}renderCover(){return this.cover||this.element.querySelector('[slot="cover"]')?e("div",{class:"card-cover",style:{aspectRatio:this.aspectRatio}},this.cover&&e("img",{src:this.cover,alt:this.coverAlt}),e("slot",{name:"cover"})):null}renderFooter(){const t=this.actions?this.actions.split(",").map((t=>t.trim())):[];return this.buttonText||t.length>0||this.element.querySelector('[slot="footer"]')?e("div",{class:"card-footer"},this.buttonText&&e("ui-button",{variant:"primary",label:this.buttonText}),t.length>0&&e("ul",{class:"card-quick-actions"},t.map((t=>e("li",null,e("span",{innerHTML:o(t)}))))),e("slot",{name:"footer"})):null}renderFrontCard(){return e("div",{class:{"card-face-content":!0,"card-collapsed":this.isCollapsed,"card-hoverable":this.hoverable,"card-selectable":this.selectable,"card-selected":this.selected,"card-clickable":!(!this.href&&!this.clickable||this.flippable),"card-glass":this.glass,[`card-layout-${this.layout}`]:!0,[`card-importance-${this.importance}`]:!0,[`card-pattern-${this.pattern}`]:!0,[`card-type-${this.type}`]:!0},style:{borderRadius:this.borderRadius,border:this.selected?"2px solid var(--ui-card-selected-border, #3bf673)":this.bordered?this.border||void 0:"none"}},this.renderCover(),e("div",{class:"card-details-wrapper"},this.renderHeader(),e("slot",{name:"tabs"}),!this.isCollapsed&&[e("div",{class:"card-content",style:this.bodyStyle},e("slot",null),e("slot",{name:"content"}),this.description&&e("div",{class:"card-description"},this.description),this.tag&&e("div",{class:"card-tag"},this.tag)),this.renderFooter(),e("slot",{name:"grid"})]))}renderBackCard(){return this.flippable?e("div",{class:"card-face-content card-back",style:{borderRadius:this.borderRadius,border:this.bordered?this.border||void 0:"none"}},e("div",{class:"card-back-header"},e("ui-button",{variant:"ghost",onClick:this.toggleFlip,ariaLabel:"Flip card back",icon:"arrow-left",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),e("div",{class:"card-content"},e("slot",{name:"back"},e("div",{class:"card-back-default"},e("h3",null,"Back Side"),e("p",null,'Add content to the "back" slot to customize this side.'))),e("slot",{name:"back-content"}))):null}render(){const t=["ui-card",`variant-${"string"==typeof this.variant?this.variant:"default"}`,`size-${"string"==typeof this.size?this.size:"md"}`,this.isFlipped&&"is-flipped",this.loading&&"is-loading",this.flippable&&"is-flippable"].filter(Boolean).join(" ");return e(i,{key:"ef88aac3904761439d1c4d689cd89c4c47569894",class:t,style:{width:"string"==typeof this.width?this.width:void 0,height:"string"==typeof this.height?this.height:void 0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.ribbon&&e("div",{key:"a9866c010965c9259e2d566ca909965f63e0dbbb",class:`card-ribbon ribbon-${this.ribbonPosition}`,style:this.ribbonColor?{backgroundColor:this.ribbonColor}:{}},e("span",{key:"24ef228a94d1e6ffc61bc7fef52c4f34ca88daf2"},this.ribbon)),this.loading?e("div",{class:"card-loading-container",style:{borderRadius:this.borderRadius}},this.renderSkeleton()):e("div",{class:"card-container",onClick:this.handleCardClick,onMouseMove:this.handleMouseMove,style:{transform:`${this.magneticTransform} ${this.tiltTransform}`,transition:this.magneticTransform||this.tiltTransform?"none":"transform 0.5s cubic-bezier(0.23, 1, 0.32, 1)"}},this.flippable?e("div",{class:"card-flipper"},e("div",{class:"card-face face-front"},this.renderFrontCard(),this.renderSelectionIndicator()),e("div",{class:"card-face face-back"},this.renderBackCard())):[this.renderFrontCard(),this.renderSelectionIndicator()]))}static get watchers(){return{menuItems:[{handleMenuPropsChange:0}],menuActions:[{handleMenuPropsChange:0}],flipped:[{handleFlippedChange:0}],collapsed:[{handleCollapsedChange:0}]}}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;box-sizing:border-box;--ui-card-selected-border:var(--color-primary, #10b981);--ui-card-primary:var(--color-primary, #10b981);--ui-card-success:var(--color-success, #10b981);--ui-card-warning:var(--color-warning, #f59e0b);--ui-card-danger:var(--color-danger, #ef4444);--ui-card-info:var(--color-info, #06b6d4)}:host *{box-sizing:border-box}.ui-card{font-family:var(--ui-font-family, inherit);position:relative;width:100%;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-container{position:relative;width:100%;height:100%;perspective:1000px}.card-flipper{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}.is-flipped .card-flipper{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:min-content;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex}.face-back{transform:rotateY(180deg)}.card-face-content{display:flex;flex-direction:column;width:100%;background:var(--ui-card-bg, var(--bg-primary, #ffffff));border-radius:var(--ui-card-radius, 8px);overflow:hidden;transition:all 0.3s ease;border:1px solid var(--ui-card-border-color, var(--border-default, #e5e7eb));box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative}.card-details-wrapper{display:flex;flex-direction:column;flex:1;width:100%}.variant-elevated .card-face-content{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.variant-outlined .card-face-content{box-shadow:none;border:2px solid var(--ui-card-border-color, var(--border-default, #e5e7eb))}.variant-filled .card-face-content{background-color:var(--bg-primary, #f9fafb);border:none}.variant-primary .card-face-content{border-left:4px solid var(--ui-card-primary)}.variant-primary .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent)}.variant-success .card-face-content{border-left:4px solid var(--ui-card-success)}.variant-success .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-success-rgb, 16, 185, 129), 0.1), transparent)}.variant-warning .card-face-content{border-left:4px solid var(--ui-card-warning)}.variant-warning .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-warning-rgb, 245, 158, 11), 0.1), transparent)}.variant-danger .card-face-content{border-left:4px solid var(--ui-card-danger)}.variant-danger .card-face-content .card-header{background:linear-gradient(to right, rgba(var(--color-danger-rgb, 239, 68, 68), 0.1), transparent)}.variant-info .card-face-content{border-left:4px solid var(--ui-card-info)}.variant-info .card-face-content .card-header{background:linear-gradient(to right, rgba(6, 182, 212, 0.1), transparent)}.card-importance-emphasized .card-face-content{box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);border:none;background:linear-gradient(135deg, var(--bg-secondary, #111827) 0%, var(--color-primary, #374151) 100%);color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-title-text,.card-importance-emphasized .card-face-content .card-content,.card-importance-emphasized .card-face-content .card-extra,.card-importance-emphasized .card-face-content .card-description{color:var(--text-standard, #ffffff)}.card-importance-emphasized .card-face-content .card-header,.card-importance-emphasized .card-face-content .card-footer{border-bottom-color:rgba(255, 255, 255, 0.1);border-top-color:rgba(255, 255, 255, 0.1)}.card-importance-emphasized .card-face-content .card-action-btn{color:rgba(255, 255, 255, 0.7)}.card-importance-emphasized .card-face-content .card-action-btn:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #ffffff)}.card-pattern-shortcut .card-face-content{text-align:center;padding:32px 24px;align-items:center}.card-pattern-shortcut .card-face-content .card-header{border-bottom:none;padding:0;margin-bottom:16px;flex-direction:column}.card-pattern-shortcut .card-face-content .card-header-main{flex-direction:column;gap:12px}.card-pattern-shortcut .card-face-content .card-title-text{font-size:20px;text-align:center}.card-pattern-shortcut .card-face-content .card-avatar{margin:0 auto 8px;width:64px;height:64px}.card-pattern-shortcut .card-face-content .card-avatar i{font-size:32px}.card-pattern-product .card-cover{background:var(--bg-primary, #f7f7f7)}.card-pattern-product .card-content{padding-top:16px}.card-type-inner{background:var(--bg-primary, #fafafa)}.card-type-inner .card-header{background:transparent;padding:12px 16px;min-height:48px}.card-type-inner .card-content{padding:16px}.card-glass .card-face-content{background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.card-selectable{cursor:pointer;border:2px solid transparent !important}.card-selectable:hover{border-color:var(--border-subtle, #e6f7ff) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.card-selected .card-face-content{border-color:var(--ui-card-selected-border) !important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--ui-card-selected-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff);opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10}.selection-indicator.selected{opacity:1;transform:scale(1)}.card-ribbon{position:absolute;z-index:20;padding:4px 16px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.card-ribbon.ribbon-top-right{top:12px;right:-8px;border-radius:4px 0 0 4px}.card-ribbon.ribbon-top-right::after{content:"";position:absolute;right:0;bottom:-8px;border-right:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-ribbon.ribbon-top-left{top:12px;left:-8px;border-radius:0 4px 4px 0}.card-ribbon.ribbon-top-left::after{content:"";position:absolute;left:0;bottom:-8px;border-left:8px solid transparent;border-top:8px solid rgba(0, 0, 0, 0.3)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f3f4f6);min-height:56px;gap:12px;transition:all 0.3s ease}.card-contain-tabs .card-header{border-bottom:none;padding-bottom:0}.card-header-main{display:flex;align-items:center;gap:12px;flex:1}.card-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-avatar i{font-size:18px;color:var(--text-muted, #9ca3af)}.card-avatar-img{width:100%;height:100%;object-fit:cover}.card-title-text{font-weight:700;font-size:16px;color:var(--text-primary, #111827)}.card-actions{display:flex;align-items:center;gap:4px}.card-extra{font-size:13px;color:var(--text-muted, #6b7280)}.card-action-btn{width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.card-action-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.card-cover{width:100%;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.card-hoverable:hover .card-cover img{transform:scale(1.05)}.card-content{padding:20px;flex:1;color:var(--text-secondary, #4b5563);line-height:1.6}.card-description{margin-top:12px;color:var(--text-muted, #6b7280);font-size:14px}.card-tag{display:inline-block;margin-top:12px;padding:2px 10px;background:var(--bg-secondary, #f3f4f6);border-radius:99px;font-size:12px;color:var(--text-secondary, #4b5563);font-weight:500}.card-footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #f3f4f6);display:flex;flex-direction:column;gap:12px}.card-primary-btn{width:100%;padding:10px;background:var(--ui-card-primary);color:var(--text-standard, #ffffff);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.card-primary-btn:hover{opacity:0.9}.card-quick-actions{list-style:none;padding:0;margin:16px -20px -16px;display:flex;background:var(--bg-primary, #fafafa);border-top:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li{flex:1;padding:12px 16px;text-align:center;color:var(--text-secondary, #4b5563);font-weight:500;cursor:pointer;transition:all 0.2s;border-right:1px solid var(--border-subtle, #f3f4f6)}.card-quick-actions li:last-child{border-right:none}.card-quick-actions li:hover{background:var(--bg-secondary, #f3f4f6);color:var(--ui-card-primary)}.card-layout-horizontal{flex-direction:row !important}.card-layout-horizontal .card-cover{width:35% !important;max-width:300px;height:auto !important;flex-shrink:0}.card-layout-horizontal .card-details-wrapper{flex:1}@media (max-width: 768px){.card-layout-horizontal{flex-direction:column !important}.card-layout-horizontal .card-cover{width:100% !important;max-width:none;aspect-ratio:16/9}}::slotted([slot=grid]){display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1px;background:var(--bg-secondary, #f3f4f6);border-top:1px solid var(--border-subtle, #f3f4f6)}::slotted([slot=grid]) ui-card{margin:0;--ui-card-radius:0}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #f3f4f6);padding:6px;min-width:160px;z-index:100;margin-top:4px;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:8px 12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-secondary, #374151)}.menu-item:hover{background:var(--bg-primary, #f9fafb);color:var(--text-primary, #111827)}.menu-item.menu-item-disabled{opacity:0.5;cursor:not-allowed}.menu-separator{height:1px;background:var(--bg-secondary, #f3f4f6);margin:4px -6px}.card-loading-container{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:20px}.skeleton-avatar{background:var(--bg-secondary, #f3f4f6);width:48px;height:48px;border-radius:50%}.skeleton-text{background:var(--bg-secondary, #f3f4f6);height:16px;border-radius:4px;position:relative;overflow:hidden}.skeleton-text::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.card-clickable{cursor:pointer}:host-context([data-theme=dark]) .card-face-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #f3f4f6)}:host-context([data-theme=dark]) .card-title-text{color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .card-header{border-bottom-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .card-footer{border-top-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-dropdown{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}:host-context([data-theme=dark]) .menu-item{color:var(--bg-secondary, #d1d5db)}:host-context([data-theme=dark]) .menu-item:hover{background:var(--color-primary, #374151);color:var(--text-standard, #f9fafb)}:host-context([data-theme=dark]) .skeleton-text,:host-context([data-theme=dark]) .skeleton-avatar{background:var(--color-primary, #374151)}';export{n as ui_card}

package/dist/exploration-project-tailwind/p-6ab80ead.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as a}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i)}labelLeft="";labelRight="";label;valueLeft="";valueRight="";placeholderLeft="";placeholderRight="";type="text";variant="outlined";size="md";gap="0";fullWidth=!1;render(){return i(a,{key:"fdf7f4502e0ae69ee732870df215948f6dd343d4",class:{"full-width":this.fullWidth}},this.label&&i("div",{key:"fab76ee80e86ffb845930a8b2ce26d210da9e72c",class:"pair-main-label"},this.label),i("div",{key:"cb95a4fda33d88723248c58d57e526f9ab7fc1c6",class:{"pair-container":!0,"is-connected":"0"===this.gap},style:{gap:"0"!==this.gap?this.gap:void 0}},i("div",{key:"562af03d33b4c7ec4f55ffa805dbbda5fa0e2c95",class:"input-item left"},i("ui-input",{key:"c75ac1faec6b8b0903d578064ba60529a923d4eb",label:this.labelLeft,placeholder:this.placeholderLeft,value:this.valueLeft,type:this.type,variant:this.variant,size:this.size,"full-width":!0})),i("div",{key:"2740efa73d5758bf88c58f2853cba1da3f43a420",class:"input-item right"},i("ui-input",{key:"4e110393af0e26ace0de9a68f12a9cb54b90d935",label:this.labelRight,placeholder:this.placeholderRight,value:this.valueRight,type:this.type,variant:this.variant,size:this.size,"full-width":!0}))))}};e.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:auto;min-width:0;--pair-radius:10px}:host.full-width{width:100%}.pair-main-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-secondary, #64748b));margin-bottom:8px}.pair-container{display:flex;align-items:flex-end;width:100%}.pair-container .input-item{flex:1;min-width:0}.pair-container{}.pair-container .input-item.left ui-input::part(container),.pair-container .input-item.right ui-input::part(container){border-radius:var(--pair-radius);border-width:1.5px}.pair-container.is-connected .input-item.left ui-input::part(container){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0.75px}.pair-container.is-connected .input-item.right ui-input::part(container){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0.75px}";export{e as ui_input_pair}