@unofficialbox/box-open-elements 0.4.0 → 0.5.0

package/dist/components/collections/thumbnail-card.js

@@ -105,7 +105,8 @@ const thumbnailCardStyles = `
     display: none;
   }
 `;
-export class BoxThumbnailCardElement extends BaseElement {
+export class ThumbnailCard extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["title", "subtitle", "interactive", "highlight-on-hover"];
     }
@@ -200,11 +201,4 @@ export class BoxThumbnailCardElement extends BaseElement {
         }
     }
 }
-export const defineBoxThumbnailCardElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxThumbnailCardElement);
-    return BoxThumbnailCardElement;
-};
+ThumbnailCard.register();

package/dist/components/collections/tree-grid.d.ts

@@ -9,7 +9,8 @@ type BoxTreeGridItem = {
     label: string;
     value: string;
 };
-export declare class BoxTreeGridElement extends BaseElement {
+export declare class TreeGrid extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private expandedInternal;
     private valueInternal;
@@ -43,5 +44,4 @@ export declare class BoxTreeGridElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxTreeGridElement: (tagName?: string) => typeof BoxTreeGridElement;
 export {};

package/dist/components/collections/tree-grid.js

@@ -220,7 +220,8 @@ const treeGridStyles = `
     color: var(--boe-token-text-text-secondary, #6f6f6f);
   }
 `;
-export class BoxTreeGridElement extends BaseElement {
+export class TreeGrid extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["columns", "items", "label", "value"];
     }
@@ -583,11 +584,4 @@ export class BoxTreeGridElement extends BaseElement {
         }
     }
 }
-export const defineBoxTreeGridElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxTreeGridElement);
-    return BoxTreeGridElement;
-};
+TreeGrid.register();

package/dist/components/collections/tree.d.ts

@@ -4,7 +4,8 @@ type BoxTreeItem = {
     label: string;
     value?: string;
 };
-export declare class BoxTreeElement extends BaseElement {
+export declare class Tree extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private expandedInternal;
     private valueInternal;
@@ -33,5 +34,4 @@ export declare class BoxTreeElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxTreeElement: (tagName?: string) => typeof BoxTreeElement;
 export {};

package/dist/components/collections/tree.js

@@ -198,7 +198,8 @@ const treeStyles = `
     outline-offset: 2px;
   }
 `;
-export class BoxTreeElement extends BaseElement {
+export class Tree extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["items", "label", "value"];
     }
@@ -516,11 +517,4 @@ export class BoxTreeElement extends BaseElement {
         }
     }
 }
-export const defineBoxTreeElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxTreeElement);
-    return BoxTreeElement;
-};
+Tree.register();

package/dist/components/feedback/alert.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxAlertElement extends BaseElement {
+export declare class Alert extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private openValue;
     private alertEl;
@@ -26,4 +27,3 @@ export declare class BoxAlertElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxAlertElement: (tagName?: string) => typeof BoxAlertElement;

package/dist/components/feedback/alert.js

@@ -136,7 +136,8 @@ const alertStyles = `
 
   ${boeNeutralInteractiveStyles('[part="dismiss"]')}
 `;
-export class BoxAlertElement extends BaseElement {
+export class Alert extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["description", "heading", "message", "open", "tone"];
     }
@@ -282,11 +283,4 @@ export class BoxAlertElement extends BaseElement {
         }
     }
 }
-export const defineBoxAlertElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxAlertElement);
-    return BoxAlertElement;
-};
+Alert.register();

package/dist/components/feedback/badge.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxBadgeElement extends BaseElement {
+export declare class Badge extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private badgeEl;
     private lastText;
@@ -19,4 +20,3 @@ export declare class BoxBadgeElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxBadgeElement: (tagName?: string) => typeof BoxBadgeElement;

package/dist/components/feedback/badge.js

@@ -71,7 +71,8 @@ const badgeStyles = `
 
   ${boeReducedMotionStyles('[part="badge"].boe-pop', "animation: none;")}
 `;
-export class BoxBadgeElement extends BaseElement {
+export class Badge extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "tone", "max", "hide-when-zero", "animate"];
     }
@@ -155,11 +156,4 @@ export class BoxBadgeElement extends BaseElement {
         this.lastText = text;
     }
 }
-export const defineBoxBadgeElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxBadgeElement);
-    return BoxBadgeElement;
-};
+Badge.register();

package/dist/components/feedback/badgeable.d.ts

@@ -5,10 +5,10 @@ import { BaseElement } from "../../core/index.js";
  * named slot (`top-left`, `top-right`, `bottom-left`, `bottom-right`). Corners
  * with no assigned content are hidden so they don't capture pointer events.
  */
-export declare class BoxBadgeableElement extends BaseElement {
+export declare class Badgeable extends BaseElement {
+    static readonly tagName: string;
     private corners;
     protected renderTemplate(): void;
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxBadgeableElement: (tagName?: string) => typeof BoxBadgeableElement;

package/dist/components/feedback/badgeable.js

@@ -41,7 +41,8 @@ const badgeableStyles = `
  * named slot (`top-left`, `top-right`, `bottom-left`, `bottom-right`). Corners
  * with no assigned content are hidden so they don't capture pointer events.
  */
-export class BoxBadgeableElement extends BaseElement {
+export class Badgeable extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     corners = new Map();
     renderTemplate() {
         if (!this.shadowRoot) {
@@ -74,11 +75,4 @@ export class BoxBadgeableElement extends BaseElement {
         }
     }
 }
-export const defineBoxBadgeableElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxBadgeableElement);
-    return BoxBadgeableElement;
-};
+Badgeable.register();

package/dist/components/feedback/chip.d.ts

@@ -4,7 +4,8 @@ import { BaseElement } from "../../core/index.js";
  * is interactive: it can be selected and it can be dismissed, emitting `remove`
  * with its `value` so a host list can drop it.
  */
-export declare class BoxChipElement extends BaseElement {
+export declare class Chip extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private chipEl;
     private labelEl;
@@ -35,4 +36,3 @@ export declare class BoxChipElement extends BaseElement {
     private syncIconSlot;
     protected update(): void;
 }
-export declare const defineBoxChipElement: (tagName?: string) => typeof BoxChipElement;

package/dist/components/feedback/chip.js

@@ -139,7 +139,8 @@ const chipStyles = `
  * is interactive: it can be selected and it can be dismissed, emitting `remove`
  * with its `value` so a host list can drop it.
  */
-export class BoxChipElement extends BaseElement {
+export class Chip extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["disabled", "label", "removable", "selectable", "selected", "size", "tone", "value"];
     }
@@ -323,11 +324,4 @@ export class BoxChipElement extends BaseElement {
         this.syncRemoveButton();
     }
 }
-export const defineBoxChipElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxChipElement);
-    return BoxChipElement;
-};
+Chip.register();

package/dist/components/feedback/empty-state.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxEmptyStateElement extends BaseElement {
+export declare class EmptyState extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private titleEl;
     private messageEl;
@@ -16,4 +17,3 @@ export declare class BoxEmptyStateElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxEmptyStateElement: (tagName?: string) => typeof BoxEmptyStateElement;

package/dist/components/feedback/empty-state.js

@@ -55,7 +55,8 @@ const emptyStateStyles = `
     display: none;
   }
 `;
-export class BoxEmptyStateElement extends BaseElement {
+export class EmptyState extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["action-label", "description", "heading", "message"];
     }
@@ -127,11 +128,4 @@ export class BoxEmptyStateElement extends BaseElement {
         }
     }
 }
-export const defineBoxEmptyStateElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxEmptyStateElement);
-    return BoxEmptyStateElement;
-};
+EmptyState.register();

package/dist/components/feedback/error-mask.d.ts

@@ -5,7 +5,8 @@ import { BaseElement } from "../../core/index.js";
  * assertively via `role="alert"` and offers an optional retry action that emits
  * a `retry` event; the host owns the actual reload.
  */
-export declare class BoxErrorMaskElement extends BaseElement {
+export declare class ErrorMask extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private titleEl;
     private messageEl;
@@ -24,4 +25,3 @@ export declare class BoxErrorMaskElement extends BaseElement {
     private syncActionButton;
     protected update(): void;
 }
-export declare const defineBoxErrorMaskElement: (tagName?: string) => typeof BoxErrorMaskElement;

package/dist/components/feedback/error-mask.js

@@ -105,7 +105,8 @@ const errorMaskStyles = `
  * assertively via `role="alert"` and offers an optional retry action that emits
  * a `retry` event; the host owns the actual reload.
  */
-export class BoxErrorMaskElement extends BaseElement {
+export class ErrorMask extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["action-label", "description", "heading", "message"];
     }
@@ -212,11 +213,4 @@ export class BoxErrorMaskElement extends BaseElement {
         this.syncActionButton();
     }
 }
-export const defineBoxErrorMaskElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxErrorMaskElement);
-    return BoxErrorMaskElement;
-};
+ErrorMask.register();

package/dist/components/feedback/help-text.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxHelpTextElement extends BaseElement {
+export declare class HelpText extends BaseElement {
+    static readonly tagName: string;
     private readonly handleDesignSystemChange;
     static get observedAttributes(): string[];
     private helpTextEl;
@@ -19,4 +20,3 @@ export declare class BoxHelpTextElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxHelpTextElement: (tagName?: string) => typeof BoxHelpTextElement;

package/dist/components/feedback/help-text.js

@@ -80,7 +80,8 @@ const helpTextStyles = `
     display: none;
   }
 `;
-export class BoxHelpTextElement extends BaseElement {
+export class HelpText extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     handleDesignSystemChange = () => {
         this.update();
     };
@@ -173,11 +174,4 @@ export class BoxHelpTextElement extends BaseElement {
         this.messageEl.textContent = this.message;
     }
 }
-export const defineBoxHelpTextElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxHelpTextElement);
-    return BoxHelpTextElement;
-};
+HelpText.register();

package/dist/components/feedback/nudge.d.ts

@@ -5,7 +5,8 @@ import { BaseElement } from "../../core/index.js";
  * (emits `action`) and can be dismissed (emits `dismiss` and hides). Announced
  * politely via `role="status"`; the host decides what the action does.
  */
-export declare class BoxNudgeElement extends BaseElement {
+export declare class Nudge extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private openValue;
     private hostEl;
@@ -29,4 +30,3 @@ export declare class BoxNudgeElement extends BaseElement {
     private syncActionButton;
     protected update(): void;
 }
-export declare const defineBoxNudgeElement: (tagName?: string) => typeof BoxNudgeElement;

package/dist/components/feedback/nudge.js

@@ -116,7 +116,8 @@ const nudgeStyles = `
  * (emits `action`) and can be dismissed (emits `dismiss` and hides). Announced
  * politely via `role="status"`; the host decides what the action does.
  */
-export class BoxNudgeElement extends BaseElement {
+export class Nudge extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["action-label", "heading", "message", "open"];
     }
@@ -289,11 +290,4 @@ export class BoxNudgeElement extends BaseElement {
         this.syncActionButton();
     }
 }
-export const defineBoxNudgeElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxNudgeElement);
-    return BoxNudgeElement;
-};
+Nudge.register();

package/dist/components/feedback/progress-bar.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxProgressBarElement extends BaseElement {
+export declare class ProgressBar extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private progressEl;
     private labelEl;
@@ -15,4 +16,3 @@ export declare class BoxProgressBarElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxProgressBarElement: (tagName?: string) => typeof BoxProgressBarElement;

package/dist/components/feedback/progress-bar.js

@@ -52,7 +52,8 @@ const progressBarStyles = `
     transition: width ${boeMotionDuration.interactive} ${boeMotionEasing.standard};
   }
 `;
-export class BoxProgressBarElement extends BaseElement {
+export class ProgressBar extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "max", "value"];
     }
@@ -118,11 +119,4 @@ export class BoxProgressBarElement extends BaseElement {
         this.indicatorEl.style.width = `${percentage}%`;
     }
 }
-export const defineBoxProgressBarElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxProgressBarElement);
-    return BoxProgressBarElement;
-};
+ProgressBar.register();

package/dist/components/feedback/progress-ring.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxProgressRingElement extends BaseElement {
+export declare class ProgressRing extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private ringEl;
     private svgEl;
@@ -18,4 +19,3 @@ export declare class BoxProgressRingElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxProgressRingElement: (tagName?: string) => typeof BoxProgressRingElement;

package/dist/components/feedback/progress-ring.js

@@ -53,7 +53,8 @@ const progressRingStyles = `
     color: var(--boe-token-text-text-secondary, #6f6f6f);
   }
 `;
-export class BoxProgressRingElement extends BaseElement {
+export class ProgressRing extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "max", "size", "value"];
     }
@@ -145,11 +146,4 @@ export class BoxProgressRingElement extends BaseElement {
         this.labelEl.textContent = this.label;
     }
 }
-export const defineBoxProgressRingElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxProgressRingElement);
-    return BoxProgressRingElement;
-};
+ProgressRing.register();

package/dist/components/feedback/progress-steps.d.ts

@@ -4,7 +4,8 @@ type BoxProgressStep = {
     label: string;
     value: string;
 };
-export declare class BoxProgressStepsElement extends BaseElement {
+export declare class ProgressSteps extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private valueInternal;
     private stepsEl;
@@ -21,5 +22,4 @@ export declare class BoxProgressStepsElement extends BaseElement {
     private selectValue;
     protected update(): void;
 }
-export declare const defineBoxProgressStepsElement: (tagName?: string) => typeof BoxProgressStepsElement;
 export {};

package/dist/components/feedback/progress-steps.js

@@ -101,7 +101,8 @@ const progressStepsStyles = `
     line-height: 1.45;
   }
 `;
-export class BoxProgressStepsElement extends BaseElement {
+export class ProgressSteps extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["items", "label", "value"];
     }
@@ -266,11 +267,4 @@ export class BoxProgressStepsElement extends BaseElement {
         });
     }
 }
-export const defineBoxProgressStepsElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxProgressStepsElement);
-    return BoxProgressStepsElement;
-};
+ProgressSteps.register();

package/dist/components/feedback/skeleton.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxSkeletonElement extends BaseElement {
+export declare class Skeleton extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private skeletonEl;
     private appliedWidth;
@@ -11,4 +12,3 @@ export declare class BoxSkeletonElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxSkeletonElement: (tagName?: string) => typeof BoxSkeletonElement;

package/dist/components/feedback/skeleton.js

@@ -34,7 +34,8 @@ const skeletonStyles = `
 
   ${boeReducedMotionStyles('[part="skeleton"]', "animation: none;")}
 `;
-export class BoxSkeletonElement extends BaseElement {
+export class Skeleton extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["height", "width"];
     }
@@ -85,11 +86,4 @@ export class BoxSkeletonElement extends BaseElement {
         }
     }
 }
-export const defineBoxSkeletonElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxSkeletonElement);
-    return BoxSkeletonElement;
-};
+Skeleton.register();

package/dist/components/feedback/spinner.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxSpinnerElement extends BaseElement {
+export declare class Spinner extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private labelEl;
     private indicatorEl;
@@ -11,4 +12,3 @@ export declare class BoxSpinnerElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxSpinnerElement: (tagName?: string) => typeof BoxSpinnerElement;

package/dist/components/feedback/spinner.js

@@ -51,7 +51,8 @@ const spinnerStyles = `
     color: var(--boe-token-text-text-secondary, #6f6f6f);
   }
 `;
-export class BoxSpinnerElement extends BaseElement {
+export class Spinner extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "size"];
     }
@@ -98,11 +99,4 @@ export class BoxSpinnerElement extends BaseElement {
         }
     }
 }
-export const defineBoxSpinnerElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxSpinnerElement);
-    return BoxSpinnerElement;
-};
+Spinner.register();

package/dist/components/feedback/toast.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxToastElement extends BaseElement {
+export declare class Toast extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private openValue;
     private timeoutId;
@@ -28,4 +29,3 @@ export declare class BoxToastElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxToastElement: (tagName?: string) => typeof BoxToastElement;

package/dist/components/feedback/toast.js

@@ -108,7 +108,8 @@ const toastStyles = `
     box-shadow: none;
   }
 `;
-export class BoxToastElement extends BaseElement {
+export class Toast extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["message", "open", "tone", "duration"];
     }
@@ -243,11 +244,4 @@ export class BoxToastElement extends BaseElement {
         this.messageEl.textContent = this.message;
     }
 }
-export const defineBoxToastElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxToastElement);
-    return BoxToastElement;
-};
+Toast.register();

package/dist/components/files/drop-zone.d.ts

@@ -1,5 +1,6 @@
 import { BaseElement } from "../../core/index.js";
-export declare class BoxDropZoneElement extends BaseElement {
+export declare class DropZone extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private dragging;
     private zoneEl;
@@ -16,4 +17,3 @@ export declare class BoxDropZoneElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxDropZoneElement: (tagName?: string) => typeof BoxDropZoneElement;