@mcp-b/web-components 0.2.0

package/dist/selection-summary-BVnNJ8Lw.js

@@ -0,0 +1,48 @@
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import hostStyles from "@mcp-b/wc-support/styles/host.styles";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+//#region src/components/selection-summary/selection-summary.styles.ts
+var selection_summary_styles_default = css`
+  :host {
+    display: block;
+    color: var(--sigvelo-color-text-muted);
+    font-size: var(--sigvelo-text-sm);
+  }
+`;
+//#endregion
+//#region src/components/selection-summary/selection-summary.ts
+/**
+* <sigvelo-selection-summary>
+*
+* @summary Announces how many items are selected using configurable singular and plural labels.
+* @tag sigvelo-selection-summary
+* @documentation https://design-system.sigvelo.com/docs/components/selection-summary
+* @status stable
+* @since 1.0
+*
+* @csspart text - The live status text.
+*/
+var SigveloSelectionSummary = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.count = 0;
+		this.emptyLabel = "No rows selected";
+		this.singularLabel = "row selected";
+		this.pluralLabel = "rows selected";
+	}
+	static {
+		this.styles = [hostStyles, selection_summary_styles_default];
+	}
+	render() {
+		return html`<span part="text" role="status" aria-live="polite">${this.count === 0 ? this.emptyLabel : `${this.count} ${this.count === 1 ? this.singularLabel : this.pluralLabel}`}</span>`;
+	}
+};
+__decorate([property({ type: Number })], SigveloSelectionSummary.prototype, "count", void 0);
+__decorate([property({ attribute: "empty-label" })], SigveloSelectionSummary.prototype, "emptyLabel", void 0);
+__decorate([property({ attribute: "singular-label" })], SigveloSelectionSummary.prototype, "singularLabel", void 0);
+__decorate([property({ attribute: "plural-label" })], SigveloSelectionSummary.prototype, "pluralLabel", void 0);
+customElements.define("sigvelo-selection-summary", SigveloSelectionSummary);
+//#endregion
+export { SigveloSelectionSummary as t };

package/dist/selection-summary-DmFkGyZI.d.ts

@@ -0,0 +1,34 @@
+import { CSSResultGroup } from "lit";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+
+//#region src/components/selection-summary/selection-summary.d.ts
+/**
+ * <sigvelo-selection-summary>
+ *
+ * @summary Announces how many items are selected using configurable singular and plural labels.
+ * @tag sigvelo-selection-summary
+ * @documentation https://design-system.sigvelo.com/docs/components/selection-summary
+ * @status stable
+ * @since 1.0
+ *
+ * @csspart text - The live status text.
+ */
+declare class SigveloSelectionSummary extends SigveloElement {
+  static styles: CSSResultGroup;
+  /** Number of selected items. */
+  count: number;
+  /** Message shown when no items are selected. */
+  emptyLabel: string;
+  /** Label used when exactly one item is selected. */
+  singularLabel: string;
+  /** Label used when multiple items are selected. */
+  pluralLabel: string;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-selection-summary": SigveloSelectionSummary;
+  }
+}
+//#endregion
+export { SigveloSelectionSummary as t };

package/dist/share-DPlqP2dc.d.ts

@@ -0,0 +1,162 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+
+//#region src/components/share/share.d.ts
+/**
+ * <sigvelo-share>
+ *
+ * @summary Allows users to share links, files and text via their operating system's share interface.
+ * @tag sigvelo-share
+ * @documentation https://design-system.sigvelo.com/docs/components/share
+ * @status stable
+ * @since 1.0
+ *
+ * @slot - A custom button to use instead of the default.
+ *
+ * @csspart share-button - The default share button, a `<sigvelo-button>` element.
+ * @csspart share-button__button - The default share button's `button` part.
+ * @csspart share-icon - The default share icon, a `<sigvelo-icon>` element.
+ * @csspart share-icon__svg - The share icon's `svg` part.
+ * @csspart feedback - The feedback that shows when copying (e.g. when the Web Share API is unsupported).
+ *
+ * @example Default
+ * In supportive browsers, the system's share interface will be shown. In unsupportive browsers or unsecure contexts, the data is copied to the user's clipboard instead.
+ *
+ * ```html
+ * <sigvelo-share
+ *   label="Sigvelo"
+ *   text="An awesome library for building on the Web."
+ *   url="https://design-system.sigvelo.com/"
+ * ></sigvelo-share>
+ * ```
+ *
+ * **Note:** This component uses the Web Share API's [`share()`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) method, which requires a [secure context](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts). In other words, for maximum browser support, make sure the URL starts with `https://`.
+ *
+ * @example Using custom buttons
+ * Use a custom button by simply slotting it in. Both Sigvelo buttons and native buttons are supported.
+ *
+ * ```html
+ * <sigvelo-share
+ *   label="Sigvelo"
+ *   text="An awesome library for building on the Web."
+ *   url="https://design-system.sigvelo.com/"
+ * >
+ *   <sigvelo-button>
+ *     <sigvelo-icon slot="start" name="share-2"></sigvelo-icon>
+ *     Share
+ *   </sigvelo-button>
+ * </sigvelo-share>
+ *
+ * <sigvelo-share
+ *   label="Sigvelo"
+ *   text="An awesome library for building on the Web."
+ *   url="https://design-system.sigvelo.com/"
+ *   style="margin-inline-end: 0.5rem;"
+ * >
+ *   <button>
+ *     <sigvelo-icon name="share"></sigvelo-icon>
+ *     Share
+ *   </button>
+ * </sigvelo-share>
+ * ```
+ *
+ * @example Sharing a link
+ * Set the `url` attribute to the URL you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+ *
+ * ```html
+ * <sigvelo-share
+ *   label="Cat on Wikipedia"
+ *   url="https://en.wikipedia.org/wiki/Cat"
+ * ></sigvelo-share>
+ * ```
+ *
+ * @example Sharing plain text
+ * Set the `text` attribute to the plain text you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+ *
+ * ```html
+ * <sigvelo-share
+ *   label="Check this out"
+ *   text="I'm sharing this text with you from my website"
+ * ></sigvelo-share>
+ * ```
+ *
+ * @example Sharing a file
+ * Set the `files` property to an array of `File` objects you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+ *
+ * ```html
+ * <div id="share__file">
+ *   <sigvelo-file-input label="Select an image to share" accept="image/*"></sigvelo-file-input>
+ *   <br>
+ *   <sigvelo-share label="Share image">
+ *     <sigvelo-button>
+ *       <sigvelo-icon slot="start" name="share-2"></sigvelo-icon>
+ *       Share selected image
+ *     </sigvelo-button>
+ *   </sigvelo-share>
+ * </div>
+ *
+ * <script>
+ *   const container = document.getElementById('share__file');
+ *   const fileInput = container.querySelector('sigvelo-file-input');
+ *   const share = container.querySelector('sigvelo-share');
+ *
+ *   // When a file is selected, try to share it
+ *   fileInput.addEventListener('input', async (event) => {
+ *     const file = event.target.files[0];
+ *
+ *     // Pass the selected file to the share component
+ *     if (file) {
+ *       share.files = [file];
+ *     } else {
+ *       share.files = [];
+ *     }
+ *   });
+ * </script>
+ * ```
+ *
+ * @example Disabling
+ * Add the `disabled` attribute to disable the button and prevent sharing.
+ *
+ * ```html
+ * <sigvelo-share
+ *   label="Sigvelo"
+ *   text="An awesome library for building on the Web."
+ *   url="https://design-system.sigvelo.com/"
+ *   disabled
+ * ></sigvelo-share>
+ * ```
+ */
+declare class SigveloShare extends SigveloElement {
+  static styles: CSSResultGroup;
+  private localize;
+  private feedback;
+  /**
+   * A human-readable label to be shared. This is sometimes ignored by the operating system, but you should usually
+   * provide it as a fallback value.
+   */
+  label: string;
+  /** A string of text to be shared. */
+  text: string;
+  /** A URL to be shares. */
+  url: string;
+  /**
+   * An array of [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File) objects to be shared. Property only.
+   */
+  files: File[];
+  /** Disables the button. */
+  disabled: boolean;
+  /** The placement of the feedback animation when falling back to copying. */
+  feedbackPlacement: "top" | "right" | "bottom" | "left" | "hidden";
+  updated(changedProperties: PropertyValues<this>): void;
+  private handleClick;
+  /** Shows copy feedback with an animation */
+  private showFeedback;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-share": SigveloShare;
+  }
+}
+//#endregion
+export { SigveloShare as t };

package/dist/share-bsgXZCl7.js

@@ -0,0 +1,250 @@
+import { Localize } from "./utilities/localize.js";
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { t as copy_styles_default } from "./copy.styles-DWGvGNTP.js";
+import { css, html } from "lit";
+import { property, query } from "lit/decorators.js";
+import hostStyles from "@mcp-b/wc-support/styles/host.styles";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+import { animateWithClass } from "@mcp-b/wc-support/utilities/animate";
+import { computePosition, flip } from "@floating-ui/dom";
+//#region src/components/share/share.styles.ts
+var share_styles_default = css`
+  sigvelo-button,
+  ::slotted(*) {
+    cursor: pointer !important;
+  }
+`;
+//#endregion
+//#region src/components/share/share.ts
+/**
+* <sigvelo-share>
+*
+* @summary Allows users to share links, files and text via their operating system's share interface.
+* @tag sigvelo-share
+* @documentation https://design-system.sigvelo.com/docs/components/share
+* @status stable
+* @since 1.0
+*
+* @slot - A custom button to use instead of the default.
+*
+* @csspart share-button - The default share button, a `<sigvelo-button>` element.
+* @csspart share-button__button - The default share button's `button` part.
+* @csspart share-icon - The default share icon, a `<sigvelo-icon>` element.
+* @csspart share-icon__svg - The share icon's `svg` part.
+* @csspart feedback - The feedback that shows when copying (e.g. when the Web Share API is unsupported).
+*
+* @example Default
+* In supportive browsers, the system's share interface will be shown. In unsupportive browsers or unsecure contexts, the data is copied to the user's clipboard instead.
+*
+* ```html
+* <sigvelo-share
+*   label="Sigvelo"
+*   text="An awesome library for building on the Web."
+*   url="https://design-system.sigvelo.com/"
+* ></sigvelo-share>
+* ```
+*
+* **Note:** This component uses the Web Share API's [`share()`](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) method, which requires a [secure context](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts). In other words, for maximum browser support, make sure the URL starts with `https://`.
+*
+* @example Using custom buttons
+* Use a custom button by simply slotting it in. Both Sigvelo buttons and native buttons are supported.
+*
+* ```html
+* <sigvelo-share
+*   label="Sigvelo"
+*   text="An awesome library for building on the Web."
+*   url="https://design-system.sigvelo.com/"
+* >
+*   <sigvelo-button>
+*     <sigvelo-icon slot="start" name="share-2"></sigvelo-icon>
+*     Share
+*   </sigvelo-button>
+* </sigvelo-share>
+*
+* <sigvelo-share
+*   label="Sigvelo"
+*   text="An awesome library for building on the Web."
+*   url="https://design-system.sigvelo.com/"
+*   style="margin-inline-end: 0.5rem;"
+* >
+*   <button>
+*     <sigvelo-icon name="share"></sigvelo-icon>
+*     Share
+*   </button>
+* </sigvelo-share>
+* ```
+*
+* @example Sharing a link
+* Set the `url` attribute to the URL you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+*
+* ```html
+* <sigvelo-share
+*   label="Cat on Wikipedia"
+*   url="https://en.wikipedia.org/wiki/Cat"
+* ></sigvelo-share>
+* ```
+*
+* @example Sharing plain text
+* Set the `text` attribute to the plain text you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+*
+* ```html
+* <sigvelo-share
+*   label="Check this out"
+*   text="I'm sharing this text with you from my website"
+* ></sigvelo-share>
+* ```
+*
+* @example Sharing a file
+* Set the `files` property to an array of `File` objects you'd like to share. Although optional, it's usually a good idea to also provide a `label`.
+*
+* ```html
+* <div id="share__file">
+*   <sigvelo-file-input label="Select an image to share" accept="image/*"></sigvelo-file-input>
+*   <br>
+*   <sigvelo-share label="Share image">
+*     <sigvelo-button>
+*       <sigvelo-icon slot="start" name="share-2"></sigvelo-icon>
+*       Share selected image
+*     </sigvelo-button>
+*   </sigvelo-share>
+* </div>
+*
+* <script>
+*   const container = document.getElementById('share__file');
+*   const fileInput = container.querySelector('sigvelo-file-input');
+*   const share = container.querySelector('sigvelo-share');
+*
+*   // When a file is selected, try to share it
+*   fileInput.addEventListener('input', async (event) => {
+*     const file = event.target.files[0];
+*
+*     // Pass the selected file to the share component
+*     if (file) {
+*       share.files = [file];
+*     } else {
+*       share.files = [];
+*     }
+*   });
+* <\/script>
+* ```
+*
+* @example Disabling
+* Add the `disabled` attribute to disable the button and prevent sharing.
+*
+* ```html
+* <sigvelo-share
+*   label="Sigvelo"
+*   text="An awesome library for building on the Web."
+*   url="https://design-system.sigvelo.com/"
+*   disabled
+* ></sigvelo-share>
+* ```
+*/
+var SigveloShare = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.localize = new Localize(this);
+		this.disabled = false;
+		this.feedbackPlacement = "top";
+	}
+	static {
+		this.styles = [
+			hostStyles,
+			copy_styles_default,
+			share_styles_default
+		];
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("disabled")) {
+			const button = this.querySelector("sigvelo-button, button");
+			if (button) button.disabled = this.disabled;
+		}
+	}
+	async handleClick(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		if (this.disabled) return;
+		try {
+			await navigator.share({
+				title: this.label,
+				text: this.text,
+				url: this.url,
+				files: this.files
+			});
+		} catch (err) {
+			if (err instanceof Error && (err.name === "AbortError" || err.name === "InvalidStateError")) return;
+			try {
+				const textToCopy = this.url || `${this.label}\n\n${this.text}`.trim();
+				if (textToCopy.length === 0) throw new Error("No data was provided to share", { cause: err });
+				await navigator.clipboard.writeText(textToCopy);
+				this.showFeedback(this.localize.term("copied"));
+			} catch {
+				this.showFeedback(this.localize.term("error"));
+			}
+		}
+	}
+	/** Shows copy feedback with an animation */
+	async showFeedback(message) {
+		if (this.feedbackPlacement === "hidden") return;
+		this.feedback.textContent = message;
+		this.feedback.hidden = false;
+		this.feedback.showPopover();
+		computePosition(this, this.feedback, {
+			placement: this.feedbackPlacement,
+			middleware: [flip()]
+		}).then(({ x, y }) => {
+			Object.assign(this.feedback.style, {
+				left: `${x}px`,
+				top: `${y}px`
+			});
+		});
+		await animateWithClass(this.feedback, "show");
+		this.feedback.hidden = true;
+		this.feedback.hidePopover();
+	}
+	render() {
+		return html`
+      <slot @click=${this.handleClick}>
+        <sigvelo-button
+          part="share-button"
+          exportparts="button:share-button__button"
+          variant="ghost"
+          icon-label=${this.localize.term("share")}
+          ?disabled=${this.disabled}
+        >
+          <sigvelo-icon
+            part="share-icon"
+            exportparts="svg:share-icon__svg"
+            library="system"
+            name="share-3"
+          ></sigvelo-icon>
+        </sigvelo-button>
+      </slot>
+
+      <div
+        id="feedback"
+        part="feedback"
+        data-placement=${this.feedbackPlacement}
+        popover="manual"
+        aria-live="polite"
+        hidden
+      ></div>
+    `;
+	}
+};
+__decorate([query("#feedback")], SigveloShare.prototype, "feedback", void 0);
+__decorate([property()], SigveloShare.prototype, "label", void 0);
+__decorate([property()], SigveloShare.prototype, "text", void 0);
+__decorate([property()], SigveloShare.prototype, "url", void 0);
+__decorate([property({ type: Array })], SigveloShare.prototype, "files", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], SigveloShare.prototype, "disabled", void 0);
+__decorate([property({
+	attribute: "feedback-placement",
+	reflect: true
+})], SigveloShare.prototype, "feedbackPlacement", void 0);
+customElements.define("sigvelo-share", SigveloShare);
+//#endregion
+export { SigveloShare as t };

package/dist/sigvelo.d.ts

@@ -0,0 +1,5 @@
+import { l as registerIconLibrary, u as unregisterIconLibrary } from "./icon-library-D_if7p2h.js";
+import { allDefined } from "@mcp-b/wc-support/utilities/defined";
+import { getLibraryPath, setLibraryPath } from "@mcp-b/wc-support/utilities/library";
+import { discoverElements, preventTurboFouce, startLoader, stopLoader } from "@mcp-b/wc-support/utilities/loader";
+export { allDefined, discoverElements, getLibraryPath, preventTurboFouce, registerIconLibrary, setLibraryPath, startLoader, stopLoader, unregisterIconLibrary };

package/dist/sigvelo.js

@@ -0,0 +1,5 @@
+import { registerIconLibrary, unregisterIconLibrary } from "./utilities/icon-library.js";
+import { allDefined } from "@mcp-b/wc-support/utilities/defined";
+import { getLibraryPath, setLibraryPath } from "@mcp-b/wc-support/utilities/library";
+import { discoverElements, preventTurboFouce, startLoader, stopLoader } from "@mcp-b/wc-support/utilities/loader";
+export { allDefined, discoverElements, getLibraryPath, preventTurboFouce, registerIconLibrary, setLibraryPath, startLoader, stopLoader, unregisterIconLibrary };

package/dist/sigvelo.loader.d.ts

@@ -0,0 +1,3 @@
+import { l as registerIconLibrary, u as unregisterIconLibrary } from "./icon-library-D_if7p2h.js";
+import { allDefined, discoverElements, getLibraryPath, preventTurboFouce, setLibraryPath, startLoader, stopLoader } from "./sigvelo.js";
+export { allDefined, discoverElements, getLibraryPath, preventTurboFouce, registerIconLibrary, setLibraryPath, startLoader, stopLoader, unregisterIconLibrary };

package/dist/sigvelo.loader.js

@@ -0,0 +1,102 @@
+import { registerIconLibrary, unregisterIconLibrary } from "./utilities/icon-library.js";
+import { allDefined, discoverElements, getLibraryPath, preventTurboFouce, setLibraryPath, startLoader, stopLoader } from "./sigvelo.js";
+import { startLoader as startLoader$1 } from "@mcp-b/wc-support/utilities/loader";
+//#region src/sigvelo.loader.ts
+const globModules = /* #__PURE__ */ Object.assign({
+	"./components/accordion/accordion.ts": () => import("./components/accordion/accordion.js"),
+	"./components/accordion-item/accordion-item.ts": () => import("./components/accordion-item/accordion-item.js"),
+	"./components/action-bar/action-bar.ts": () => import("./components/action-bar/action-bar.js"),
+	"./components/alert-dialog/alert-dialog.ts": () => import("./components/alert-dialog/alert-dialog.js"),
+	"./components/avatar/avatar.ts": () => import("./components/avatar/avatar.js"),
+	"./components/badge/badge.ts": () => import("./components/badge/badge.js"),
+	"./components/breadcrumb/breadcrumb.ts": () => import("./components/breadcrumb/breadcrumb.js"),
+	"./components/breadcrumb-item/breadcrumb-item.ts": () => import("./components/breadcrumb-item/breadcrumb-item.js"),
+	"./components/button/button.ts": () => import("./components/button/button.js"),
+	"./components/button-group/button-group.ts": () => import("./components/button-group/button-group.js"),
+	"./components/callout/callout.ts": () => import("./components/callout/callout.js"),
+	"./components/card/card.ts": () => import("./components/card/card.js"),
+	"./components/carousel/carousel.ts": () => import("./components/carousel/carousel.js"),
+	"./components/carousel-item/carousel-item.ts": () => import("./components/carousel-item/carousel-item.js"),
+	"./components/checkbox/checkbox.ts": () => import("./components/checkbox/checkbox.js"),
+	"./components/checkbox-group/checkbox-group.ts": () => import("./components/checkbox-group/checkbox-group.js"),
+	"./components/color-input/color-input.ts": () => import("./components/color-input/color-input.js"),
+	"./components/color-picker/color-picker.ts": () => import("./components/color-picker/color-picker.js"),
+	"./components/combobox/combobox.ts": () => import("./components/combobox/combobox.js"),
+	"./components/combobox-item/combobox-item.ts": () => import("./components/combobox-item/combobox-item.js"),
+	"./components/comparison/comparison.ts": () => import("./components/comparison/comparison.js"),
+	"./components/copy/copy.ts": () => import("./components/copy/copy.js"),
+	"./components/data-table/data-table.ts": () => import("./components/data-table/data-table.js"),
+	"./components/date/date.ts": () => import("./components/date/date.js"),
+	"./components/dialog/dialog.ts": () => import("./components/dialog/dialog.js"),
+	"./components/divider/divider.ts": () => import("./components/divider/divider.js"),
+	"./components/dropdown/dropdown.ts": () => import("./components/dropdown/dropdown.js"),
+	"./components/dropdown-item/dropdown-item.ts": () => import("./components/dropdown-item/dropdown-item.js"),
+	"./components/empty-result/empty-result.ts": () => import("./components/empty-result/empty-result.js"),
+	"./components/empty-state/empty-state.ts": () => import("./components/empty-state/empty-state.js"),
+	"./components/expander/expander.ts": () => import("./components/expander/expander.js"),
+	"./components/field/field.ts": () => import("./components/field/field.js"),
+	"./components/file-input/file-input.ts": () => import("./components/file-input/file-input.js"),
+	"./components/filter-bar/filter-bar.ts": () => import("./components/filter-bar/filter-bar.js"),
+	"./components/form-section/form-section.ts": () => import("./components/form-section/form-section.js"),
+	"./components/icon/icon.ts": () => import("./components/icon/icon.js"),
+	"./components/include/include.ts": () => import("./components/include/include.js"),
+	"./components/infinite-scroller/infinite-scroller.ts": () => import("./components/infinite-scroller/infinite-scroller.js"),
+	"./components/intersection-observer/intersection-observer.ts": () => import("./components/intersection-observer/intersection-observer.js"),
+	"./components/listbox/listbox.ts": () => import("./components/listbox/listbox.js"),
+	"./components/listbox-item/listbox-item.ts": () => import("./components/listbox-item/listbox-item.js"),
+	"./components/lorem-ipsum/lorem-ipsum.ts": () => import("./components/lorem-ipsum/lorem-ipsum.js"),
+	"./components/meter/meter.ts": () => import("./components/meter/meter.js"),
+	"./components/metric/metric.ts": () => import("./components/metric/metric.js"),
+	"./components/metric-grid/metric-grid.ts": () => import("./components/metric-grid/metric-grid.js"),
+	"./components/mutation-observer/mutation-observer.ts": () => import("./components/mutation-observer/mutation-observer.js"),
+	"./components/navicon/navicon.ts": () => import("./components/navicon/navicon.js"),
+	"./components/number/number.ts": () => import("./components/number/number.js"),
+	"./components/number-field/number-field.ts": () => import("./components/number-field/number-field.js"),
+	"./components/pagination/pagination.ts": () => import("./components/pagination/pagination.js"),
+	"./components/popover/popover.ts": () => import("./components/popover/popover.js"),
+	"./components/preview-card/preview-card.ts": () => import("./components/preview-card/preview-card.js"),
+	"./components/progress/progress.ts": () => import("./components/progress/progress.js"),
+	"./components/radio/radio.ts": () => import("./components/radio/radio.js"),
+	"./components/radio-item/radio-item.ts": () => import("./components/radio-item/radio-item.js"),
+	"./components/random-content/random-content.ts": () => import("./components/random-content/random-content.js"),
+	"./components/rating/rating.ts": () => import("./components/rating/rating.js"),
+	"./components/resize-observer/resize-observer.ts": () => import("./components/resize-observer/resize-observer.js"),
+	"./components/scroll-area/scroll-area.ts": () => import("./components/scroll-area/scroll-area.js"),
+	"./components/scroller/scroller.ts": () => import("./components/scroller/scroller.js"),
+	"./components/search-list/search-list.ts": () => import("./components/search-list/search-list.js"),
+	"./components/select/select.ts": () => import("./components/select/select.js"),
+	"./components/selection-summary/selection-summary.ts": () => import("./components/selection-summary/selection-summary.js"),
+	"./components/share/share.ts": () => import("./components/share/share.js"),
+	"./components/slide-activator/slide-activator.ts": () => import("./components/slide-activator/slide-activator.js"),
+	"./components/slider/slider.ts": () => import("./components/slider/slider.js"),
+	"./components/sparkline/sparkline.ts": () => import("./components/sparkline/sparkline.js"),
+	"./components/spinner/spinner.ts": () => import("./components/spinner/spinner.js"),
+	"./components/splitter/splitter.ts": () => import("./components/splitter/splitter.js"),
+	"./components/switch/switch.ts": () => import("./components/switch/switch.js"),
+	"./components/tab/tab.ts": () => import("./components/tab/tab.js"),
+	"./components/tab-list/tab-list.ts": () => import("./components/tab-list/tab-list.js"),
+	"./components/tab-panel/tab-panel.ts": () => import("./components/tab-panel/tab-panel.js"),
+	"./components/text-area/text-area.ts": () => import("./components/text-area/text-area.js"),
+	"./components/text-field/text-field.ts": () => import("./components/text-field/text-field.js"),
+	"./components/text-mask/text-mask.ts": () => import("./components/text-mask/text-mask.js"),
+	"./components/timed-content/timed-content.ts": () => import("./components/timed-content/timed-content.js"),
+	"./components/toast/toast.ts": () => import("./components/toast/toast.js"),
+	"./components/toast-item/toast-item.ts": () => import("./components/toast-item/toast-item.js"),
+	"./components/toggle-icon/toggle-icon.ts": () => import("./components/toggle-icon/toggle-icon.js"),
+	"./components/toggle-tag/toggle-tag.ts": () => import("./components/toggle-tag/toggle-tag.js"),
+	"./components/toolbar/toolbar.ts": () => import("./components/toolbar/toolbar.js"),
+	"./components/tooltip/tooltip.ts": () => import("./components/tooltip/tooltip.js"),
+	"./components/transition-group/transition-group.ts": () => import("./components/transition-group/transition-group.js"),
+	"./components/zoomable-frame/zoomable-frame.ts": () => import("./components/zoomable-frame/zoomable-frame.js")
+});
+const modules = {};
+for (const path of Object.keys(globModules)) {
+	const match = path.match(/\.\/components\/([^/]+)\/\1\.ts$/);
+	if (match) modules[match[1]] = globModules[path];
+}
+startLoader$1({ modules });
+Promise.race([new Promise((resolve) => document.addEventListener("sigvelo-discovery-complete", resolve)), new Promise((resolve) => setTimeout(resolve, 2e3))]).then(() => {
+	document.querySelectorAll(".sigvelo-cloak").forEach((el) => el.classList.remove("sigvelo-cloak"));
+});
+//#endregion
+export { allDefined, discoverElements, getLibraryPath, preventTurboFouce, registerIconLibrary, setLibraryPath, startLoader, stopLoader, unregisterIconLibrary };