@elyracode/mini-lit 0.9.4

package/dist/Progress.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutChildren, type TemplateResult } from "./mini.js";
+interface ProgressProps extends ComponentPropsWithoutChildren {
+    value?: number;
+    max?: number;
+    indicatorClassName?: string;
+}
+export declare function Progress(props: ProgressProps): TemplateResult;
+export declare function Progress(value?: number, max?: number, className?: string): TemplateResult;
+export {};
+//# sourceMappingURL=Progress.d.ts.map

package/dist/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../src/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,6BAA6B,EAAY,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAE9F,UAAU,aAAc,SAAQ,6BAA6B;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAyBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,CAAC;AAC/D,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC"}

package/dist/Progress.js

@@ -0,0 +1,27 @@
+import { fc, html } from "./mini.js";
+const _Progress = fc(({ value = 0, max = 100, indicatorClassName = "", className = "" }) => {
+    const percentage = Math.min(Math.max(0, (value / max) * 100), 100);
+    const baseClasses = "relative h-2 w-full overflow-hidden rounded-full bg-secondary";
+    const indicatorClasses = "h-full w-full flex-1 bg-primary transition-all";
+    return html `
+      <div
+         role="progressbar"
+         aria-valuemin="0"
+         aria-valuemax="${max}"
+         aria-valuenow="${value}"
+         class="${baseClasses} ${className}"
+      >
+         <div
+            class="${indicatorClasses} ${indicatorClassName}"
+            style="transform: translateX(-${100 - percentage}%)"
+         ></div>
+      </div>
+   `;
+});
+export function Progress(propsOrValue = 0, max = 100, className = "") {
+    if (typeof propsOrValue === "object" && propsOrValue !== null) {
+        return _Progress(propsOrValue);
+    }
+    return _Progress({ value: propsOrValue, max, className });
+}
+//# sourceMappingURL=Progress.js.map

package/dist/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../src/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,EAAE,EAAE,IAAI,EAAuB,MAAM,WAAW,CAAC;AAQ9F,MAAM,SAAS,GAAG,EAAE,CAAgB,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACvG,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,+DAA+D,CAAC;IACpF,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;IAE1E,OAAO,IAAI,CAAA;;;;0BAIY,GAAG;0BACH,KAAK;kBACb,WAAW,IAAI,SAAS;;;qBAGrB,gBAAgB,IAAI,kBAAkB;4CACf,GAAG,GAAG,UAAU;;;IAGxD,CAAC;AACL,CAAC,CAAC,CAAC;AAKH,MAAM,UAAU,QAAQ,CAAC,eAAuC,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE;IACzF,IAAI,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC7D,OAAO,SAAS,CAAC,YAA6B,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,SAAS,CAAC,EAAE,KAAK,EAAE,YAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;AACvE,CAAC"}

package/dist/PromptDialog.d.ts

@@ -0,0 +1,20 @@
+import { type PropertyValues, type TemplateResult } from "lit";
+import { DialogBase } from "./DialogBase.js";
+export declare class PromptDialog extends DialogBase {
+    headerTitle: string;
+    message: string;
+    defaultValue: string;
+    isPassword: boolean;
+    private inputValue;
+    private resolvePromise?;
+    private inputRef;
+    protected modalWidth: string;
+    protected modalHeight: string;
+    static ask(title: string, message: string, defaultValue?: string, isPassword?: boolean): Promise<string | undefined>;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private handleConfirm;
+    private handleCancel;
+    protected renderContent(): TemplateResult;
+}
+export default PromptDialog;
+//# sourceMappingURL=PromptDialog.d.ts.map

package/dist/PromptDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptDialog.d.ts","sourceRoot":"","sources":["../src/PromptDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOrE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI7C,qBACa,YAAa,SAAQ,UAAU;IAC7B,WAAW,SAAM;IACjB,OAAO,SAAM;IACb,YAAY,SAAM;IAClB,UAAU,UAAS;IAEtB,OAAO,CAAC,UAAU,CAAM;IACjC,OAAO,CAAC,cAAc,CAAC,CAAsC;IAC7D,OAAO,CAAC,QAAQ,CAAiC;IAEjD,UAAmB,UAAU,SAAsB;IACnD,UAAmB,WAAW,SAAU;WAE3B,GAAG,CACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,YAAY,SAAK,EACjB,UAAU,UAAQ,GAClB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;cAcX,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;cAKD,aAAa,IAAI,cAAc;CAqCpD;AAED,eAAe,YAAY,CAAC"}

package/dist/PromptDialog.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var PromptDialog_1;
+import { html } from "lit";
+import { customElement } from "lit/decorators/custom-element.js";
+import { property } from "lit/decorators/property.js";
+import { state } from "lit/decorators/state.js";
+import { createRef } from "lit/directives/ref.js";
+import { Button } from "./Button.js";
+import { DialogContent, DialogFooter, DialogHeader } from "./Dialog.js";
+import { DialogBase } from "./DialogBase.js";
+import { Input } from "./Input.js";
+import { i18n } from "./i18n.js";
+let PromptDialog = PromptDialog_1 = class PromptDialog extends DialogBase {
+    constructor() {
+        super(...arguments);
+        this.headerTitle = "";
+        this.message = "";
+        this.defaultValue = "";
+        this.isPassword = false;
+        this.inputValue = "";
+        this.inputRef = createRef();
+        this.modalWidth = "min(400px, 90vw)";
+        this.modalHeight = "auto";
+    }
+    static async ask(title, message, defaultValue = "", isPassword = false) {
+        const dialog = new PromptDialog_1();
+        dialog.headerTitle = title;
+        dialog.message = message;
+        dialog.defaultValue = defaultValue;
+        dialog.isPassword = isPassword;
+        dialog.inputValue = defaultValue;
+        return new Promise((resolve) => {
+            dialog.resolvePromise = resolve;
+            dialog.open();
+        });
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.inputRef.value?.focus();
+    }
+    handleConfirm() {
+        this.resolvePromise?.(this.inputValue);
+        this.close();
+    }
+    handleCancel() {
+        this.resolvePromise?.(undefined);
+        this.close();
+    }
+    renderContent() {
+        return DialogContent({
+            children: html `
+				${DialogHeader({
+                title: this.headerTitle || i18n("Input Required"),
+                description: this.message,
+            })}
+				${Input({
+                type: this.isPassword ? "password" : "text",
+                value: this.inputValue,
+                className: "w-full",
+                inputRef: this.inputRef,
+                onInput: (e) => {
+                    this.inputValue = e.target.value;
+                },
+                onKeyDown: (e) => {
+                    if (e.key === "Enter")
+                        this.handleConfirm();
+                    if (e.key === "Escape")
+                        this.handleCancel();
+                },
+            })}
+				${DialogFooter({
+                children: html `
+						${Button({
+                    variant: "outline",
+                    onClick: () => this.handleCancel(),
+                    children: i18n("Cancel"),
+                })}
+						${Button({
+                    variant: "default",
+                    onClick: () => this.handleConfirm(),
+                    children: i18n("Confirm"),
+                })}
+					`,
+            })}
+			`,
+        });
+    }
+};
+__decorate([
+    property()
+], PromptDialog.prototype, "headerTitle", void 0);
+__decorate([
+    property()
+], PromptDialog.prototype, "message", void 0);
+__decorate([
+    property()
+], PromptDialog.prototype, "defaultValue", void 0);
+__decorate([
+    property()
+], PromptDialog.prototype, "isPassword", void 0);
+__decorate([
+    state()
+], PromptDialog.prototype, "inputValue", void 0);
+PromptDialog = PromptDialog_1 = __decorate([
+    customElement("prompt-dialog")
+], PromptDialog);
+export { PromptDialog };
+export default PromptDialog;
+//# sourceMappingURL=PromptDialog.js.map

package/dist/PromptDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptDialog.js","sourceRoot":"","sources":["../src/PromptDialog.ts"],"names":[],"mappings":"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"}

package/dist/Select.d.ts

@@ -0,0 +1,25 @@
+import { type TemplateResult } from "lit";
+export interface SelectOption {
+    value: string;
+    label: string;
+    icon?: TemplateResult | string;
+    disabled?: boolean;
+}
+export interface SelectGroup {
+    label?: string;
+    options: SelectOption[];
+}
+export interface SelectProps {
+    value?: string;
+    placeholder?: string;
+    options: SelectOption[] | SelectGroup[];
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    width?: string | undefined;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "ghost" | "outline";
+    fitContent?: boolean;
+}
+export declare function Select(props: SelectProps): TemplateResult;
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACvB;AAUD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,cAAc,CAoYzD"}

package/dist/Select.js

@@ -0,0 +1,335 @@
+import { html, render } from "lit";
+import { createRef, ref } from "lit/directives/ref.js";
+import { i18n } from "./i18n.js";
+let activeSelect = null;
+export function Select(props) {
+    const { value, placeholder = i18n("Select an option"), options, onChange, disabled = false, className = "", width = "180px", size = "md", variant = "default", fitContent = false, } = props;
+    // Create refs
+    const triggerRef = createRef();
+    // Initialize state
+    const state = {
+        isOpen: false,
+        focusedIndex: -1,
+    };
+    // Size classes
+    const sizeClasses = {
+        sm: "h-8 px-2 text-xs",
+        md: "h-9 px-3 text-sm",
+        lg: "h-10 px-4 text-base",
+    };
+    // Variant classes
+    const variantClasses = {
+        default: "text-foreground border-input bg-transparent hover:bg-accent/50 shadow-xs",
+        ghost: "text-foreground border-transparent bg-transparent hover:bg-accent hover:text-accent-foreground",
+        outline: "text-foreground border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+    };
+    // Flatten options for easier access
+    const flatOptions = [];
+    const isGrouped = options.length > 0 && "options" in options[0];
+    if (isGrouped) {
+        options.forEach((group) => {
+            flatOptions.push(...group.options.filter((opt) => !opt.disabled));
+        });
+    }
+    else {
+        flatOptions.push(...options.filter((opt) => !opt.disabled));
+    }
+    // Find selected option
+    const selectedOption = flatOptions.find((opt) => opt.value === value);
+    // Portal container
+    let portalContainer = null;
+    const ensurePortalContainer = () => {
+        if (!portalContainer) {
+            portalContainer = document.createElement("div");
+            portalContainer.className = "select-portal-container";
+            portalContainer.style.cssText = "position: fixed; z-index: 50; pointer-events: none;";
+            document.body.appendChild(portalContainer);
+        }
+        return portalContainer;
+    };
+    const updatePosition = () => {
+        if (!triggerRef.value || !portalContainer)
+            return;
+        const rect = triggerRef.value.getBoundingClientRect();
+        state.triggerRect = rect;
+        // Calculate position
+        const spaceBelow = window.innerHeight - rect.bottom;
+        const spaceAbove = rect.top;
+        const dropdownHeight = 300; // Max height
+        const showAbove = spaceBelow < dropdownHeight && spaceAbove > spaceBelow;
+        portalContainer.style.cssText = `
+			position: fixed;
+			left: ${rect.left}px;
+			${showAbove ? `bottom: ${window.innerHeight - rect.top}px` : `top: ${rect.bottom}px`};
+			min-width: ${rect.width}px;
+			width: max-content;
+			z-index: 50;
+			pointer-events: ${state.isOpen ? "auto" : "none"};
+		`;
+    };
+    const open = () => {
+        if (disabled || state.isOpen)
+            return;
+        // Close any other open select
+        if (activeSelect && activeSelect !== api) {
+            activeSelect.close();
+        }
+        state.isOpen = true;
+        state.focusedIndex = selectedOption ? flatOptions.indexOf(selectedOption) : 0;
+        ensurePortalContainer();
+        updatePosition();
+        renderPortal();
+        // Add listeners
+        setTimeout(() => {
+            document.addEventListener("click", handleOutsideClick);
+            document.addEventListener("keydown", handleKeyDown);
+            window.addEventListener("scroll", updatePosition, true);
+            window.addEventListener("resize", updatePosition);
+        }, 0);
+        activeSelect = api;
+        // Re-render trigger to update aria-expanded
+        if (triggerRef.value) {
+            triggerRef.value.setAttribute("aria-expanded", "true");
+        }
+    };
+    const close = () => {
+        if (!state.isOpen)
+            return;
+        state.isOpen = false;
+        state.focusedIndex = -1;
+        // Remove listeners
+        document.removeEventListener("click", handleOutsideClick);
+        document.removeEventListener("keydown", handleKeyDown);
+        window.removeEventListener("scroll", updatePosition, true);
+        window.removeEventListener("resize", updatePosition);
+        // Clear portal
+        if (portalContainer) {
+            render(html ``, portalContainer);
+        }
+        if (activeSelect === api) {
+            activeSelect = null;
+        }
+        // Re-render trigger to update aria-expanded
+        if (triggerRef.value) {
+            triggerRef.value.setAttribute("aria-expanded", "false");
+            triggerRef.value.focus();
+        }
+    };
+    const handleOutsideClick = (e) => {
+        const target = e.target;
+        if (triggerRef.value?.contains(target) || portalContainer?.contains(target)) {
+            return;
+        }
+        close();
+    };
+    const handleKeyDown = (e) => {
+        if (!state.isOpen)
+            return;
+        switch (e.key) {
+            case "Escape":
+                e.preventDefault();
+                close();
+                break;
+            case "ArrowDown":
+                e.preventDefault();
+                state.focusedIndex = Math.min(state.focusedIndex + 1, flatOptions.length - 1);
+                renderPortal();
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                state.focusedIndex = Math.max(state.focusedIndex - 1, 0);
+                renderPortal();
+                break;
+            case "Enter":
+            case " ":
+                e.preventDefault();
+                if (state.focusedIndex >= 0 && state.focusedIndex < flatOptions.length) {
+                    selectOption(flatOptions[state.focusedIndex].value);
+                }
+                break;
+            case "Home":
+                e.preventDefault();
+                state.focusedIndex = 0;
+                renderPortal();
+                break;
+            case "End":
+                e.preventDefault();
+                state.focusedIndex = flatOptions.length - 1;
+                renderPortal();
+                break;
+        }
+    };
+    const selectOption = (optionValue) => {
+        onChange(optionValue);
+        close();
+    };
+    const renderPortal = () => {
+        if (!portalContainer || !state.isOpen)
+            return;
+        const dropdownContent = html `
+         <div
+            class="border border-border bg-popover text-popover-foreground shadow-md rounded-md overflow-hidden animate-in fade-in-0 zoom-in-95"
+            role="listbox"
+            style="max-height: 300px; overflow-y: auto;"
+         >
+            <div class="p-1">
+               ${isGrouped
+            ? options.map((group, _groupIndex) => html `
+                          <div role="group">
+                             ${group.label
+                ? html `
+                                     <div class="text-muted-foreground px-2 py-1.5 text-xs font-medium">
+                                        ${group.label}
+                                     </div>
+                                  `
+                : ""}
+                             ${group.options.map((option, _optionIndex) => {
+                const globalIndex = flatOptions.indexOf(option);
+                const isFocused = globalIndex === state.focusedIndex;
+                const isSelected = option.value === value;
+                return html `
+                                   <div
+                                      role="option"
+                                      aria-selected=${isSelected}
+                                      data-disabled=${option.disabled || false}
+                                      tabindex="-1"
+                                      class="relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none transition-colors
+												${isFocused ? "bg-accent text-accent-foreground" : ""}
+												${option.disabled ? "pointer-events-none opacity-50" : "hover:bg-accent hover:text-accent-foreground"}
+												${isSelected ? "font-medium" : ""}"
+                                      @click=${option.disabled ? null : () => selectOption(option.value)}
+                                      @mouseenter=${() => {
+                    if (!option.disabled) {
+                        state.focusedIndex = globalIndex;
+                        renderPortal();
+                    }
+                }}
+                                   >
+                                      <span class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+                                         ${isSelected
+                    ? html `
+                                                 <svg
+                                                    class="h-4 w-4"
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                    viewBox="0 0 24 24"
+                                                    fill="none"
+                                                    stroke="currentColor"
+                                                    stroke-width="2"
+                                                    stroke-linecap="round"
+                                                    stroke-linejoin="round"
+                                                 >
+                                                    <polyline points="20 6 9 17 4 12"></polyline>
+                                                 </svg>
+                                              `
+                    : ""}
+                                      </span>
+                                      ${option.icon ? html `<span class="flex-shrink-0">${option.icon}</span>` : ""}
+                                      <span>${option.label}</span>
+                                   </div>
+                                `;
+            })}
+                          </div>
+                       `)
+            : options.map((option, index) => {
+                const isFocused = index === state.focusedIndex;
+                const isSelected = option.value === value;
+                return html `
+                          <div
+                             role="option"
+                             aria-selected=${isSelected}
+                             data-disabled=${option.disabled || false}
+                             tabindex="-1"
+                             class="relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none transition-colors
+										${isFocused ? "bg-accent text-accent-foreground" : ""}
+										${option.disabled ? "pointer-events-none opacity-50" : "hover:bg-accent hover:text-accent-foreground"}
+										${isSelected ? "font-medium" : ""}"
+                             @click=${option.disabled ? null : () => selectOption(option.value)}
+                             @mouseenter=${() => {
+                    if (!option.disabled) {
+                        state.focusedIndex = index;
+                        renderPortal();
+                    }
+                }}
+                          >
+                             <span class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+                                ${isSelected
+                    ? html `
+                                        <svg
+                                           class="h-4 w-4"
+                                           xmlns="http://www.w3.org/2000/svg"
+                                           viewBox="0 0 24 24"
+                                           fill="none"
+                                           stroke="currentColor"
+                                           stroke-width="2"
+                                           stroke-linecap="round"
+                                           stroke-linejoin="round"
+                                        >
+                                           <polyline points="20 6 9 17 4 12"></polyline>
+                                        </svg>
+                                     `
+                    : ""}
+                             </span>
+                             ${option.icon ? html `<span class="flex-shrink-0">${option.icon}</span>` : ""}
+                             <span>${option.label}</span>
+                          </div>
+                       `;
+            })}
+            </div>
+         </div>
+      `;
+        render(dropdownContent, portalContainer);
+    };
+    const api = { close };
+    const handleTriggerClick = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (state.isOpen) {
+            close();
+        }
+        else {
+            open();
+        }
+    };
+    // Calculate dynamic width if fitContent is enabled
+    const buttonWidth = fitContent ? "auto" : width;
+    const minWidth = fitContent ? width || "auto" : undefined;
+    // Trigger button
+    return html `
+      <button
+         ${ref(triggerRef)}
+         type="button"
+         role="combobox"
+         aria-expanded=${state.isOpen}
+         aria-haspopup="listbox"
+         aria-autocomplete="none"
+         ?disabled=${disabled}
+         @click=${handleTriggerClick}
+         class="flex items-center justify-between gap-2 rounded-md border whitespace-nowrap transition-[color,box-shadow] outline-none
+				focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background
+				disabled:cursor-not-allowed disabled:opacity-50
+				data-[placeholder]:text-muted-foreground
+				${sizeClasses[size]} ${variantClasses[variant]} ${className}"
+         style="width: ${buttonWidth}; ${minWidth ? `min-width: ${minWidth};` : ""}"
+      >
+         <span class="flex items-center gap-2 truncate">
+            ${selectedOption?.icon ? html `<span class="flex-shrink-0">${selectedOption.icon}</span>` : ""}
+            ${selectedOption ? selectedOption.label : placeholder}
+         </span>
+         <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="h-4 w-4 opacity-50 flex-shrink-0"
+         >
+            <path d="m6 9 6 6 6-6"></path>
+         </svg>
+      </button>
+   `;
+}
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAuB,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,SAAS,EAAY,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAiCjC,IAAI,YAAY,GAAiC,IAAI,CAAC;AAEtD,MAAM,UAAU,MAAM,CAAC,KAAkB;IACtC,MAAM,EACH,KAAK,EACL,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,EACtC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,GACpB,GAAG,KAAK,CAAC;IAEV,cAAc;IACd,MAAM,UAAU,GAA2B,SAAS,EAAE,CAAC;IAEvD,mBAAmB;IACnB,MAAM,KAAK,GAAgB;QACxB,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,CAAC,CAAC;KAClB,CAAC;IAEF,eAAe;IACf,MAAM,WAAW,GAAG;QACjB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,qBAAqB;KAC3B,CAAC;IAEF,kBAAkB;IAClB,MAAM,cAAc,GAAG;QACpB,OAAO,EAAE,0EAA0E;QACnF,KAAK,EAAE,gGAAgG;QACvG,OAAO,EAAE,0FAA0F;KACrG,CAAC;IAEF,oCAAoC;IACpC,MAAM,WAAW,GAAmB,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACZ,OAAyB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1C,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACN,CAAC;SAAM,CAAC;QACL,WAAW,CAAC,IAAI,CAAC,GAAI,OAA0B,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,uBAAuB;IACvB,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEtE,mBAAmB;IACnB,IAAI,eAAe,GAA0B,IAAI,CAAC;IAElD,MAAM,qBAAqB,GAAG,GAAG,EAAE;QAChC,IAAI,CAAC,eAAe,EAAE,CAAC;YACpB,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,eAAe,CAAC,SAAS,GAAG,yBAAyB,CAAC;YACtD,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,qDAAqD,CAAC;YACtF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,eAAe,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,eAAe;YAAE,OAAO;QAElD,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACtD,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;QAEzB,qBAAqB;QACrB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;QACpD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;QAC5B,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,aAAa;QAEzC,MAAM,SAAS,GAAG,UAAU,GAAG,cAAc,IAAI,UAAU,GAAG,UAAU,CAAC;QAEzE,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG;;WAE3B,IAAI,CAAC,IAAI;KACf,SAAS,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI;gBACvE,IAAI,CAAC,KAAK;;;qBAGL,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;GAChD,CAAC;IACD,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACf,IAAI,QAAQ,IAAI,KAAK,CAAC,MAAM;YAAE,OAAO;QAErC,8BAA8B;QAC9B,IAAI,YAAY,IAAI,YAAY,KAAK,GAAG,EAAE,CAAC;YACxC,YAAY,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;QAED,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE9E,qBAAqB,EAAE,CAAC;QACxB,cAAc,EAAE,CAAC;QACjB,YAAY,EAAE,CAAC;QAEf,gBAAgB;QAChB,UAAU,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;YACvD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;YACxD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACrD,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,YAAY,GAAG,GAAG,CAAC;QAEnB,4CAA4C;QAC5C,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACpB,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC1D,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QAExB,mBAAmB;QACnB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC1D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAErD,eAAe;QACf,IAAI,eAAe,EAAE,CAAC;YACnB,MAAM,CAAC,IAAI,CAAA,EAAE,EAAE,eAAe,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,YAAY,KAAK,GAAG,EAAE,CAAC;YACxB,YAAY,GAAG,IAAI,CAAC;QACvB,CAAC;QAED,4CAA4C;QAC5C,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACpB,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACxD,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,CAAC,CAAC,MAAc,CAAC;QAChC,IAAI,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3E,OAAO;QACV,CAAC;QACD,KAAK,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACb,KAAK,QAAQ;gBACV,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM;YAET,KAAK,WAAW;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC9E,YAAY,EAAE,CAAC;gBACf,MAAM;YAET,KAAK,SAAS;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBACzD,YAAY,EAAE,CAAC;gBACf,MAAM;YAET,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACL,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC;oBACtE,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;gBACvD,CAAC;gBACD,MAAM;YAET,KAAK,MAAM;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;gBACvB,YAAY,EAAE,CAAC;gBACf,MAAM;YAET,KAAK,KAAK;gBACP,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5C,YAAY,EAAE,CAAC;gBACf,MAAM;QACZ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC1C,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtB,KAAK,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE9C,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;iBAQhB,SAAS;YACN,CAAC,CAAE,OAAyB,CAAC,GAAG,CAC3B,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,CAAA;;+BAGtB,KAAK,CAAC,KAAK;gBACR,CAAC,CAAC,IAAI,CAAA;;0CAEC,KAAK,CAAC,KAAK;;mCAElB;gBACA,CAAC,CAAC,EACR;+BACE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;gBAC1C,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChD,MAAM,SAAS,GAAG,WAAW,KAAK,KAAK,CAAC,YAAY,CAAC;gBACrD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;gBAE1C,OAAO,IAAI,CAAA;;;sDAGW,UAAU;sDACV,MAAM,CAAC,QAAQ,IAAI,KAAK;;;cAGhE,SAAS,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;cACnD,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,8CAA8C;cACnG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;+CACE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;oDACpD,GAAG,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;wBACpB,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;wBACjC,YAAY,EAAE,CAAC;oBAClB,CAAC;gBACJ,CAAC;;;2CAIK,UAAU;oBACP,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;+CAaN;oBACA,CAAC,CAAC,EACR;;wCAED,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,MAAM,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;8CACpE,MAAM,CAAC,KAAK;;iCAEzB,CAAC;YACL,CAAC,CAAC;;wBAEP,CACA;YACH,CAAC,CAAE,OAA0B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC/C,MAAM,SAAS,GAAG,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC;gBAC/C,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;gBAE1C,OAAO,IAAI,CAAA;;;6CAGQ,UAAU;6CACV,MAAM,CAAC,QAAQ,IAAI,KAAK;;;YAGzD,SAAS,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;YACnD,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,8CAA8C;YACnG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;sCACL,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;2CACpD,GAAG,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;wBACpB,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;wBAC3B,YAAY,EAAE,CAAC;oBAClB,CAAC;gBACJ,CAAC;;;kCAIK,UAAU;oBACP,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;sCAaN;oBACA,CAAC,CAAC,EACR;;+BAED,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,MAAM,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;qCACpE,MAAM,CAAC,KAAK;;wBAEzB,CAAC;YACF,CAAC,CACT;;;OAGR,CAAC;QAEF,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC;IAEtB,MAAM,kBAAkB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACrC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAChB,KAAK,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACL,IAAI,EAAE,CAAC;QACV,CAAC;IACJ,CAAC,CAAC;IAEF,mDAAmD;IACnD,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,iBAAiB;IACjB,OAAO,IAAI,CAAA;;WAEH,GAAG,CAAC,UAAU,CAAC;;;yBAGD,KAAK,CAAC,MAAM;;;qBAGhB,QAAQ;kBACX,kBAAkB;;;;;MAK9B,WAAW,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS;yBACtC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;;;cAGpE,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,cAAc,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;cAC3F,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;;;;;;;IAiB7D,CAAC;AACL,CAAC"}

package/dist/Separator.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutChildren, type TemplateResult } from "./mini.js";
+export type SeparatorOrientation = "horizontal" | "vertical";
+interface SeparatorProps extends ComponentPropsWithoutChildren {
+    orientation?: SeparatorOrientation;
+    decorative?: boolean;
+}
+export declare function Separator(props: SeparatorProps): TemplateResult;
+export declare function Separator(orientation?: SeparatorOrientation, className?: string): TemplateResult;
+export {};
+//# sourceMappingURL=Separator.d.ts.map

package/dist/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,6BAA6B,EAAY,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAE9F,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D,UAAU,cAAe,SAAQ,6BAA6B;IAC3D,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAAC;AACjE,wBAAgB,SAAS,CAAC,WAAW,CAAC,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC"}

package/dist/Separator.js

@@ -0,0 +1,19 @@
+import { fc, html } from "./mini.js";
+const _Separator = fc(({ orientation = "horizontal", decorative = true, className = "" }) => {
+    const orientationClasses = orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]";
+    const baseClasses = "shrink-0 bg-border";
+    return html `
+      <div
+         role="${decorative ? "none" : "separator"}"
+         aria-orientation="${decorative ? undefined : orientation}"
+         class="${baseClasses} ${orientationClasses} ${className}"
+      ></div>
+   `;
+});
+export function Separator(propsOrOrientation = "horizontal", className = "") {
+    if (typeof propsOrOrientation === "object" && propsOrOrientation !== null) {
+        return _Separator(propsOrOrientation);
+    }
+    return _Separator({ orientation: propsOrOrientation, className });
+}
+//# sourceMappingURL=Separator.js.map

package/dist/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,EAAE,EAAE,IAAI,EAAuB,MAAM,WAAW,CAAC;AAS9F,MAAM,UAAU,GAAG,EAAE,CAAiB,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACzG,MAAM,kBAAkB,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE9F,MAAM,WAAW,GAAG,oBAAoB,CAAC;IAEzC,OAAO,IAAI,CAAA;;iBAEG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW;6BACrB,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;kBAC/C,WAAW,IAAI,kBAAkB,IAAI,SAAS;;IAE5D,CAAC;AACL,CAAC,CAAC,CAAC;AAKH,MAAM,UAAU,SAAS,CACtB,qBAA4D,YAAY,EACxE,SAAS,GAAG,EAAE;IAEd,IAAI,OAAO,kBAAkB,KAAK,QAAQ,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;QACzE,OAAO,UAAU,CAAC,kBAAoC,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,UAAU,CAAC,EAAE,WAAW,EAAE,kBAA0C,EAAE,SAAS,EAAE,CAAC,CAAC;AAC7F,CAAC"}

package/dist/Sidebar.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, type TemplateResult } from "lit";
+import { type BaseComponentProps } from "./mini.js";
+export declare class Sidebar extends LitElement {
+    defaultOpen: boolean;
+    breakpoint: "sm" | "md" | "lg" | "xl";
+    className: string;
+    logo: TemplateResult | string;
+    footer: TemplateResult | string;
+    content: TemplateResult | string;
+    private isOpen;
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+    private toggleSidebar;
+    render(): TemplateResult<1>;
+}
+export interface SidebarItemProps extends BaseComponentProps {
+    href?: string;
+    active?: boolean;
+    onClick?: () => void;
+    children: TemplateResult | string;
+}
+export declare const SidebarItem: import("./mini.js").Component<SidebarItemProps>;
+export interface SidebarSectionProps extends BaseComponentProps {
+    title?: string;
+}
+export declare const SidebarSection: import("./mini.js").Component<SidebarSectionProps>;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../src/Sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,EAAE,KAAK,kBAAkB,EAAM,MAAM,WAAW,CAAC;AAExD,qBACa,OAAQ,SAAQ,UAAU;IACoB,WAAW,UAAS;IAChD,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IACpB,SAAS,SAAM;IACxC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAM;IACnC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IACrC,OAAO,EAAE,cAAc,GAAG,MAAM,CAAM;IAEzD,OAAO,CAAC,MAAM,CAAS;IAEhC,SAAS,CAAC,gBAAgB;IAI1B,iBAAiB;IAKjB,OAAO,CAAC,aAAa,CAEnB;IAEF,MAAM;CAsER;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,cAAc,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,WAAW,iDAetB,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,oDAYzB,CAAC"}