dalila 1.8.2 → 1.8.4

package/dist/componentes/ui/calendar/index.js

@@ -1,132 +0,0 @@
-import { signal, computed } from "../../../core/signal.js";
-import { batch } from "../../../core/scheduler.js";
-import { validateCalendarOptions } from "../validate.js";
-const DEFAULT_DAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-const DEFAULT_MONTH_LABELS = [
-    "January", "February", "March", "April", "May", "June",
-    "July", "August", "September", "October", "November", "December",
-];
-function isSameDay(a, b) {
-    return (a.getFullYear() === b.getFullYear() &&
-        a.getMonth() === b.getMonth() &&
-        a.getDate() === b.getDate());
-}
-export function createCalendar(options = {}) {
-    validateCalendarOptions(options);
-    const { initial, min, max, dayLabels: customDayLabels, monthLabels: customMonthLabels, } = options;
-    const now = initial ?? new Date();
-    const monthLabels = customMonthLabels ?? DEFAULT_MONTH_LABELS;
-    const calDayLabels = customDayLabels ?? DEFAULT_DAY_LABELS;
-    const year = signal(now.getFullYear());
-    const month = signal(now.getMonth());
-    const selected = signal(initial ?? null);
-    const title = computed(() => `${monthLabels[month()]} ${year()}`);
-    const days = computed(() => {
-        const y = year();
-        const m = month();
-        const sel = selected();
-        const today = new Date();
-        const firstDow = new Date(y, m, 1).getDay();
-        const daysInMonth = new Date(y, m + 1, 0).getDate();
-        const prevMonthDays = new Date(y, m, 0).getDate();
-        const grid = [];
-        const GRID_SIZE = 42;
-        // Previous month days
-        for (let i = firstDow - 1; i >= 0; i--) {
-            const date = prevMonthDays - i;
-            const fullDate = new Date(y, m - 1, date);
-            grid.push({
-                date,
-                month: "prev",
-                fullDate,
-                isToday: isSameDay(fullDate, today),
-                isSelected: sel !== null && isSameDay(fullDate, sel),
-                disabled: isOutOfBounds(fullDate),
-            });
-        }
-        // Current month days
-        for (let d = 1; d <= daysInMonth; d++) {
-            const fullDate = new Date(y, m, d);
-            grid.push({
-                date: d,
-                month: "current",
-                fullDate,
-                isToday: isSameDay(fullDate, today),
-                isSelected: sel !== null && isSameDay(fullDate, sel),
-                disabled: isOutOfBounds(fullDate),
-            });
-        }
-        // Next month days
-        const remaining = GRID_SIZE - grid.length;
-        for (let d = 1; d <= remaining; d++) {
-            const fullDate = new Date(y, m + 1, d);
-            grid.push({
-                date: d,
-                month: "next",
-                fullDate,
-                isToday: isSameDay(fullDate, today),
-                isSelected: sel !== null && isSameDay(fullDate, sel),
-                disabled: isOutOfBounds(fullDate),
-            });
-        }
-        return grid;
-    });
-    function isOutOfBounds(date) {
-        if (min && date < min)
-            return true;
-        if (max && date > max)
-            return true;
-        return false;
-    }
-    const prev = () => {
-        batch(() => {
-            if (month() === 0) {
-                month.set(11);
-                year.update((y) => y - 1);
-            }
-            else {
-                month.update((m) => m - 1);
-            }
-        });
-    };
-    const next = () => {
-        batch(() => {
-            if (month() === 11) {
-                month.set(0);
-                year.update((y) => y + 1);
-            }
-            else {
-                month.update((m) => m + 1);
-            }
-        });
-    };
-    const select = (date) => {
-        if (isOutOfBounds(date))
-            return;
-        selected.set(date);
-    };
-    const handleDayClick = (ev) => {
-        const target = ev.target.closest("[data-date]");
-        if (!target)
-            return;
-        const dateStr = target.dataset.date;
-        if (!dateStr)
-            return;
-        const date = new Date(dateStr);
-        if (isNaN(date.getTime()))
-            return;
-        select(date);
-    };
-    return {
-        year,
-        month,
-        selected,
-        title,
-        days,
-        dayLabels: calDayLabels,
-        prev,
-        next,
-        select,
-        handleDayClick,
-    };
-}

package/dist/componentes/ui/combobox/index.d.ts

@@ -1,2 +0,0 @@
-import type { Combobox, ComboboxOptions } from "../ui-types.js";
-export declare function createCombobox(options: ComboboxOptions): Combobox;

package/dist/componentes/ui/combobox/index.js

@@ -1,161 +0,0 @@
-import { signal, computed } from "../../../core/signal.js";
-import { getCurrentScope } from "../../../core/scope.js";
-import { validateComboboxOptions } from "../validate.js";
-import { isBrowser } from "../env.js";
-let comboboxUid = 0;
-export function createCombobox(options) {
-    validateComboboxOptions(options);
-    const { options: items, placeholder = "", name: fieldName } = options;
-    const open = signal(false);
-    const query = signal("");
-    const value = signal("");
-    const label = signal("");
-    const highlightedIndex = signal(-1);
-    const filtered = computed(() => {
-        const q = query().toLowerCase();
-        if (!q)
-            return items;
-        return items.filter((opt) => opt.label.toLowerCase().includes(q));
-    });
-    const show = () => open.set(true);
-    const close = () => {
-        open.set(false);
-        highlightedIndex.set(-1);
-    };
-    const toggle = () => open.update((v) => !v);
-    const handleInput = (ev) => {
-        const input = ev.target;
-        query.set(input.value);
-        open.set(true);
-        highlightedIndex.set(-1);
-    };
-    const handleSelect = (ev) => {
-        const target = ev.target.closest("[data-value]");
-        if (!target)
-            return;
-        const val = target.dataset.value ?? "";
-        const lbl = target.textContent?.trim() ?? val;
-        value.set(val);
-        label.set(lbl);
-        query.set(lbl);
-        close();
-    };
-    const handleKeydown = (ev) => {
-        const list = filtered();
-        switch (ev.key) {
-            case "ArrowDown":
-                ev.preventDefault();
-                if (!open()) {
-                    show();
-                }
-                else {
-                    highlightedIndex.update((i) => i < list.length - 1 ? i + 1 : 0);
-                }
-                break;
-            case "ArrowUp":
-                ev.preventDefault();
-                if (open()) {
-                    highlightedIndex.update((i) => i > 0 ? i - 1 : list.length - 1);
-                }
-                break;
-            case "Enter":
-                ev.preventDefault();
-                if (open() && highlightedIndex() >= 0) {
-                    const opt = list[highlightedIndex()];
-                    if (opt) {
-                        value.set(opt.value);
-                        label.set(opt.label);
-                        query.set(opt.label);
-                        close();
-                    }
-                }
-                break;
-            case "Escape":
-                close();
-                break;
-        }
-    };
-    const _attachTo = (el) => {
-        const scope = getCurrentScope();
-        const uid = ++comboboxUid;
-        // ARIA setup
-        const input = el.querySelector("input");
-        const list = el.querySelector("ul, [data-d-tag='d-combobox-list'], .d-combobox-list");
-        if (input) {
-            if (placeholder)
-                input.setAttribute("placeholder", placeholder);
-            input.setAttribute("role", "combobox");
-            input.setAttribute("aria-autocomplete", "list");
-            input.setAttribute("aria-expanded", "false");
-        }
-        if (list) {
-            const listId = list.id || `d-combobox-list-${uid}`;
-            if (!list.id)
-                list.id = listId;
-            list.setAttribute("role", "listbox");
-            if (input)
-                input.setAttribute("aria-controls", listId);
-        }
-        const unsubExpanded = open.on((isOpen) => {
-            input?.setAttribute("aria-expanded", String(isOpen));
-        });
-        const unsubHighlight = highlightedIndex.on((idx) => {
-            if (idx >= 0 && list) {
-                const opts = list.querySelectorAll("[data-value]");
-                const active = opts[idx];
-                if (active) {
-                    const activeId = active.id || `d-combobox-opt-${uid}-${idx}`;
-                    if (!active.id)
-                        active.id = activeId;
-                    active.setAttribute("role", "option");
-                    input?.setAttribute("aria-activedescendant", activeId);
-                }
-            }
-            else {
-                input?.removeAttribute("aria-activedescendant");
-            }
-        });
-        // Hidden input for form submission
-        let hidden = el.querySelector('input[type="hidden"]');
-        if (!hidden) {
-            hidden = el.ownerDocument.createElement("input");
-            hidden.type = "hidden";
-            hidden.name = fieldName || input?.getAttribute("name") || "";
-            el.appendChild(hidden);
-        }
-        const unsubValue = value.on((v) => {
-            if (hidden)
-                hidden.value = v;
-        });
-        const onDocClick = (e) => {
-            if (!el.contains(e.target))
-                close();
-        };
-        if (isBrowser)
-            document.addEventListener("click", onDocClick);
-        if (scope) {
-            scope.onCleanup(() => {
-                unsubExpanded();
-                unsubHighlight();
-                unsubValue();
-                if (isBrowser)
-                    document.removeEventListener("click", onDocClick);
-            });
-        }
-    };
-    return {
-        open,
-        query,
-        value,
-        label,
-        filtered,
-        highlightedIndex,
-        show,
-        close,
-        toggle,
-        handleInput,
-        handleSelect,
-        handleKeydown,
-        _attachTo,
-    };
-}

package/dist/componentes/ui/dialog/index.d.ts

@@ -1,10 +0,0 @@
-import { type Signal } from "../../../core/signal.js";
-import type { Dialog, DialogOptions } from "../ui-types.js";
-/**
- * Shared dialog behavior — used by both createDialog and createDrawer.
- */
-export declare function _attachDialogBehavior(el: HTMLDialogElement, open: Signal<boolean>, closeFn: () => void, opts: {
-    closeOnBackdrop: boolean;
-    closeOnEscape: boolean;
-}): void;
-export declare function createDialog(options?: DialogOptions): Dialog;

package/dist/componentes/ui/drawer/index.d.ts

@@ -1,2 +0,0 @@
-import type { Drawer, DrawerOptions } from "../ui-types.js";
-export declare function createDrawer(options?: DrawerOptions): Drawer;

package/dist/componentes/ui/drawer/index.js

@@ -1,41 +0,0 @@
-import { signal } from "../../../core/signal.js";
-import { getCurrentScope } from "../../../core/scope.js";
-import { _attachDialogBehavior } from "../dialog/index.js";
-import { validateDrawerOptions } from "../validate.js";
-const SIDE_CLASSES = {
-    right: "",
-    left: "d-drawer-left",
-    bottom: "d-sheet",
-};
-export function createDrawer(options = {}) {
-    validateDrawerOptions(options);
-    const { closeOnBackdrop = true, closeOnEscape = true, side: initialSide = "right", } = options;
-    const open = signal(false);
-    const side = signal(initialSide);
-    const show = () => open.set(true);
-    const close = () => open.set(false);
-    const toggle = () => open.update((v) => !v);
-    const _attachTo = (el) => {
-        const scope = getCurrentScope();
-        // Shared dialog behavior (open sync, backdrop, escape, ARIA)
-        _attachDialogBehavior(el, open, close, { closeOnBackdrop, closeOnEscape });
-        // Apply initial side class
-        const initial = SIDE_CLASSES[side()];
-        if (initial)
-            el.classList.add(initial);
-        // React to side changes
-        const unsub = side.on((s) => {
-            for (const cls of Object.values(SIDE_CLASSES)) {
-                if (cls)
-                    el.classList.remove(cls);
-            }
-            const cls = SIDE_CLASSES[s];
-            if (cls)
-                el.classList.add(cls);
-        });
-        if (scope) {
-            scope.onCleanup(() => unsub());
-        }
-    };
-    return { open, side, show, close, toggle, _attachTo };
-}

package/dist/componentes/ui/dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import type { Dropdown, DropdownOptions } from "../ui-types.js";
-export declare function createDropdown(options?: DropdownOptions): Dropdown;

package/dist/componentes/ui/dropdown/index.js

@@ -1,48 +0,0 @@
-import { signal } from "../../../core/signal.js";
-import { getCurrentScope } from "../../../core/scope.js";
-import { isBrowser } from "../env.js";
-export function createDropdown(options = {}) {
-    const { closeOnSelect = true } = options;
-    const open = signal(false);
-    const toggle = (ev) => {
-        if (ev)
-            ev.stopPropagation();
-        open.update((v) => !v);
-    };
-    const close = () => open.set(false);
-    const select = (ev) => {
-        if (ev)
-            ev.stopPropagation();
-        if (closeOnSelect)
-            close();
-    };
-    const _attachTo = (el) => {
-        const scope = getCurrentScope();
-        // ARIA
-        const trigger = el.querySelector("button, [role='button'], [data-d-tag='d-button']");
-        const menu = el.querySelector("[data-d-tag='d-menu'], .d-menu");
-        if (menu)
-            menu.setAttribute("role", "menu");
-        if (trigger) {
-            trigger.setAttribute("aria-haspopup", "true");
-            trigger.setAttribute("aria-expanded", "false");
-        }
-        const unsubAria = open.on((isOpen) => {
-            trigger?.setAttribute("aria-expanded", String(isOpen));
-        });
-        const onDocClick = (e) => {
-            if (!el.contains(e.target))
-                close();
-        };
-        if (isBrowser)
-            document.addEventListener("click", onDocClick);
-        if (scope) {
-            scope.onCleanup(() => {
-                unsubAria();
-                if (isBrowser)
-                    document.removeEventListener("click", onDocClick);
-            });
-        }
-    };
-    return { open, toggle, close, select, _attachTo };
-}

package/dist/componentes/ui/dropzone/index.d.ts

@@ -1,2 +0,0 @@
-import type { Dropzone, DropzoneOptions } from "../ui-types.js";
-export declare function createDropzone(options?: DropzoneOptions): Dropzone;

package/dist/componentes/ui/dropzone/index.js

@@ -1,92 +0,0 @@
-import { signal } from "../../../core/signal.js";
-import { getCurrentScope } from "../../../core/scope.js";
-import { validateDropzoneOptions } from "../validate.js";
-export function createDropzone(options = {}) {
-    validateDropzoneOptions(options);
-    const { accept, multiple = true, maxFiles, maxSize } = options;
-    const dragging = signal(false);
-    const files = signal([]);
-    let inputEl = null;
-    const filterFiles = (fileList) => {
-        let result = fileList;
-        if (accept) {
-            const types = accept.split(",").map((t) => t.trim().toLowerCase());
-            result = result.filter((f) => {
-                const ext = "." + f.name.split(".").pop()?.toLowerCase();
-                const mime = f.type.toLowerCase();
-                return types.some((t) => t === ext || t === mime || (t.endsWith("/*") && mime.startsWith(t.slice(0, -1))));
-            });
-        }
-        if (maxSize) {
-            result = result.filter((f) => f.size <= maxSize);
-        }
-        if (maxFiles) {
-            result = result.slice(0, maxFiles);
-        }
-        return result;
-    };
-    const addFiles = (newFiles) => {
-        const filtered = filterFiles(newFiles);
-        if (multiple) {
-            files.update((current) => {
-                const combined = [...current, ...filtered];
-                return maxFiles ? combined.slice(0, maxFiles) : combined;
-            });
-        }
-        else {
-            files.set(filtered.slice(0, 1));
-        }
-    };
-    const browse = () => {
-        inputEl?.click();
-    };
-    const handleClick = () => browse();
-    const handleDragover = (ev) => {
-        ev.preventDefault();
-        dragging.set(true);
-    };
-    const handleDragleave = () => {
-        dragging.set(false);
-    };
-    const handleDrop = (ev) => {
-        ev.preventDefault();
-        dragging.set(false);
-        if (ev.dataTransfer?.files) {
-            addFiles(Array.from(ev.dataTransfer.files));
-        }
-    };
-    const _attachTo = (el) => {
-        const scope = getCurrentScope();
-        // ARIA
-        el.setAttribute("role", "button");
-        el.setAttribute("tabindex", "0");
-        inputEl = el.querySelector('input[type="file"]');
-        if (inputEl) {
-            if (accept)
-                inputEl.accept = accept;
-            inputEl.multiple = multiple;
-            const onInputChange = () => {
-                if (inputEl?.files) {
-                    addFiles(Array.from(inputEl.files));
-                    inputEl.value = "";
-                }
-            };
-            inputEl.addEventListener("change", onInputChange);
-            if (scope) {
-                scope.onCleanup(() => {
-                    inputEl?.removeEventListener("change", onInputChange);
-                });
-            }
-        }
-    };
-    return {
-        dragging,
-        files,
-        browse,
-        handleClick,
-        handleDragover,
-        handleDragleave,
-        handleDrop,
-        _attachTo,
-    };
-}

package/dist/componentes/ui/env.d.ts

@@ -1 +0,0 @@
-export declare const isBrowser: boolean;

package/dist/componentes/ui/env.js

@@ -1,2 +0,0 @@
-// ── Environment Detection ───────────────────────────────────────────
-export const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";

package/dist/componentes/ui/index.d.ts

@@ -1,13 +0,0 @@
-export * from "./ui-types.js";
-export { createDialog, _attachDialogBehavior } from "./dialog/index.js";
-export { createDrawer } from "./drawer/index.js";
-export { createToast, toastIcon } from "./toast/index.js";
-export { createTabs, tabBindings } from "./tabs/index.js";
-export { createDropdown } from "./dropdown/index.js";
-export { createCombobox } from "./combobox/index.js";
-export { createAccordion } from "./accordion/index.js";
-export { createCalendar } from "./calendar/index.js";
-export { createDropzone } from "./dropzone/index.js";
-export { createPopover } from "./popover/index.js";
-export { mountUI } from "./runtime.js";
-export type { MountUIOptions } from "./runtime.js";

package/dist/componentes/ui/index.js

@@ -1,12 +0,0 @@
-export * from "./ui-types.js";
-export { createDialog, _attachDialogBehavior } from "./dialog/index.js";
-export { createDrawer } from "./drawer/index.js";
-export { createToast, toastIcon } from "./toast/index.js";
-export { createTabs, tabBindings } from "./tabs/index.js";
-export { createDropdown } from "./dropdown/index.js";
-export { createCombobox } from "./combobox/index.js";
-export { createAccordion } from "./accordion/index.js";
-export { createCalendar } from "./calendar/index.js";
-export { createDropzone } from "./dropzone/index.js";
-export { createPopover } from "./popover/index.js";
-export { mountUI } from "./runtime.js";

package/dist/componentes/ui/popover/index.d.ts

@@ -1,2 +0,0 @@
-import type { Popover, PopoverOptions } from "../ui-types.js";
-export declare function createPopover(options?: PopoverOptions): Popover;