atomicuilibrary 0.1.0 → 0.1.3

package/dist/esm/ui-smart-location-dropdown.entry.js

@@ -1,563 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DUsoYu9r.js';
-import { c as calculateUniversalPlacement } from './dom-BMFah5q3.js';
-
-const smartLocationDropdownCss = () => `.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:100%;--sld-border:#cfd8e3;--sld-border-strong:#b4c1d1;--sld-focus:#2563eb;--sld-text:#10213a;--sld-muted:#62748a;--sld-bg:#ffffff;--sld-panel:rgba(255, 255, 255, 0.98);--sld-panel-solid:#ffffff;--sld-hover:#f3f8ff;--sld-selected:#e8f1ff;--sld-chip:#edf4ff;--sld-shadow:0 18px 40px rgba(15, 23, 42, 0.16)}.location-dropdown{position:relative;width:100%;font-family:"Segoe UI", Roboto, sans-serif}.location-trigger{border:1px solid var(--sld-border);border-radius:14px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);color:var(--sld-text);cursor:pointer;box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease}.location-trigger:hover{border-color:var(--sld-border-strong);box-shadow:0 10px 22px rgba(37, 99, 235, 0.08)}.location-trigger:focus,.location-dropdown.open .location-trigger{border-color:var(--sld-focus);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.14), 0 16px 32px rgba(37, 99, 235, 0.14);outline:none}.location-dropdown.disabled .location-trigger{opacity:0.72;cursor:not-allowed}.trigger-text{flex:1;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-text.placeholder{color:#91a0b4}.trigger-icons{display:inline-flex;align-items:center;gap:6px}.arrow{transition:transform 0.18s ease;color:var(--sld-muted)}.arrow.open{transform:rotate(180deg)}.clear-btn,.fav-btn,.chip-remove{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sld-muted);padding:0}.clear-btn:hover,.fav-btn:hover,.chip-remove:hover{color:var(--sld-text)}.clear-btn{width:24px;height:24px;border-radius:999px;background:#eef4fb}.clear-btn:hover{background:#e2ecf8}.fav-btn.active{color:#d97706}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d7e7ff;background:var(--sld-chip);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9);max-width:100%}.chip-label{font-size:12px;color:#1c3657;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-more{font-size:12px;color:#37557b;align-self:center}.menu{border:1px solid rgba(180, 193, 209, 0.72);border-radius:18px;background:var(--sld-panel-solid);background-color:var(--sld-panel-solid);backdrop-filter:blur(18px);box-shadow:var(--sld-shadow);overflow:hidden;isolation:isolate}.search-row{position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid #edf2f7;background:var(--sld-panel)}.search-input{width:100%;border:1px solid #d4deea;border-radius:12px;padding:11px 13px;font-size:14px;outline:none;background:#f9fbfe;color:var(--sld-text);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease}.search-input:focus{border-color:var(--sld-focus);background:#ffffff;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1)}.options-list{padding:8px;overflow-y:auto;max-height:inherit;background:var(--sld-panel-solid)}.location-option{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid transparent;border-radius:14px;background:var(--sld-panel-solid);transition:background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.location-option:hover,.location-option-highlighted{background:var(--sld-hover);border-color:#d7e7ff;box-shadow:0 10px 24px rgba(37, 99, 235, 0.08);transform:translateY(-1px)}.location-option-selected{background:var(--sld-selected);border-color:#b9d4ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.85)}.location-option-disabled{opacity:0.5;cursor:not-allowed}.location-option-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.location-option-text{min-width:0;display:flex;flex-direction:column}.location-label{font-size:13px;font-weight:600;color:var(--sld-text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.location-code{font-size:11px;color:var(--sld-muted)}.location-option-meta{display:inline-flex;align-items:center;gap:8px}.location-type{font-size:10px;border:1px solid #d8e5f3;border-radius:999px;padding:4px 8px;color:#55708f;background:#f7fbff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.fav-btn{width:28px;height:28px;border-radius:999px;background:#f6f9fc}.fav-btn:hover{background:#ebf2f8}.status{padding:14px;font-size:13px;background:var(--sld-panel-solid)}.status.loading,.status.empty{color:var(--sld-muted)}.status.error{color:#b91c1c;background:#fef2f2}.create-btn{width:100%;border:none;border-top:1px solid #edf2f7;background:#f7fbff;color:var(--sld-text);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;cursor:pointer;font-weight:600}.create-btn:hover{background:#eef6ff}.footer-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding:10px 12px 12px;font-size:11px;color:var(--sld-muted);background:var(--sld-panel)}`;
-
-const SmartLocationDropdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.locationChange = createEvent(this, "locationChange");
-        this.locationSearch = createEvent(this, "locationSearch");
-        this.locationOpen = createEvent(this, "locationOpen");
-        this.locationClose = createEvent(this, "locationClose");
-        this.locationLoadError = createEvent(this, "locationLoadError");
-        this.locationCreate = createEvent(this, "locationCreate");
-    }
-    get hostElement() { return getElement(this); }
-    /** Location options as JSON string or array */
-    options = [];
-    /** Selected value(s): single => 'id', multi => comma-separated ids */
-    value = '';
-    /** Enables multiple location selection */
-    multiSelect = false;
-    /** Placeholder text for trigger */
-    placeholder = 'Select location';
-    /** Enables searching */
-    searchable = true;
-    /** Search placeholder */
-    searchPlaceholder = 'Search country, state, city, postal code...';
-    /** Disables control */
-    disabled = false;
-    /** Show clear action */
-    clearable = true;
-    /** Maximum dropdown height in px */
-    maxHeight = 360;
-    /** Search debounce in ms */
-    debounceMs = 250;
-    /** Max selected items in multi mode (0 = no limit) */
-    maxSelections = 0;
-    /** Max results rendered */
-    resultLimit = 250;
-    /** Show recent selections section */
-    showRecent = true;
-    /** Show favorites section */
-    showFavorites = true;
-    /** Persist recent/favorites in local storage */
-    persistState = true;
-    /** Storage key for persistent state */
-    storageKey = 'ui-smart-location-dropdown-state';
-    /** Display full hierarchy path in options and selected tags */
-    showPath = true;
-    /** Show location type badges */
-    showTypeBadge = true;
-    /** Allow custom value creation from search */
-    allowCustomValue = false;
-    /** Force menu position to ignore transformed/positioned parent offsets */
-    ignoreParentPosition = true;
-    /** Portal menu to document.body (off by default to preserve shadow styling) */
-    portal = false;
-    /** Optional async remote location loader */
-    loadLocations;
-    /** Minimum characters required before async loader executes */
-    remoteMinChars = 2;
-    isOpen = false;
-    parsedOptions = [];
-    remoteOptions = [];
-    selectedIds = new Set();
-    searchQuery = '';
-    loading = false;
-    loadError = '';
-    highlightedIndex = -1;
-    menuLeft = 0;
-    menuTop = 0;
-    menuWidth = 0;
-    dropdownPosition = 'bottom';
-    recentIds = [];
-    favoriteIds = [];
-    locationChange;
-    locationSearch;
-    locationOpen;
-    locationClose;
-    locationLoadError;
-    locationCreate;
-    searchDebounceTimer;
-    searchInputRef;
-    menuElement;
-    optionsRefs = [];
-    rafId;
-    isPortaled = false;
-    searchToken = 0;
-    watchOptions(newValue) {
-        this.parsedOptions = this.normalizeOptions(newValue);
-    }
-    watchValue(newValue) {
-        this.selectedIds = this.parseSelectedIds(newValue);
-    }
-    componentWillLoad() {
-        this.parsedOptions = this.normalizeOptions(this.options);
-        this.selectedIds = this.parseSelectedIds(this.value);
-        this.restorePersistentState();
-    }
-    disconnectedCallback() {
-        if (this.searchDebounceTimer) {
-            clearTimeout(this.searchDebounceTimer);
-        }
-        this.cleanupPortal();
-        if (this.rafId) {
-            cancelAnimationFrame(this.rafId);
-            this.rafId = 0;
-        }
-    }
-    handleOutsideClick(event) {
-        const path = typeof event.composedPath === 'function' ? event.composedPath() : [];
-        const clickedHost = path.includes(this.hostElement) || this.hostElement.contains(event.target);
-        const clickedMenu = !!this.menuElement && (path.includes(this.menuElement) || this.menuElement.contains(event.target));
-        if (!clickedHost && !clickedMenu) {
-            this.closeDropdown();
-        }
-    }
-    handleResize() {
-        if (this.isOpen) {
-            this.calculatePosition();
-        }
-    }
-    handleScroll() {
-        if (this.isOpen) {
-            this.calculatePosition();
-        }
-    }
-    normalizeOptions(raw) {
-        const parsed = typeof raw === 'string' ? this.tryParse(raw) : raw || [];
-        const output = [];
-        const walk = (items, depth, parentId, parentPath = []) => {
-            items.forEach(item => {
-                if (item == null || item.id == null || !item.label)
-                    return;
-                const idStr = String(item.id);
-                const type = item.type || this.inferType(depth);
-                const path = [...parentPath, item.label];
-                const searchText = [item.label, item.code || '', type, path.join(' '), (item.tags || []).join(' ')].join(' ').toLowerCase();
-                output.push({
-                    ...item,
-                    idStr,
-                    parentIdStr: parentId,
-                    type,
-                    depth,
-                    pathLabels: path,
-                    searchText,
-                });
-                if (item.children && item.children.length > 0) {
-                    walk(item.children, depth + 1, idStr, path);
-                }
-            });
-        };
-        walk(parsed, 0);
-        return output;
-    }
-    tryParse(value) {
-        if (!value)
-            return [];
-        try {
-            const parsed = JSON.parse(value);
-            return Array.isArray(parsed) ? parsed : [];
-        }
-        catch (error) {
-            console.error('Invalid JSON for location options', error);
-            return [];
-        }
-    }
-    inferType(depth) {
-        if (depth <= 0)
-            return 'country';
-        if (depth === 1)
-            return 'state';
-        if (depth === 2)
-            return 'city';
-        if (depth === 3)
-            return 'district';
-        return 'custom';
-    }
-    parseSelectedIds(value) {
-        if (!value)
-            return new Set();
-        if (this.multiSelect) {
-            return new Set(value.split(',').map(v => v.trim()).filter(Boolean));
-        }
-        return new Set([value]);
-    }
-    get selectedOptions() {
-        const map = new Map(this.getMergedOptions().map(o => [o.idStr, o]));
-        return Array.from(this.selectedIds)
-            .map(id => map.get(id))
-            .filter((o) => !!o);
-    }
-    getMergedOptions() {
-        const merged = [...this.parsedOptions];
-        const existing = new Set(merged.map(o => o.idStr));
-        this.remoteOptions.forEach(o => {
-            if (!existing.has(o.idStr)) {
-                merged.push(o);
-            }
-        });
-        return merged;
-    }
-    get filteredOptions() {
-        const all = this.getMergedOptions();
-        const query = this.searchQuery.trim().toLowerCase();
-        let list = query ? all.filter(option => option.searchText.includes(query)) : all;
-        if (!query) {
-            const pinned = this.favoriteIds
-                .map(id => list.find(o => o.idStr === id))
-                .filter((o) => !!o);
-            const recent = this.recentIds
-                .map(id => list.find(o => o.idStr === id && !this.favoriteIds.includes(id)))
-                .filter((o) => !!o);
-            const used = new Set([...pinned.map(o => o.idStr), ...recent.map(o => o.idStr)]);
-            const rest = list.filter(o => !used.has(o.idStr));
-            list = [...pinned, ...recent, ...rest];
-        }
-        return list.slice(0, this.resultLimit);
-    }
-    get typeLabelMap() {
-        return {
-            country: 'Country',
-            state: 'State',
-            province: 'Province',
-            city: 'City',
-            district: 'District',
-            postal: 'Postal',
-            custom: 'Custom',
-        };
-    }
-    toggleDropdown = () => {
-        if (this.disabled)
-            return;
-        if (this.isOpen) {
-            this.closeDropdown();
-            return;
-        }
-        this.isOpen = true;
-        this.locationOpen.emit();
-        this.highlightedIndex = this.filteredOptions.length > 0 ? 0 : -1;
-        this.schedulePositionUpdate();
-        if (this.searchable) {
-            window.setTimeout(() => this.searchInputRef?.focus(), 25);
-        }
-    };
-    closeDropdown = () => {
-        if (!this.isOpen)
-            return;
-        this.isOpen = false;
-        this.locationClose.emit();
-        this.highlightedIndex = -1;
-        this.searchQuery = '';
-        this.remoteOptions = [];
-        this.loadError = '';
-        this.cleanupPortal();
-    };
-    schedulePositionUpdate() {
-        if (this.rafId) {
-            cancelAnimationFrame(this.rafId);
-        }
-        this.rafId = requestAnimationFrame(() => {
-            this.calculatePosition();
-            this.rafId = 0;
-        });
-    }
-    calculatePosition() {
-        if (!this.isOpen || !this.menuElement)
-            return;
-        const trigger = this.hostElement.shadowRoot?.querySelector('.location-trigger');
-        if (!trigger)
-            return;
-        if (this.portal && !this.isPortaled && this.menuElement.parentElement !== document.body) {
-            document.body.appendChild(this.menuElement);
-            this.isPortaled = true;
-        }
-        const placement = calculateUniversalPlacement(trigger, {
-            menuWidth: trigger.offsetWidth,
-            menuHeight: this.maxHeight,
-            gap: 4,
-            placement: 'auto',
-            useTransformedAncestorOffset: !this.ignoreParentPosition,
-        });
-        this.menuLeft = placement.left;
-        this.menuTop = placement.top;
-        this.menuWidth = placement.width;
-        this.dropdownPosition = placement.placement;
-    }
-    cleanupPortal() {
-        if (this.portal && this.isPortaled && this.menuElement && this.menuElement.parentElement === document.body) {
-            this.hostElement.appendChild(this.menuElement);
-            this.isPortaled = false;
-        }
-    }
-    onSearchInput_Custom = (value) => {
-        this.searchQuery = value || '';
-        if (this.searchDebounceTimer) {
-            clearTimeout(this.searchDebounceTimer);
-        }
-        this.searchDebounceTimer = window.setTimeout(() => {
-            this.runRemoteSearch(this.searchQuery);
-            this.emitSearchEvent();
-            this.highlightedIndex = this.filteredOptions.length > 0 ? 0 : -1;
-        }, this.debounceMs);
-    };
-    async runRemoteSearch(query) {
-        if (!this.loadLocations)
-            return;
-        if ((query || '').trim().length < this.remoteMinChars) {
-            this.remoteOptions = [];
-            this.loading = false;
-            this.loadError = '';
-            return;
-        }
-        const token = ++this.searchToken;
-        this.loading = true;
-        this.loadError = '';
-        try {
-            const remote = await this.loadLocations(query.trim());
-            if (token !== this.searchToken)
-                return;
-            this.remoteOptions = this.normalizeOptions(remote || []);
-        }
-        catch (error) {
-            if (token !== this.searchToken)
-                return;
-            const message = error instanceof Error ? error.message : 'Failed to load locations';
-            this.remoteOptions = [];
-            this.loadError = message;
-            this.locationLoadError.emit({ query, message });
-        }
-        finally {
-            if (token === this.searchToken) {
-                this.loading = false;
-                this.emitSearchEvent();
-            }
-        }
-    }
-    emitSearchEvent() {
-        this.locationSearch.emit({
-            query: this.searchQuery,
-            localResults: this.parsedOptions.filter(o => o.searchText.includes(this.searchQuery.toLowerCase())).length,
-            remoteResults: this.remoteOptions.length,
-            loading: this.loading,
-        });
-    }
-    handleKeyDown = (event) => {
-        if (this.disabled)
-            return;
-        const options = this.filteredOptions;
-        switch (event.key) {
-            case 'Enter':
-            case ' ': {
-                if (!this.isOpen) {
-                    event.preventDefault();
-                    this.toggleDropdown();
-                    return;
-                }
-                if (this.highlightedIndex >= 0 && options[this.highlightedIndex]) {
-                    event.preventDefault();
-                    this.selectOption(options[this.highlightedIndex], 'select');
-                    return;
-                }
-                if (this.allowCustomValue && this.searchQuery.trim()) {
-                    event.preventDefault();
-                    this.createCustomLocation(this.searchQuery.trim());
-                }
-                return;
-            }
-            case 'ArrowDown':
-                event.preventDefault();
-                if (!this.isOpen) {
-                    this.toggleDropdown();
-                }
-                else if (options.length > 0) {
-                    this.highlightedIndex = Math.min(options.length - 1, this.highlightedIndex + 1);
-                    this.scrollToHighlighted();
-                }
-                return;
-            case 'ArrowUp':
-                event.preventDefault();
-                if (this.isOpen && options.length > 0) {
-                    this.highlightedIndex = Math.max(0, this.highlightedIndex - 1);
-                    this.scrollToHighlighted();
-                }
-                return;
-            case 'Escape':
-                if (this.isOpen) {
-                    event.preventDefault();
-                    this.closeDropdown();
-                }
-                return;
-            case 'Backspace':
-                if (this.multiSelect && !this.searchQuery && this.selectedIds.size > 0) {
-                    const last = Array.from(this.selectedIds).at(-1);
-                    if (last) {
-                        this.removeSelectedId(last, 'remove');
-                    }
-                }
-                return;
-            default:
-                return;
-        }
-    };
-    scrollToHighlighted() {
-        const optionElement = this.optionsRefs[this.highlightedIndex];
-        optionElement?.scrollIntoView({ block: 'nearest' });
-    }
-    selectOption(option, trigger) {
-        if (option.disabled)
-            return;
-        if (this.multiSelect) {
-            const next = new Set(this.selectedIds);
-            if (next.has(option.idStr)) {
-                next.delete(option.idStr);
-            }
-            else {
-                if (this.maxSelections > 0 && next.size >= this.maxSelections) {
-                    return;
-                }
-                next.add(option.idStr);
-            }
-            this.selectedIds = next;
-        }
-        else {
-            this.selectedIds = new Set([option.idStr]);
-            this.closeDropdown();
-        }
-        this.touchRecent(option.idStr);
-        this.syncValueAndEmit(trigger);
-    }
-    removeSelectedId(id, trigger) {
-        if (!this.selectedIds.has(id))
-            return;
-        const next = new Set(this.selectedIds);
-        next.delete(id);
-        this.selectedIds = next;
-        this.syncValueAndEmit(trigger);
-    }
-    clearSelection = (event) => {
-        event?.stopPropagation();
-        if (this.selectedIds.size === 0)
-            return;
-        this.selectedIds = new Set();
-        this.syncValueAndEmit('clear');
-    };
-    toggleFavorite = (id, event) => {
-        event.stopPropagation();
-        const exists = this.favoriteIds.includes(id);
-        this.favoriteIds = exists ? this.favoriteIds.filter(x => x !== id) : [id, ...this.favoriteIds].slice(0, 50);
-        this.persistCurrentState();
-    };
-    touchRecent(id) {
-        this.recentIds = [id, ...this.recentIds.filter(x => x !== id)].slice(0, 50);
-        this.persistCurrentState();
-    }
-    persistCurrentState() {
-        if (!this.persistState || typeof localStorage === 'undefined')
-            return;
-        try {
-            localStorage.setItem(this.storageKey, JSON.stringify({ recentIds: this.recentIds, favoriteIds: this.favoriteIds }));
-        }
-        catch {
-            // ignore storage errors
-        }
-    }
-    restorePersistentState() {
-        if (!this.persistState || typeof localStorage === 'undefined')
-            return;
-        try {
-            const raw = localStorage.getItem(this.storageKey);
-            if (!raw)
-                return;
-            const parsed = JSON.parse(raw);
-            this.recentIds = Array.isArray(parsed?.recentIds) ? parsed.recentIds.map((x) => String(x)).slice(0, 50) : [];
-            this.favoriteIds = Array.isArray(parsed?.favoriteIds) ? parsed.favoriteIds.map((x) => String(x)).slice(0, 50) : [];
-        }
-        catch {
-            this.recentIds = [];
-            this.favoriteIds = [];
-        }
-    }
-    syncValueAndEmit(trigger) {
-        const selectedIds = Array.from(this.selectedIds);
-        this.value = this.multiSelect ? selectedIds.join(',') : selectedIds[0] || '';
-        this.locationChange.emit({
-            value: this.value,
-            selected: this.selectedOptions,
-            trigger,
-            query: this.searchQuery,
-        });
-    }
-    createCustomLocation(label) {
-        const id = `custom:${label.toLowerCase().replace(/\s+/g, '-')}`;
-        const custom = {
-            id,
-            label,
-            type: 'custom',
-        };
-        this.locationCreate.emit(custom);
-        const normalized = this.normalizeOptions([custom]);
-        this.remoteOptions = [...normalized, ...this.remoteOptions.filter(o => o.idStr !== id)];
-        if (normalized[0]) {
-            this.selectOption(normalized[0], 'select');
-        }
-    }
-    getDisplayText() {
-        const selected = this.selectedOptions;
-        if (selected.length === 0)
-            return this.placeholder;
-        if (!this.multiSelect) {
-            return this.showPath ? selected[0].pathLabels.join(' / ') : selected[0].label;
-        }
-        if (selected.length === 1) {
-            return this.showPath ? selected[0].pathLabels.join(' / ') : selected[0].label;
-        }
-        return `${selected.length} locations selected`;
-    }
-    renderSelectedChips() {
-        if (!this.multiSelect || this.selectedOptions.length === 0)
-            return null;
-        const maxVisible = 3;
-        const visible = this.selectedOptions.slice(0, maxVisible);
-        const remaining = this.selectedOptions.length - visible.length;
-        return (h("div", { class: "selected-chips" }, visible.map(option => (h("span", { class: "selected-chip", key: `chip-${option.idStr}` }, h("span", { class: "chip-label" }, this.showPath ? option.pathLabels.join(' / ') : option.label), h("ui-button", { class: "chip-remove", onButtonClick: () => this.removeSelectedId(option.idStr, 'remove'), "aria-label": `Remove ${option.label}`, variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })))), remaining > 0 && h("span", { class: "selected-more" }, "+", remaining)));
-    }
-    renderOption(option, index) {
-        const selected = this.selectedIds.has(option.idStr);
-        const highlighted = this.highlightedIndex === index;
-        const favorite = this.favoriteIds.includes(option.idStr);
-        const label = this.showPath ? option.pathLabels.join(' / ') : option.label;
-        return (h("div", { class: {
-                'location-option': true,
-                'location-option-selected': selected,
-                'location-option-highlighted': highlighted,
-                'location-option-disabled': !!option.disabled,
-            }, role: "option", "aria-selected": selected ? 'true' : 'false', onMouseEnter: () => (this.highlightedIndex = index), onClick: () => this.selectOption(option, 'select'), ref: el => (this.optionsRefs[index] = el) }, h("div", { class: "location-option-main" }, this.multiSelect && h("ui-icon", { name: selected ? 'check-square' : 'square', library: "lucide", size: "18px" }), h("div", { class: "location-option-text" }, h("span", { class: "location-label" }, label), option.code && h("span", { class: "location-code" }, option.code))), h("div", { class: "location-option-meta" }, this.showTypeBadge && h("span", { class: "location-type" }, this.typeLabelMap[option.type]), this.showFavorites && (h("ui-button", { class: { 'fav-btn': true, active: favorite }, onButtonClick: e => this.toggleFavorite(option.idStr, e.detail), "aria-label": favorite ? `Remove ${option.label} from favorites` : `Add ${option.label} to favorites`, variant: "plain", icon: "star", iconLibrary: "lucide", iconOnly: true })))));
-    }
-    render() {
-        const filtered = this.filteredOptions;
-        const hasSelection = this.selectedIds.size > 0;
-        const canCreate = this.allowCustomValue && !!this.searchQuery.trim() && filtered.length === 0;
-        return (h("div", { key: 'b1807bf502b50ae9fc48efa846426ab643d6516d', class: { 'location-dropdown': true, open: this.isOpen, disabled: this.disabled } }, h("div", { key: 'de7b775e9b312bd39da8927975e588648b4ca809', class: "location-trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", tabIndex: this.disabled ? -1 : 0, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown }, h("span", { key: 'e608f40b0ef1251ae3f9c303338ff415eb31b0cd', class: { 'trigger-text': true, placeholder: !hasSelection } }, this.getDisplayText()), h("div", { key: 'afbfc578336c32718d974e0ca2b28df8ae1bae2f', class: "trigger-icons" }, hasSelection && this.clearable && !this.disabled && (h("ui-button", { key: '65ce58563ea6447785f79325425f410ccac696b5', class: "clear-btn", onButtonClick: this.clearSelection, "aria-label": "Clear selected locations", variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })), h("ui-icon", { key: 'c30d26150e745053e5c64c7747692dc0e16de079', name: "chevron-down", library: "lucide", size: "16px", class: { arrow: true, open: this.isOpen } }))), this.renderSelectedChips(), this.isOpen && (h("div", { key: '17e2bda731910b2eacdcfa94c40697cb8cad6792', class: { menu: true, top: this.dropdownPosition === 'top' }, role: "listbox", ref: el => (this.menuElement = el), style: {
-                maxHeight: `${this.maxHeight}px`,
-                left: `${this.menuLeft}px`,
-                width: `${this.menuWidth}px`,
-                position: 'fixed',
-                zIndex: '10020',
-                top: `${this.menuTop}px`,
-            } }, this.searchable && (h("div", { key: '927ac16ca61d07d1e0d9acf9cc6712ccd5e3be8a', class: "search-row" }, h("ui-input", { key: '95af520eb196a47d11ac31489237314049532bc2', ref: el => (this.searchInputRef = el), class: "search-input", value: this.searchQuery, placeholder: this.searchPlaceholder, onInputChange: (e) => this.onSearchInput_Custom(e.detail), onKeyDown: this.handleKeyDown, variant: "plain" }))), this.loading && h("div", { key: 'c5b48b1d0f1e08353dc8def6b7b962c15918f724', class: "status loading" }, "Loading locations..."), !this.loading && this.loadError && h("div", { key: '3a8f50555d86a4cf07fd27b810fe9c74168cac0e', class: "status error" }, this.loadError), !this.loading && filtered.length > 0 && (h("div", { key: '07298b5d440946c7a6d11e3ebae2d3c28d16c467', class: "options-list" }, filtered.map((option, index) => this.renderOption(option, index)))), !this.loading && filtered.length === 0 && !canCreate && h("div", { key: 'a01eb5729544c38466b7c16de2fe6e11baba36e4', class: "status empty" }, "No locations found"), canCreate && (h("ui-button", { key: '06c249712c8bf168d522678abe6fd68ae4d25949', class: "create-btn", onButtonClick: () => this.createCustomLocation(this.searchQuery.trim()), variant: "plain", align: "start", fullWidth: true, icon: "plus", iconLibrary: "lucide", label: `Create "${this.searchQuery.trim()}"` })), (this.showFavorites || this.showRecent) && !this.searchQuery && (h("div", { key: '0cfe965844fa111cb8888b1392e3dcac8b35c51a', class: "footer-meta" }, this.showFavorites && h("span", { key: '0b5f1c8816ed31ab7cdc5988f1271a2c7b384372' }, "Favorites: ", this.favoriteIds.length), this.showRecent && h("span", { key: 'aec4a486adee16e6100efa773475fc03d8b2f155' }, "Recent: ", this.recentIds.length)))))));
-    }
-    static get watchers() { return {
-        "options": [{
-                "watchOptions": 0
-            }],
-        "value": [{
-                "watchValue": 0
-            }]
-    }; }
-};
-SmartLocationDropdown.style = smartLocationDropdownCss();
-
-export { SmartLocationDropdown as ui_smart_location_dropdown };

package/dist/exploration-project-tailwind/p-06f0c679.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as r,h as s,H as e}from"./p-DUsoYu9r.js";const a=class{constructor(r){t(this,r),this.sliderChange=i(this,"sliderChange"),this.sliderDragStart=i(this,"sliderDragStart"),this.sliderDragEnd=i(this,"sliderDragEnd")}get el(){return r(this)}trackElement;isDragging=!1;activeThumb=null;internals;min=0;max=100;step=1;value=50;startValue=25;endValue=75;range=!1;minRange=0;disabled=!1;showTooltip=!0;tooltipAlwaysVisible=!1;color="#3bf673";trackColor="#e5e7eb";size="md";startIcon="";endIcon="";displayFormat="";showMarks=!1;marks=[];restrictedValues=[];vertical=!1;label="";variant="";prefixText="";suffixText="";showMinMax=!1;inputSync=!1;gradientTrack=!1;showValue=!0;customSteps=[];rtl=!1;circle=!1;hideRange=!1;isHovering=!1;isDraggingState=!1;get resolvedColor(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max));return i?i.color:"#3bf673"}return this.variant&&{primary:"#3bf673",success:"#10b981",danger:"#ef4444",warning:"#f59e0b",info:"#06b6d4",purple:"#8b5cf6"}[this.variant]||("string"==typeof this.color?this.color:this.color.from)}get resolvedGradient(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max)),r=i?i.color:"#3bf673";return`linear-gradient(90deg, ${r}, ${r}aa)`}const t="string"==typeof this.color?this.color:this.color.from;return this.variant?{primary:"linear-gradient(90deg, #3bf673, #6366f1)",success:"linear-gradient(90deg, #10b981, #34d399)",danger:"linear-gradient(90deg, #ef4444, #f97316)",warning:"linear-gradient(90deg, #f59e0b, #fbbf24)",info:"linear-gradient(90deg, #06b6d4, #3bf673)",purple:"linear-gradient(90deg, #8b5cf6, #ec4899)"}[this.variant]||`linear-gradient(90deg, ${t}, ${t})`:"object"!=typeof this.color||null===this.color||Array.isArray(this.color)?`linear-gradient(90deg, ${this.color}, ${this.color}aa)`:`linear-gradient(90deg, ${this.color.from}, ${this.color.to})`}sliderChange;sliderDragStart;sliderDragEnd;handleColorChange(){this.normalizeProps()}handleMarksChange(){this.normalizeProps()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.normalizeProps(),this.updateFormValue()}updateFormValue(){this.internals&&this.internals.setFormValue(this.range?`${this.startValue},${this.endValue}`:this.value.toString())}normalizeProps(){try{"string"==typeof this.color&&(this.color.startsWith("{")||this.color.startsWith("["))&&(this.color=JSON.parse(this.color)),"string"==typeof this.marks&&(this.marks=JSON.parse(this.marks)),"string"==typeof this.restrictedValues&&(this.restrictedValues=JSON.parse(this.restrictedValues)),"string"==typeof this.customSteps&&(this.customSteps=JSON.parse(this.customSteps))}catch(t){console.warn("Failed to parse complex slider prop",t)}}componentDidLoad(){document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getMarks(){if("string"==typeof this.marks)try{return JSON.parse(this.marks)}catch{return[]}return this.marks}getRestrictedValues(){if("string"==typeof this.restrictedValues)try{return JSON.parse(this.restrictedValues)}catch{return[]}return this.restrictedValues}getCustomSteps(){if("string"==typeof this.customSteps)try{return JSON.parse(this.customSteps)}catch{return[]}return this.customSteps}getNearestValue(t){const i=this.getRestrictedValues();if(i.length>0)return i.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const r=this.getCustomSteps();if(r.length>0)return r.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const s=Math.round((t-this.min)/this.step);return Math.min(this.max,Math.max(this.min,this.min+s*this.step))}isRtl(){return this.rtl||"rtl"===document.dir||this.el&&"rtl"===this.el.getAttribute("dir")}getPositionFromValue(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),s=r.indexOf(t);if(-1!==s)return s/(r.length-1)*100;for(let i=0;i<r.length-1;i++)if(t>=r[i]&&t<=r[i+1]){const s=i/(r.length-1)*100;return s+(t-r[i])/(r[i+1]-r[i])*((i+1)/(r.length-1)*100-s)}}return(t-this.min)/(this.max-this.min)*100}getValueFromPosition(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),s=Math.round(t/100*(r.length-1));return r[Math.max(0,Math.min(s,r.length-1))]}return this.getNearestValue(this.min+t/100*(this.max-this.min))}handleTrackClick=t=>{if(this.disabled)return;const i=this.trackElement.getBoundingClientRect();let r;if(this.vertical)r=(i.bottom-t.clientY)/i.height*100;else{const s=(t.clientX-i.left)/i.width*100;r=this.isRtl()?100-s:s}const s=this.getValueFromPosition(Math.max(0,Math.min(100,r)));if(this.range){const t=this.getPositionFromValue(this.startValue),i=this.getPositionFromValue(this.endValue),e=r;Math.abs(e-t)<Math.abs(e-i)?this.startValue=Math.min(s,this.endValue-this.minRange):this.endValue=Math.max(s,this.startValue+this.minRange),this.sliderChange.emit({start:this.startValue,end:this.endValue}),this.updateFormValue()}else this.value=s,this.sliderChange.emit(this.value),this.updateFormValue()};handleThumbMouseDown=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleThumbTouchStart=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleMouseMove=t=>{this.isDragging&&!this.disabled&&this.updateValueFromEvent(t.clientX,t.clientY)};handleTouchMove=t=>{if(!this.isDragging||this.disabled)return;const i=t.touches[0];this.updateValueFromEvent(i.clientX,i.clientY)};updateValueFromEvent(t,i){if(!this.trackElement)return;const r=this.trackElement.getBoundingClientRect();let s;if(this.vertical)s=(r.bottom-i)/r.height*100;else{const i=(t-r.left)/r.width*100;s=this.isRtl()?100-i:i}const e=this.getValueFromPosition(Math.max(0,Math.min(100,s)));this.range?("start"===this.activeThumb?this.startValue=Math.min(e,this.endValue-this.minRange):"end"===this.activeThumb&&(this.endValue=Math.max(e,this.startValue+this.minRange)),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=e,this.sliderChange.emit(this.value)),this.updateFormValue()}handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};formatValue(t){let i;if(this.displayFormat)try{i=this.displayFormat.replace("{value}",t.toString())}catch{i=t.toString()}else i=t.toString();return`${this.prefixText}${i}${this.suffixText}`}handleInputChange=t=>i=>{const r=Math.max(this.min,Math.min(this.max,Number(i.detail)));isNaN(r)||("start"===t?(this.startValue=Math.min(r,this.endValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):"end"===t?(this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};handleKeyDown=t=>i=>{if(this.disabled)return;let r="start"===t?this.startValue:this.range?this.endValue:this.value;const s=this.step,e=10*this.step;let a=!1;switch(i.key){case"ArrowRight":case"ArrowUp":r+=s,a=!0;break;case"ArrowLeft":case"ArrowDown":r-=s,a=!0;break;case"PageUp":r+=e,a=!0;break;case"PageDown":r-=e,a=!0;break;case"Home":r=this.min,a=!0;break;case"End":r=this.max,a=!0;break;default:return}a&&(i.preventDefault(),i.stopPropagation(),r=Math.max(this.min,Math.min(this.max,r)),this.range?("start"===t?this.startValue=Math.min(r,this.endValue):this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};renderMarks(){const t=this.getMarks(),i=this.getCustomSteps(),r=this.resolvedColor;let e=t;if(0===e.length&&this.showMarks){const t=i.length>0?i:[];if(0===t.length)for(let i=this.min;i<=this.max;i+=this.step)t.push(i);e=t.map((t=>({value:t})))}const a=this.range?this.startValue:this.min,o=this.range?this.endValue:this.value;return e.map((t=>{const i=this.getPositionFromValue(t.value);return s("div",{class:"slider-mark",style:this.vertical?{bottom:`${i}%`}:{left:`${i}%`}},s("div",{class:"slider-mark-dot",style:t.value>=a&&t.value<=o?{backgroundColor:r,borderColor:"white"}:{}}),t.label&&s("div",{class:"slider-mark-label"},t.label))}))}render(){const t=this.range?this.getPositionFromValue(this.startValue):0,i=this.getPositionFromValue(this.range?this.endValue:this.value),r=this.resolvedColor,a=this.vertical?{bottom:`${t}%`,height:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}}:{left:`${t}%`,width:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}},o=(t,i)=>{const s="object"==typeof this.color&&null!==this.color,e=i?{bottom:`${t}%`}:{[this.isRtl()?"right":"left"]:`${t}%`};return s||this.gradientTrack&&this.variant?e.background=this.resolvedGradient:e.backgroundColor=r,e.boxShadow=`0 0 0 3px ${r}33`,e};return s(e,{dir:this.isRtl()?"rtl":"ltr"},this.label&&s("div",{class:"slider-label"},this.label),s("div",{class:{"slider-container":!0,[`slider-${this.size}`]:!0,[`variant-${this.variant}`]:!!this.variant,"variant-circle":this.circle,"slider-vertical":this.vertical,"slider-disabled":this.disabled,"slider-dragging":this.isDraggingState,"slider-rtl":this.isRtl()},dir:this.isRtl()?"rtl":"ltr",onMouseEnter:()=>this.isHovering=!0,onMouseLeave:()=>this.isHovering=!1},this.startIcon&&s("div",{class:"slider-icon slider-start-icon"},this.startIcon),s("div",{class:"slider-wrapper"},this.showMinMax&&s("div",{class:"slider-minmax-labels"},s("span",{class:"slider-minmax-min"},this.formatValue(this.min)),s("span",{class:"slider-minmax-max"},this.formatValue(this.max))),s("div",{class:"slider-track",ref:t=>this.trackElement=t,onClick:this.handleTrackClick,style:{background:this.trackColor}},!this.hideRange&&s("div",{class:"slider-range",style:a}),this.showMarks&&s("div",{class:"slider-marks"},this.renderMarks()),this.range&&s("div",{class:{"slider-thumb":!0,"slider-thumb-active":"start"===this.activeThumb},style:o(t,this.vertical),onMouseDown:this.handleThumbMouseDown("start"),onTouchStart:this.handleThumbTouchStart("start"),onKeyDown:this.handleKeyDown("start"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":"Start Value","aria-valuemin":this.min,"aria-valuemax":this.endValue,"aria-valuenow":this.startValue},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&s("div",{class:"slider-tooltip"},this.formatValue(this.startValue))),s("div",{class:{"slider-thumb":!0,"slider-thumb-active":!this.range||"end"===this.activeThumb},style:o(i,this.vertical),onMouseDown:this.handleThumbMouseDown(this.range?"end":null),onTouchStart:this.handleThumbTouchStart(this.range?"end":null),onKeyDown:this.handleKeyDown("end"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":this.range?"End Value":"Value","aria-valuemin":this.range?this.startValue:this.min,"aria-valuemax":this.max,"aria-valuenow":this.range?this.endValue:this.value},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&s("div",{class:"slider-tooltip"},this.formatValue(this.range?this.endValue:this.value)))),this.showValue&&s("div",{class:"slider-value-display"},this.range?`${this.formatValue(this.startValue)} – ${this.formatValue(this.endValue)}`:this.formatValue(this.value)),this.inputSync&&!this.range&&s("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInputChange:this.handleInputChange("single"),size:"sm"}),this.inputSync&&this.range&&s("div",{class:"slider-input-row"},s("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.endValue,step:this.step,value:this.startValue,disabled:this.disabled,onInputChange:this.handleInputChange("start"),size:"sm"}),s("span",{class:"slider-input-sep"},"–"),s("ui-input",{type:"number",class:"slider-input",min:this.startValue,max:this.max,step:this.step,value:this.endValue,disabled:this.disabled,onInputChange:this.handleInputChange("end"),size:"sm"}))),this.endIcon&&s("div",{class:"slider-icon slider-end-icon"},this.endIcon)))}static get formAssociated(){return!0}static get watchers(){return{color:[{handleColorChange:0}],marks:[{handleMarksChange:0}]}}};a.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:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.slider-label{font-size:13px;font-weight:600;color:var(--label-color, var(--text-secondary, #374151));margin-bottom:10px;letter-spacing:0.01em}.slider-minmax-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--label-subtitle-color, var(--text-muted, #9ca3af));margin-bottom:8px;padding:0;width:100%;pointer-events:none}.slider-input{width:64px;padding:4px 8px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);text-align:center;outline:none;transition:border-color 0.2s;background:var(--bg-primary, #ffffff);-moz-appearance:textfield;appearance:textfield}.slider-input::-webkit-inner-spin-button,.slider-input::-webkit-outer-spin-button{opacity:1}.slider-input:focus{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.slider-input-row{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:center}.slider-input-sep{color:var(--text-muted, #9ca3af);font-size:14px;font-weight:600}.slider-container{display:flex;align-items:flex-start;gap:16px;width:100%;user-select:none}.slider-vertical{flex-direction:column;height:300px;width:auto;align-items:center}.slider-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.slider-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted, #6b7280);flex-shrink:0;line-height:1;height:24px}.slider-sm .slider-icon{font-size:14px;height:20px}.slider-lg .slider-icon{font-size:20px;height:28px}.slider-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;position:relative;align-items:stretch;min-height:24px;padding:0 12px}.slider-sm .slider-wrapper{min-height:20px}.slider-lg .slider-wrapper{min-height:28px}.slider-vertical .slider-wrapper{flex:1;width:100%;align-items:center;justify-content:center;min-height:0}.slider-track{position:relative;width:100%;border-radius:10px;cursor:pointer;background-color:var(--bg-primary, #e5e7eb);margin:12px 0}.slider-sm .slider-track{height:4px}.slider-md .slider-track{height:6px}.slider-lg .slider-track{height:8px}.slider-vertical .slider-track{width:6px;height:100%}.slider-vertical.slider-sm .slider-track{width:4px}.slider-vertical.slider-lg .slider-track{width:8px}.slider-range{position:absolute;border-radius:10px;background-color:var(--color-primary, #10b981);pointer-events:none;transition:background-color 0.2s ease}.slider-sm .slider-range{height:4px}.slider-md .slider-range{height:6px}.slider-lg .slider-range{height:8px}.slider-vertical .slider-range{width:100%;height:auto}.slider-thumb{position:absolute;transform:translate(-50%, -50%);top:50%;border-radius:50%;background-color:var(--color-primary, #10b981);cursor:grab;box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, left 0.1s ease-out, bottom 0.1s ease-out;z-index:10;border:2px solid var(--bg-primary, #ffffff)}.slider-thumb:hover{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 4px 14px rgba(0, 0, 0, 0.18)}.slider-thumb-active,.slider-dragging .slider-thumb-active{cursor:grabbing;transform:translate(-50%, -50%) scale(1.2);box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 59, 130, 246), 0.45);z-index:11}.slider-sm .slider-thumb{width:14px;height:14px}.slider-md .slider-thumb{width:18px;height:18px}.slider-lg .slider-thumb{width:24px;height:24px}.slider-vertical .slider-thumb{left:50%;top:auto;transform:translate(-50%, 50%)}.slider-vertical .slider-thumb:hover{transform:translate(-50%, 50%) scale(1.1)}.slider-vertical .slider-thumb-active,.slider-vertical.slider-dragging .slider-thumb-active{transform:translate(-50%, 50%) scale(1.15)}.slider-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 8px;background-color:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipFadeIn 0.2s ease forwards}.slider-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0, 0, 0, 0.85)}.slider-vertical .slider-tooltip{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.slider-vertical .slider-tooltip::after{top:50%;left:-8px;transform:translateY(-50%);border:4px solid transparent;border-right-color:rgba(0, 0, 0, 0.85);border-top-color:transparent}@keyframes tooltipFadeIn{to{opacity:1}}.slider-marks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.slider-mark{position:absolute;transform:translateX(-50%)}.slider-vertical .slider-mark{transform:translateY(50%);left:50%}.slider-mark-dot{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);border:2px solid var(--bg-primary, #ffffff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.slider-sm .slider-mark-dot{width:6px;height:6px}.slider-lg .slider-mark-dot{width:10px;height:10px}.slider-mark-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap}.slider-vertical .slider-mark-label{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.slider-value-display{text-align:center;font-size:13px;color:var(--text-secondary, #374151);font-weight:600;margin-top:8px;letter-spacing:0.01em}.slider-sm .slider-value-display{font-size:12px}.slider-lg .slider-value-display{font-size:14px}.slider-vertical .slider-value-display{display:none}.slider-thumb:focus{outline:none;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.slider-track.has-restricted-values .slider-mark-dot{background-color:var(--color-primary, #10b981)}.slider-range,.slider-thumb{transition:all 0.1s ease-out}.slider-dragging .slider-range,.slider-dragging .slider-thumb{transition:none}.slider-thumb[aria-disabled=true]{cursor:not-allowed;opacity:0.5}@media (hover: none) and (pointer: coarse){.slider-thumb{width:24px;height:24px}.slider-sm .slider-thumb{width:20px;height:20px}.slider-lg .slider-thumb{width:30px;height:30px}}.variant-glass .slider-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.variant-glass .slider-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(4px);border:1px solid var(--bg-primary, #ffffff);box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.variant-glass .slider-thumb:hover{background:var(--bg-primary, #ffffff) !important;transform:translate(-50%, -50%) scale(1.1)}.variant-glass .slider-range{background:linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8))}.variant-detailed .slider-track{height:12px !important;border-radius:6px !important;background:var(--bg-secondary, #f1f5f9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.variant-detailed .slider-track::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0, 0, 0, 0.02), transparent);border-radius:6px;pointer-events:none}.variant-detailed .slider-range{height:12px !important;border-radius:6px !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);background-size:200% 200% !important;animation:livingTrack 3s ease infinite !important}.variant-detailed .slider-range::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255, 255, 255, 0.2);border-radius:6px 6px 0 0}.variant-detailed .slider-mark-active .slider-mark-dot{transform:translate(-50%, -50%) scale(1.5) !important;background:var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5) !important}.variant-detailed .slider-thumb{width:24px !important;height:24px !important;background:var(--bg-primary, #ffffff);border:2px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.variant-detailed .slider-thumb::after{content:"";position:absolute;width:4px;height:10px;background:var(--bg-primary, #e2e8f0);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.variant-detailed .slider-thumb:hover{box-shadow:0 8px 24px rgba(0, 0, 0, 0.15), 0 0 0 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border-color:var(--dd-primary-strong, var(--color-primary-hover, #2563eb)) !important}.variant-detailed .slider-tooltip{background:var(--bg-primary, #1e293b) !important;border-radius:10px !important;padding:8px 12px !important;font-weight:700 !important;box-shadow:0 10px 20px rgba(0, 0, 0, 0.2) !important}.variant-detailed .slider-tooltip::after{border-top-color:var(--border-subtle, #1e293b) !important}.variant-detailed .slider-mark-dot{width:4px !important;height:12px !important;border-radius:2px !important;border:none !important;background:var(--color-primary, #cbd5e1) !important}.variant-circle .slider-track{height:8px !important;background:var(--bg-secondary, #f1f5f9) !important;border:1px solid var(--border-subtle, #e2e8f0)}.variant-circle .slider-thumb{width:28px !important;height:28px !important;background:var(--bg-primary, #ffffff);border:6px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.variant-circle .slider-thumb:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.variant-circle .slider-range{background:var(--dd-primary, var(--color-primary, #10b981)) !important;height:8px !important}.slider-container[dir=rtl] .slider-start-icon{order:2}.slider-container[dir=rtl] .slider-end-icon{order:0}.slider-container[dir=rtl] .slider-wrapper{order:1}.slider-container[dir=rtl] .slider-thumb{cursor:grab}@keyframes livingTrack{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}';export{a as ui_range_slider}