@aquera/nile-elements 0.1.38-beta-1.4 → 0.1.38

package/dist/src/nile-tooltip/nile-tooltip.test.js

@@ -1,148 +0,0 @@
-import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';
-import './nile-tooltip';
-describe('NileTooltip', () => {
-    it('renders with default properties', async () => {
-        const el = await fixture(html `<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);
-        assert.equal(el.content, 'Hello');
-        assert.equal(el.placement, 'top');
-        assert.equal(el.disabled, false);
-        assert.equal(el.open, false);
-    });
-    it('renders text content when no slot is used', async () => {
-        const el = await fixture(html `<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`);
-        const content = el.shadowRoot.querySelector('.tooltip-content');
-        assert.include(content.textContent, 'Fallback');
-    });
-    it('uses slotted content when provided', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Slot Content</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const assigned = slot.assignedNodes({ flatten: true });
-        assert.isAbove(assigned.length, 0);
-        assert.include(assigned[0].textContent ?? '', 'Slot Content');
-    });
-    it('shows tooltip on hover when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        assert.isTrue(el.open);
-    });
-    it('hides tooltip on mouseout when trigger includes "hover"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Tooltip" trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));
-        await waitUntil(() => el.open === false);
-    });
-    it('toggles tooltip on click when trigger includes "click"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Click me" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        trigger.click();
-        await waitUntil(() => el.open === false);
-    });
-    it('shows and hides tooltip on focus/blur when trigger includes "focus"', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Focus" trigger="focus">
-        <button>Focus</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('focusin'));
-        await waitUntil(() => el.open === true);
-        trigger.dispatchEvent(new Event('focusout'));
-        await waitUntil(() => el.open === false);
-    });
-    it('does not show tooltip when disabled', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Disabled" disabled trigger="hover">
-        <button>Hover me</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.dispatchEvent(new Event('mouseover'));
-        await new Promise(resolve => setTimeout(resolve, 200));
-        assert.isFalse(el.open);
-    });
-    it('emits nile-show and nile-after-show events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        setTimeout(() => trigger.click());
-        const showEvent = await oneEvent(el, 'nile-show');
-        assert.ok(showEvent);
-        const afterShow = await oneEvent(el, 'nile-after-show');
-        assert.ok(afterShow);
-    });
-    it('emits nile-hide and nile-after-hide events', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Event test" trigger="click">
-        <button>Click</button>
-      </nile-tooltip>
-    `);
-        const trigger = el.shadowRoot.querySelector('.trigger-container');
-        trigger.click();
-        await waitUntil(() => el.open === true);
-        setTimeout(() => trigger.click());
-        const hideEvent = await oneEvent(el, 'nile-hide');
-        assert.ok(hideEvent);
-        const afterHide = await oneEvent(el, 'nile-after-hide');
-        assert.ok(afterHide);
-    });
-    it('defaults to "bottom" placement when given invalid value', async () => {
-        const el = await fixture(html `
-      <nile-tooltip content="Fallback" placement=${'invalid'} >
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        await el.updateComplete;
-        assert.equal(el.placement, 'top');
-    });
-    it('updates hasTooltipSlot on slot change', async () => {
-        const el = await fixture(html `
-      <nile-tooltip>
-        <div slot="content">Initial slot</div>
-        <button>Trigger</button>
-      </nile-tooltip>
-    `);
-        const slot = el.shadowRoot.querySelector('slot[name="content"]');
-        const newSlotNode = document.createElement('div');
-        newSlotNode.slot = 'content';
-        newSlotNode.textContent = 'Updated slot';
-        el.appendChild(newSlotNode);
-        slot.dispatchEvent(new Event('slotchange'));
-        await el.updateComplete;
-        assert.isTrue(el.hasTooltipSlot);
-    });
-    it('respects hoist attribute', async () => {
-        const el = await fixture(html `
-      <nile-tooltip hoist content="Hoisted">
-        <button>Hoist</button>
-      </nile-tooltip>
-    `);
-        assert.isTrue(el.hoist);
-    });
-});
-//# sourceMappingURL=nile-tooltip.test.js.map

package/dist/src/nile-tooltip/nile-tooltip.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip.test.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n  it('renders with default properties', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n    assert.equal(el.content, 'Hello');\n    assert.equal(el.placement, 'top');\n    assert.equal(el.disabled, false);\n    assert.equal(el.open, false);\n  });\n\n  it('renders text content when no slot is used', async () => {\n    const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n    const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n    assert.include(content.textContent!, 'Fallback');\n  });\n\n  it('uses slotted content when provided', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Slot Content</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const assigned = slot.assignedNodes({ flatten: true });\n    assert.isAbove(assigned.length, 0);\n    assert.include(assigned[0].textContent ?? '', 'Slot Content');\n  });\n\n  it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    assert.isTrue(el.open);\n  });\n\n  it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('toggles tooltip on click when trigger includes \"click\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Click me\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    trigger.click();\n    await waitUntil(() => el.open === false);\n  });\n\n  it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Focus\" trigger=\"focus\">\n        <button>Focus</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('focusin'));\n    await waitUntil(() => el.open === true);\n    trigger.dispatchEvent(new Event('focusout'));\n    await waitUntil(() => el.open === false);\n  });\n\n  it('does not show tooltip when disabled', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n        <button>Hover me</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n    trigger.dispatchEvent(new Event('mouseover'));\n    await new Promise(resolve => setTimeout(resolve, 200));\n    assert.isFalse(el.open);\n  });\n\n\n  it('emits nile-show and nile-after-show events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    setTimeout(() => trigger.click());\n    const showEvent = await oneEvent(el, 'nile-show');\n    assert.ok(showEvent);\n    const afterShow = await oneEvent(el, 'nile-after-show');\n    assert.ok(afterShow);\n  });\n\n  it('emits nile-hide and nile-after-hide events', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Event test\" trigger=\"click\">\n        <button>Click</button>\n      </nile-tooltip>\n    `);\n    const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n    trigger.click();\n    await waitUntil(() => el.open === true);\n    setTimeout(() => trigger.click());\n    const hideEvent = await oneEvent(el, 'nile-hide');\n    assert.ok(hideEvent);\n    const afterHide = await oneEvent(el, 'nile-after-hide');\n    assert.ok(afterHide);\n  });\n\n  it('defaults to \"bottom\" placement when given invalid value', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n    await el.updateComplete;\n    assert.equal(el.placement, 'top');\n  });\n\n\n  it('updates hasTooltipSlot on slot change', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip>\n        <div slot=\"content\">Initial slot</div>\n        <button>Trigger</button>\n      </nile-tooltip>\n    `);\n\n    const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    const newSlotNode = document.createElement('div');\n    newSlotNode.slot = 'content';\n    newSlotNode.textContent = 'Updated slot';\n    el.appendChild(newSlotNode);\n\n    slot.dispatchEvent(new Event('slotchange'));\n    await el.updateComplete;\n\n    assert.isTrue((el as any).hasTooltipSlot);\n  });\n\n  it('respects hoist attribute', async () => {\n    const el = await fixture<NileTooltip>(html`\n      <nile-tooltip hoist content=\"Hoisted\">\n        <button>Hoist</button>\n      </nile-tooltip>\n    `);\n    assert.isTrue(el.hoist);\n  });\n});\n"]}

package/dist/types/src/index.d.ts

@@ -1,81 +0,0 @@
-export { NileButton } from './nile-button';
-export { NileHeading } from './nile-heading';
-export { NileIcon } from './nile-icon';
-export { NileInput } from './nile-input';
-export { NileSidebar } from './nile-sidebar';
-export { NileMenu } from './nile-menu';
-export { NileBadge } from './nile-badge';
-export { NileDrawer } from './nile-drawer';
-export { NileCheckbox } from './nile-checkbox';
-export { NileRadio } from './nile-radio';
-export { NileRadioGroup } from './nile-radio-group';
-export { NilePopup } from './nile-popup';
-export { NileTooltip } from './nile-tooltip';
-export { NileSlideToggle } from './nile-slide-toggle';
-export { NileLoader } from './nile-loader';
-export { NileProgressBar } from './nile-progress-bar';
-export { NileSpinner } from './nile-spinner';
-export { NileSelect } from './nile-select';
-export { NileOption } from './nile-option';
-export { NileTag } from './nile-tag';
-export { NileIconButton } from './nile-icon-button';
-export { NileMenuItem } from './nile-menu-item';
-export { NileDropdown } from './nile-dropdown';
-export { NileAutoComplete } from './nile-auto-complete';
-export { NileChip } from './nile-chip';
-export { NileTextarea } from './nile-textarea';
-export { NileDatePicker } from './nile-date-picker';
-export { NileErrorMessage } from './nile-error-message';
-export { NileFormErrorMessage } from './nile-form-error-message';
-export { NileFormHelpText } from './nile-form-help-text';
-export { NileCalendar } from './nile-calendar';
-export { NileLink } from './nile-link';
-export { NileButtonToggleGroup } from './nile-button-toggle-group';
-export { NileButtonToggle } from './nile-button-toggle';
-export { NileSwitcher } from './nile-switcher';
-export { NileContentEditor } from './nile-content-editor';
-export { NileDialog } from './nile-dialog';
-export { NileErrorNotification } from './nile-error-notification';
-export { NileTabGroup } from './nile-tab-group';
-export { NileTab } from './nile-tab';
-export { NileTabPanel } from './nile-tab-panel';
-export { NileCodeEditor } from './nile-code-editor';
-export { NileToast } from './nile-toast';
-export { NileBreadcrumb } from './nile-breadcrumb';
-export { NileBreadcrumbItem } from './nile-breadcrumb-item';
-export { NileFormGroup } from './nile-form-group';
-export { NileCard } from './nile-card';
-export { NilePopover } from './nile-popover';
-export { NileButtonFilter } from './nile-button-filter';
-export { NileCircularProgressbar } from './nile-circular-progressbar';
-export { NileSidebarMenu } from './nile-sidebar-menu';
-export { NileSidebarMenuItems } from './nile-sidebar-menu-items';
-export { NileSidebarWrapper } from './nile-sidebar-wrapper';
-export { NileTableCellItem } from './nile-table-cell-item';
-export { NileTableRow } from './nile-table-row';
-export { NileTableBody } from './nile-table-body';
-export { NileTableHeaderItem } from './nile-table-header-item';
-export { NileAvatar } from './nile-avatar';
-export { NilePageHeader } from './nile-page-header';
-export { NileEmptyState } from './nile-empty-state';
-export { NileHero } from './nile-hero';
-export { NileStepperItem } from './nile-stepper-item';
-export { NileStepper } from './nile-stepper';
-export { NileHeroHeader } from './nile-hero-header';
-export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
-export { NileFormatDate } from './nile-format-date';
-export { NileSplitPanel } from './nile-split-panel';
-export { NileTree } from './nile-tree';
-export { NileTreeItem } from './nile-tree-item';
-export { NileListItem } from './nile-list-item';
-export { NileList } from './nile-list';
-export { NileAccordion } from './nile-accordion';
-export { NileDivider } from './nile-divider';
-export { NileTitle } from './nile-title';
-export { NileSectionMessage } from './nile-section-message';
-export { NileToolbar } from './nile-toolbar';
-export { NileInlineEdit } from './nile-inline-edit';
-export { NileTable } from './nile-table';
-export { NileFilterChip } from './nile-filter-chip';
-export { NileFileUpload } from './nile-file-upload';
-export { NileFilePreview } from './nile-file-preview';

package/dist/types/src/internal/animate.d.ts

@@ -1,22 +0,0 @@
-/**
- * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
- */
-export declare function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions): Promise<unknown>;
-/** Parses a CSS duration and returns the number of milliseconds. */
-export declare function parseDuration(delay: number | string): number;
-/** Tells if the user has enabled the "reduced motion" setting in their browser or OS. */
-export declare function prefersReducedMotion(): boolean;
-/**
- * Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
- */
-export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
-/**
- * We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
- * element's scrollHeight before the animation.
- */
-export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
-    height: string | number | null | undefined;
-    composite?: CompositeOperationOrAuto;
-    easing?: string;
-    offset?: number | null;
-}[];

package/dist/types/src/internal/default-value.d.ts

@@ -1,2 +0,0 @@
-import type { ReactiveElement } from 'lit';
-export declare const defaultValue: (propertyName?: string) => (proto: ReactiveElement, key: string) => void;

package/dist/types/src/internal/drag.d.ts

@@ -1,15 +0,0 @@
-interface DragOptions {
-    /** Callback that runs as dragging occurs. */
-    onMove: (x: number, y: number) => void;
-    /** Callback that runs when dragging stops. */
-    onStop: () => void;
-    /**
-     * When an initial event is passed, the first drag will be triggered immediately using the coordinates therein. This
-     * is useful when the drag is initiated by a mousedown/touchstart event but you want the initial "click" to activate
-     * a drag (e.g. positioning a handle initially at the click target).
-     */
-    initialEvent: PointerEvent;
-}
-/** Begins listening for dragging. */
-export declare function drag(container: HTMLElement, options?: Partial<DragOptions>): void;
-export {};

package/dist/types/src/internal/enum.d.ts

@@ -1,20 +0,0 @@
-export declare const KeyCode: {
-    BACKSPACE: string;
-    TAB: string;
-    ENTER: string;
-    SHIFT: string;
-    CTRL: string;
-    ESCAPE: string;
-    SPACE: string;
-    PAGE_UP: string;
-    PAGE_DOWN: string;
-    END: string;
-    HOME: string;
-    ARROW_LEFT: string;
-    ARROW_UP: string;
-    ARROW_RIGHT: string;
-    ARROW_DOWN: string;
-    CUT: string;
-    COPY: string;
-    PASTE: string;
-};

package/dist/types/src/internal/event.d.ts

@@ -1,2 +0,0 @@
-/** Waits for a specific event to be emitted from an element. Ignores events that bubble up from child elements. */
-export declare function waitForEvent(el: HTMLElement, eventName: string): Promise<void>;

package/dist/types/src/internal/form.d.ts

@@ -1,73 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { NileFormControl } from '../internal/nile-element';
-import type { NileButton } from '../nile-button';
-export declare const formCollections: WeakMap<HTMLFormElement, Set<NileFormControl>>;
-export interface FormControlControllerOptions {
-    /** A function that returns the form containing the form control. */
-    form: (input: NileFormControl) => HTMLFormElement | null;
-    /** A function that returns the form control's name, which will be submitted with the form data. */
-    name: (input: NileFormControl) => string;
-    /** A function that returns the form control's current value. */
-    value: (input: NileFormControl) => unknown | unknown[];
-    /** A function that returns the form control's default value. */
-    defaultValue: (input: NileFormControl) => unknown | unknown[];
-    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
-    disabled: (input: NileFormControl) => boolean;
-    /**
-     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
-     * prevent submission and trigger the browser's constraint violation warning.
-     */
-    reportValidity: (input: NileFormControl) => boolean;
-    /** A function that sets the form control's value */
-    setValue: (input: NileFormControl, value: unknown) => void;
-    /**
-     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
-     * states such as user-valid and user-invalid.user interacted validity states. */
-    assumeInteractionOn: string[];
-}
-/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
-export declare class FormControlController implements ReactiveController {
-    host: NileFormControl & ReactiveControllerHost;
-    form?: HTMLFormElement | null;
-    options: FormControlControllerOptions;
-    constructor(host: ReactiveControllerHost & NileFormControl, options?: Partial<FormControlControllerOptions>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
-    private attachForm;
-    private detachForm;
-    private handleFormData;
-    private handleFormSubmit;
-    private handleFormReset;
-    private handleInteraction;
-    private reportFormValidity;
-    private setUserInteracted;
-    private doAction;
-    /** Returns the associated `<form>` element, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Resets the form, restoring all the control to their default value */
-    reset(submitter?: HTMLInputElement | NileButton): void;
-    /** Submits the form, triggering validation and form data injection. */
-    submit(submitter?: HTMLInputElement | NileButton): void;
-    /**
-     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-     * the host element immediately, i.e. before Lit updates the component in the next update.
-     */
-    setValidity(isValid: boolean): void;
-    /**
-     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-     * that affects constraint validation changes so the component receives the correct validity states.
-     */
-    updateValidity(): void;
-    /**
-     * Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.
-     * If the `nile-invalid` event will be cancelled then the original `invalid`
-     * event (which may have been passed as argument) will also be cancelled.
-     * If no original `invalid` event has been passed then the `nile-invalid`
-     * event will be cancelled before being dispatched.
-     */
-    emitInvalidEvent(originalInvalidEvent?: Event): void;
-}
-export declare const validValidityState: ValidityState;
-export declare const valueMissingValidityState: ValidityState;
-export declare const customErrorValidityState: ValidityState;

package/dist/types/src/internal/math.d.ts

@@ -1,2 +0,0 @@
-/** Ensures a number stays within a minimum and maximum value */
-export declare function clamp(value: number, min: number, max: number): number;

package/dist/types/src/internal/modal.d.ts

@@ -1,12 +0,0 @@
-export default class Modal {
-    element: HTMLElement;
-    tabDirection: 'forward' | 'backward';
-    constructor(element: HTMLElement);
-    activate(): void;
-    deactivate(): void;
-    isActive(): boolean;
-    checkFocus(): void;
-    handleFocusIn(): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleKeyUp(): void;
-}

package/dist/types/src/internal/nile-element.d.ts

@@ -1,29 +0,0 @@
-import { LitElement } from 'lit';
-export default class NileElement extends LitElement {
-    protected BUBBLES: boolean;
-    protected COMPOSED: boolean;
-    protected CANCELABLE: boolean;
-    /** Emits a custom event with more convenient defaults. */
-    emit(name: string, detail?: any, bubbles?: boolean, composed?: boolean, cancelable?: boolean): CustomEvent<any>;
-}
-export interface NileFormControl extends NileElement {
-    name: string;
-    value: unknown;
-    disabled?: boolean;
-    defaultValue?: unknown;
-    defaultChecked?: boolean;
-    form?: string;
-    pattern?: string;
-    min?: number | string | Date;
-    max?: number | string | Date;
-    step?: number | 'any';
-    required?: boolean;
-    minlength?: number;
-    maxlength?: number;
-    readonly validity: ValidityState;
-    readonly validationMessage: string;
-    checkValidity: () => boolean;
-    getForm: () => HTMLFormElement | null;
-    reportValidity: () => boolean;
-    setCustomValidity: (message: string) => void;
-}

package/dist/types/src/internal/offset.d.ts

@@ -1,11 +0,0 @@
-/**
- * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
- * parent doesn't have to be positioned relative or absolute.
- *
- * NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent seems
- * to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069
- */
-export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
-    top: number;
-    left: number;
-};

package/dist/types/src/internal/scroll.d.ts

@@ -1,11 +0,0 @@
-/**
- * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible
- * without premature unlocking.
- */
-export declare function lockBodyScrolling(lockingEl: HTMLElement): void;
-/**
- * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.
- */
-export declare function unlockBodyScrolling(lockingEl: HTMLElement): void;
-/** Scrolls an element into view of its container. If the element is already in view, nothing will happen. */
-export declare function scrollIntoView(element: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical' | 'both', behavior?: 'smooth' | 'auto'): void;

package/dist/types/src/internal/slot.d.ts

@@ -1,23 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-/** A reactive controller that determines when slots exist. */
-export declare class HasSlotController implements ReactiveController {
-    host: ReactiveControllerHost & Element;
-    slotNames: string[];
-    constructor(host: ReactiveControllerHost & Element, ...slotNames: string[]);
-    private hasDefaultSlot;
-    private hasNamedSlot;
-    test(slotName: string): boolean;
-    hostConnected(): void;
-    hostDisconnected(): void;
-    handleSlotChange(event: Event): void;
-}
-/**
- * Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated
- * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
- */
-export declare function getInnerHTML(slot: HTMLSlotElement): string;
-/**
- * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
- * string. This is useful because we can't use slot.textContent as an alternative.
- */
-export declare function getTextContent(slot: HTMLSlotElement | undefined | null): string;

package/dist/types/src/internal/string.d.ts

@@ -1,2 +0,0 @@
-/** Converts the first letter of a string to uppercase */
-export declare function uppercaseFirstLetter(string: string): string;

package/dist/types/src/internal/tabbable.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns the first and last bounding elements that are tabbable. This is more performant than checking every single
- * element because it short-circuits after finding the first and last ones.
- */
-export declare function getTabbableBoundary(root: HTMLElement | ShadowRoot): {
-    start: HTMLElement | null;
-    end: HTMLElement | null;
-};

package/dist/types/src/internal/watch.d.ts

@@ -1,26 +0,0 @@
-import type { LitElement } from 'lit';
-type UpdateHandler = (prev?: unknown, next?: unknown) => void;
-type NonUndefined<A> = A extends undefined ? never : A;
-type UpdateHandlerFunctionKeys<T extends object> = {
-    [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;
-}[keyof T];
-interface WatchOptions {
-    /**
-     * If true, will only start watching after the initial update/render
-     */
-    waitUntilFirstUpdate?: boolean;
-}
-/**
- * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an
- * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the
- * initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.
- *
- * Usage:
- *
- * @watch('propName')
- * handlePropChange(oldValue, newValue) {
- *   ...
- * }
- */
-export declare function watch(propertyName: string | string[], options?: WatchOptions): <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>) => void;
-export {};

package/dist/types/src/nile-accordion/index.d.ts

@@ -1 +0,0 @@
-export { NileAccordion } from './nile-accordion';

package/dist/types/src/nile-accordion/nile-accordian.test.d.ts

@@ -1 +0,0 @@
-import './nile-accordion';

package/dist/types/src/nile-accordion/nile-accordion.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* Copyright Aquera Inc 2023
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/**
- * Detail CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/types/src/nile-accordion/nile-accordion.d.ts

@@ -1,85 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * Nile detail component.
- *
- * @tag nile-accordion
- *
- */
-export declare class NileAccordion extends NileElement {
-    /**
-     * @summary Accordian show a brief summary and expand to show additional content.
-     *
-     * @dependency nile-icon
-     *
-     * @slot - The accordian' main content.
-     * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.
-     * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.
-     * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.
-     *
-     * @event nile-show - Emitted when the accordian opens.
-     * @event nile-after-show - Emitted after the accordian opens and all animations are complete.
-     * @event nile-hide - Emitted when the accordian closes.
-     * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.
-     *
-     * @csspart base - The component's base wrapper.
-     * @csspart header - The header that wraps both the summary and the expand/collapse icon.
-     * @csspart summary - The container that wraps the summary.
-     * @csspart summary-icon - The container that wraps the expand/collapse icons.
-     * @csspart content - The accordian content.
-     *
-     * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.
-     * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.
-     */
-    static styles: CSSResultGroup;
-    accordian: HTMLElement;
-    header: HTMLElement;
-    body: HTMLElement;
-    expandIconSlot: HTMLSlotElement;
-    /**
-     * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you
-     * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.
-     */
-    open: boolean;
-    /**
-     * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.
-     * Defaults to `'light'`.
-     */
-    variant: 'dark' | 'light';
-    /**
-     * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.
-     * Defaults to `'right'`.
-     */
-    expandIconPlacement: 'left' | 'right';
-    /**
-     * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.
-     * Defaults to `'md'`.
-     */
-    size: 'sm' | 'md' | 'lg';
-    /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */
-    summary: string;
-    /** Disables the accordian so it can't be toggled. */
-    disabled: boolean;
-    firstUpdated(): void;
-    private handleSummaryClick;
-    private handleSummaryKeyDown;
-    handleOpenChange(): Promise<void>;
-    /** Shows the accordian. */
-    show(): Promise<void>;
-    /** Hides the accordian */
-    hide(): Promise<void>;
-    render(): TemplateResult<1>;
-}
-export default NileAccordion;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-accordion': NileAccordion;
-    }
-}

package/dist/types/src/nile-auto-complete/index.d.ts

@@ -1 +0,0 @@
-export { NileAutoComplete } from './nile-auto-complete';