@mcp-b/web-components 0.2.0

package/dist/icon-BPVkNsY4.js

@@ -0,0 +1,165 @@
+import { connectIcon, disconnectIcon, getLibrary } from "./utilities/icon-library.js";
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { css } from "lit";
+import { property, state } 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 { SigveloLoadErrorEvent, SigveloLoadedEvent } from "@mcp-b/wc-support/events/load";
+//#region src/components/icon/icon.styles.ts
+var icon_styles_default = css`
+  :host {
+    display: inline-block;
+    stroke-width: 1.5px;
+    width: 1em;
+    height: 1em;
+  }
+
+  :host([flip-x]) {
+    transform: scaleX(-1);
+  }
+
+  :host([flip-y]) {
+    transform: scaleY(-1);
+  }
+
+  :host([flip-x][flip-y]) {
+    transform: scale(-1);
+  }
+
+  svg {
+    display: block;
+    width: auto;
+    height: 100%;
+    stroke-width: inherit;
+  }
+`;
+//#endregion
+//#region src/components/icon/icon.ts
+/**
+* Store a cache of icon requests by URL to prevent HTTP requests to the same resources from stacking up and to make
+* subsequent requests load faster.
+*/
+const requests = /* @__PURE__ */ new Map();
+/**
+* <sigvelo-icon>
+*
+* @summary Provides a visual representation of an object, action, or idea.
+* @tag sigvelo-icon
+* @documentation https://design-system.sigvelo.com/docs/components/icon
+* @status stable
+* @since 1.0
+*
+* @event sigvelo-loaded - The icon has reloaded and rendered. This event does not bubble.
+* @event sigvelo-load-error - The icon failed to load. This event does not bubble.
+*
+* @csspart svg - The internal SVG element.
+*
+* @example Default
+* No icon library is registered by default. You must register one using `registerIconLibrary()` before icons will
+* render. See the **Icons** documentation page for setup instructions and CDN examples.
+*
+* ```html
+* <sigvelo-icon library="system" name="heart" family="outline" label="Heart"></sigvelo-icon>
+* ```
+*
+* @example System icons
+* A small set of icons used internally by components is always available via the `system` library.
+*
+* ```html
+* <div style="font-size: 1.5rem;">
+*   <sigvelo-icon library="system" name="check" family="outline"></sigvelo-icon>
+*   <sigvelo-icon library="system" name="chevron-down" family="outline"></sigvelo-icon>
+*   <sigvelo-icon library="system" name="x" family="outline"></sigvelo-icon>
+*   <sigvelo-icon library="system" name="search" family="outline"></sigvelo-icon>
+*   <sigvelo-icon library="system" name="star" family="outline"></sigvelo-icon>
+* </div>
+* ```
+*/
+var SigveloIcon = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.library = "default";
+		this.family = "outline";
+		this.flipX = false;
+		this.flipY = false;
+		this.rotate = 0;
+	}
+	static {
+		this.styles = [hostStyles, icon_styles_default];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		connectIcon(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		disconnectIcon(this);
+	}
+	firstUpdated() {
+		this.setAttribute("role", "img");
+		this.setAttribute("aria-hidden", "true");
+	}
+	async updated(changedProperties) {
+		if (changedProperties.has("label")) if (this.label) {
+			this.setAttribute("aria-label", this.label);
+			this.removeAttribute("aria-hidden");
+		} else {
+			this.setAttribute("aria-hidden", "true");
+			this.removeAttribute("aria-label");
+		}
+		if (changedProperties.has("library") || changedProperties.has("family") || changedProperties.has("name")) await this.load();
+		if (changedProperties.has("rotate")) if (this.rotate === 0) this.style.removeProperty("rotate");
+		else this.style.rotate = `${this.rotate}deg`;
+	}
+	/** Loads or reloads and draws the icon. */
+	async load() {
+		try {
+			this.svg = await this.fetchIcon();
+			await this.updateComplete;
+			this.dispatchEvent(new SigveloLoadedEvent());
+		} catch {
+			this.svg = void 0;
+			await this.updateComplete;
+			this.dispatchEvent(new SigveloLoadErrorEvent({ error: /* @__PURE__ */ new Error(`Failed to load "${this.name}" from the "${this.library}" library.`) }));
+		}
+	}
+	async fetchIcon() {
+		const library = getLibrary(this.library);
+		const url = library?.resolve(this.name, this.family);
+		let svg;
+		if (!library || !url) return;
+		if (!requests.has(url)) requests.set(url, fetch(url, { mode: "cors" }).then((res) => res.text()));
+		try {
+			const responseText = await requests.get(url);
+			svg = new DOMParser().parseFromString(responseText, "text/html").querySelector("svg");
+			svg?.part.add("svg");
+		} catch {
+			return;
+		}
+		if (!svg) return;
+		if (library.mutate) library.mutate(svg);
+		return svg;
+	}
+	render() {
+		return this.svg;
+	}
+};
+__decorate([state()], SigveloIcon.prototype, "svg", void 0);
+__decorate([property()], SigveloIcon.prototype, "library", void 0);
+__decorate([property()], SigveloIcon.prototype, "family", void 0);
+__decorate([property()], SigveloIcon.prototype, "name", void 0);
+__decorate([property()], SigveloIcon.prototype, "label", void 0);
+__decorate([property({
+	attribute: "flip-x",
+	type: Boolean,
+	reflect: true
+})], SigveloIcon.prototype, "flipX", void 0);
+__decorate([property({
+	attribute: "flip-y",
+	type: Boolean,
+	reflect: true
+})], SigveloIcon.prototype, "flipY", void 0);
+__decorate([property({ type: Number })], SigveloIcon.prototype, "rotate", void 0);
+customElements.define("sigvelo-icon", SigveloIcon);
+//#endregion
+export { SigveloIcon as t };

package/dist/icon-Ci9CPZJV.d.ts

@@ -0,0 +1,72 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+
+//#region src/components/icon/icon.d.ts
+/**
+ * <sigvelo-icon>
+ *
+ * @summary Provides a visual representation of an object, action, or idea.
+ * @tag sigvelo-icon
+ * @documentation https://design-system.sigvelo.com/docs/components/icon
+ * @status stable
+ * @since 1.0
+ *
+ * @event sigvelo-loaded - The icon has reloaded and rendered. This event does not bubble.
+ * @event sigvelo-load-error - The icon failed to load. This event does not bubble.
+ *
+ * @csspart svg - The internal SVG element.
+ *
+ * @example Default
+ * No icon library is registered by default. You must register one using `registerIconLibrary()` before icons will
+ * render. See the **Icons** documentation page for setup instructions and CDN examples.
+ *
+ * ```html
+ * <sigvelo-icon library="system" name="heart" family="outline" label="Heart"></sigvelo-icon>
+ * ```
+ *
+ * @example System icons
+ * A small set of icons used internally by components is always available via the `system` library.
+ *
+ * ```html
+ * <div style="font-size: 1.5rem;">
+ *   <sigvelo-icon library="system" name="check" family="outline"></sigvelo-icon>
+ *   <sigvelo-icon library="system" name="chevron-down" family="outline"></sigvelo-icon>
+ *   <sigvelo-icon library="system" name="x" family="outline"></sigvelo-icon>
+ *   <sigvelo-icon library="system" name="search" family="outline"></sigvelo-icon>
+ *   <sigvelo-icon library="system" name="star" family="outline"></sigvelo-icon>
+ * </div>
+ * ```
+ */
+declare class SigveloIcon extends SigveloElement {
+  static styles: CSSResultGroup;
+  svg?: SVGSVGElement;
+  /** The name of the icon library to use. */
+  library: string;
+  /** The icon family to use for this icon, e.g. `filled` or `outline`. */
+  family: string;
+  /** The name of the icon to render. */
+  name: string;
+  /** A label to use for assistive devices. If omitted, the icon will be considered presentational. */
+  label: string;
+  /** Flips the icon horizontally. */
+  flipX: boolean;
+  /** Flips the icon vertically. */
+  flipY: boolean;
+  /** Rotates the icon the specified number of degrees. */
+  rotate: number;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  firstUpdated(): void;
+  updated(changedProperties: PropertyValues<this>): Promise<void>;
+  /** Loads or reloads and draws the icon. */
+  load(): Promise<void>;
+  private fetchIcon;
+  render(): SVGSVGElement | undefined;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-icon": SigveloIcon;
+  }
+}
+//#endregion
+export { SigveloIcon as t };

package/dist/icon-library-D_if7p2h.d.ts

@@ -0,0 +1,2 @@
+import { IconElement, Library, MutateFunction, ResolveFunction, connectIcon, disconnectIcon, getLibrary, getObservedIcons, registerIconLibrary as registerIconLibrary$1, unregisterIconLibrary, updateConnectedIcons } from "@mcp-b/wc-support/utilities/icon-library";
+export { connectIcon as a, getObservedIcons as c, updateConnectedIcons as d, ResolveFunction as i, registerIconLibrary$1 as l, Library as n, disconnectIcon as o, MutateFunction as r, getLibrary as s, IconElement as t, unregisterIconLibrary as u };

package/dist/include-CQHVVtNs.d.ts

@@ -0,0 +1,103 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+
+//#region src/components/include/include.d.ts
+/**
+ * <sigvelo-include>
+ *
+ * @summary Pulls content from another file into your page.
+ * @tag sigvelo-include
+ * @documentation https://design-system.sigvelo.com/docs/components/include
+ * @status stable
+ * @since 1.0
+ *
+ * @event sigvelo-included - Emitted when the include file has been fetched and rendered. The HTTP status code will be
+ *  available in `event.detail.status`. This event does not bubble.
+ * @event sigvelo-include-error - Emitted when the fetch results in a network error or receives an HTTP response outside
+ *  of the 200 range. If a network error occurs, it will be available in `event.detail.error`. If an HTTP status code
+ *  was returned, it will be available in `event.detail.status`. This event does not bubble.
+ *
+ * @example Default
+ * ```html
+ * <sigvelo-include src="/assets/examples/include.html"></sigvelo-include>
+ * ```
+ *
+ * **Note:** The file you're including must be from a [CORS-enabled](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) endpoint.
+ *
+ * @example Default content
+ * You can provide default content inside the include, which will be shown until the request completes. This is useful to show a loading state while the include file is fetched.
+ *
+ * ```html
+ * <sigvelo-include src="/assets/examples/include.html">
+ *   Loading content…
+ * </sigvelo-include>
+ * ```
+ *
+ * @example Allowing scripts
+ * Scripts included in the fetched HTML will not be executed by default. If you trust the content, you can use the `allow-scripts` attribute to allow them to run.
+ *
+ * ```html
+ * <sigvelo-include allow-scripts src="/assets/examples/include-scripts.html"></sigvelo-include>
+ * ```
+ *
+ * **Warning:** Using this option can be dangerous! Make sure you trust the included content, otherwise your app may become vulnerable to XSS exploits!
+ *
+ * @example Handling events
+ * When an include file is successfully rendered, the `sigvelo-included` event will be emitted. When things go wrong, there are two possible events that signal an error.
+ *
+ * If the HTTP request completes but the response is outside of the acceptable 200 range, the `sigvelo-http-error` event will be emitted. If the HTTP request fails due to a network error, CORS restriction, or similar, the `sigvelo-network-error` event will be emitted.
+ *
+ * ```html
+ * <sigvelo-include src="/assets/examples/include.html" id="include__events"></sigvelo-include>
+ *
+ * <script>
+ *   const include = document.getElementById('include__events');
+ *
+ *   include.addEventListener('sigvelo-included', () => {
+ *     //
+ *     // The include file has rendered
+ *     //
+ *   });
+ *
+ *   include.addEventListener('sigvelo-http-error', event => {
+ *     //
+ *     // The request completed, but the HTTP code was outside of
+ *     // the 200 range. You can inspect event.detail.status to
+ *     // see which HTTP code was provided.
+ *     //
+ *   });
+ *
+ *   include.addEventListener('sigvelo-network-error', event => {
+ *     //
+ *     // The request could not be completed. You can inspect
+ *     // event.detail.error to see the response error.
+ *     //
+ *   });
+ * </script>
+ * ```
+ */
+declare class SigveloInclude extends SigveloElement {
+  static styles: CSSResultGroup;
+  /** The URL of the file to include. Must be a CORS-enabled endpoint. */
+  src: string;
+  /** The mode to use when fetching the request. */
+  mode: RequestMode;
+  /**
+   * By default, scripts in included files will not be executed. Setting this to true will allow them to run. If you use
+   * this option, make sure you trust the included HTML, otherwise you may become vulnerable to XSS exploits.
+   */
+  allowScripts: boolean;
+  updated(changedProperties: PropertyValues<this>): void;
+  /** Runs a script by cloning and replacing it. */
+  private runScript;
+  /** Fetches the include file and handles the response. */
+  private fetchInclude;
+  render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "sigvelo-include": SigveloInclude;
+  }
+}
+//#endregion
+export { SigveloInclude as t };

package/dist/include-qNUh_6kT.js

@@ -0,0 +1,155 @@
+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";
+import { SigveloIncludeErrorEvent, SigveloIncludedEvent } from "@mcp-b/wc-support/events/include";
+//#region src/components/include/include.styles.ts
+var include_styles_default = css`
+  :host {
+    display: block;
+  }
+`;
+//#endregion
+//#region src/components/include/include.ts
+/**
+* Store a cache of fetch requests by URL to prevent HTTP requests to the same resources from stacking up and to make
+* subsequent requests load faster.
+*/
+const requests = /* @__PURE__ */ new Map();
+/**
+* <sigvelo-include>
+*
+* @summary Pulls content from another file into your page.
+* @tag sigvelo-include
+* @documentation https://design-system.sigvelo.com/docs/components/include
+* @status stable
+* @since 1.0
+*
+* @event sigvelo-included - Emitted when the include file has been fetched and rendered. The HTTP status code will be
+*  available in `event.detail.status`. This event does not bubble.
+* @event sigvelo-include-error - Emitted when the fetch results in a network error or receives an HTTP response outside
+*  of the 200 range. If a network error occurs, it will be available in `event.detail.error`. If an HTTP status code
+*  was returned, it will be available in `event.detail.status`. This event does not bubble.
+*
+* @example Default
+* ```html
+* <sigvelo-include src="/assets/examples/include.html"></sigvelo-include>
+* ```
+*
+* **Note:** The file you're including must be from a [CORS-enabled](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) endpoint.
+*
+* @example Default content
+* You can provide default content inside the include, which will be shown until the request completes. This is useful to show a loading state while the include file is fetched.
+*
+* ```html
+* <sigvelo-include src="/assets/examples/include.html">
+*   Loading content…
+* </sigvelo-include>
+* ```
+*
+* @example Allowing scripts
+* Scripts included in the fetched HTML will not be executed by default. If you trust the content, you can use the `allow-scripts` attribute to allow them to run.
+*
+* ```html
+* <sigvelo-include allow-scripts src="/assets/examples/include-scripts.html"></sigvelo-include>
+* ```
+*
+* **Warning:** Using this option can be dangerous! Make sure you trust the included content, otherwise your app may become vulnerable to XSS exploits!
+*
+* @example Handling events
+* When an include file is successfully rendered, the `sigvelo-included` event will be emitted. When things go wrong, there are two possible events that signal an error.
+*
+* If the HTTP request completes but the response is outside of the acceptable 200 range, the `sigvelo-http-error` event will be emitted. If the HTTP request fails due to a network error, CORS restriction, or similar, the `sigvelo-network-error` event will be emitted.
+*
+* ```html
+* <sigvelo-include src="/assets/examples/include.html" id="include__events"></sigvelo-include>
+*
+* <script>
+*   const include = document.getElementById('include__events');
+*
+*   include.addEventListener('sigvelo-included', () => {
+*     //
+*     // The include file has rendered
+*     //
+*   });
+*
+*   include.addEventListener('sigvelo-http-error', event => {
+*     //
+*     // The request completed, but the HTTP code was outside of
+*     // the 200 range. You can inspect event.detail.status to
+*     // see which HTTP code was provided.
+*     //
+*   });
+*
+*   include.addEventListener('sigvelo-network-error', event => {
+*     //
+*     // The request could not be completed. You can inspect
+*     // event.detail.error to see the response error.
+*     //
+*   });
+* <\/script>
+* ```
+*/
+var SigveloInclude = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.mode = "cors";
+		this.allowScripts = false;
+	}
+	static {
+		this.styles = [hostStyles, include_styles_default];
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("src")) if (this.src) this.fetchInclude();
+		else this.innerHTML = "";
+	}
+	/** Runs a script by cloning and replacing it. */
+	runScript(script) {
+		const clonedScript = document.createElement("script");
+		[...script.attributes].forEach((attr) => clonedScript.setAttribute(attr.name, attr.value));
+		clonedScript.textContent = script.textContent;
+		script.parentNode.replaceChild(clonedScript, script);
+	}
+	/** Fetches the include file and handles the response. */
+	async fetchInclude() {
+		const url = this.src;
+		const cacheKey = JSON.stringify({
+			url,
+			allowScripts: this.allowScripts,
+			mode: this.mode
+		});
+		this.setAttribute("aria-busy", "true");
+		if (!requests.has(cacheKey)) requests.set(cacheKey, fetch(this.src, { mode: this.mode }));
+		try {
+			const response = await requests.get(cacheKey);
+			if (response.ok) {
+				this.innerHTML = await response.clone().text();
+				if (this.allowScripts) this.querySelectorAll("script").forEach((script) => this.runScript(script));
+				this.dispatchEvent(new SigveloIncludedEvent({ status: response.status }));
+			} else {
+				this.innerHTML = "";
+				this.dispatchEvent(new SigveloIncludeErrorEvent({
+					status: response.status,
+					error: /* @__PURE__ */ new Error("The server responded with an HTTP code outside of the 200 range.")
+				}));
+			}
+		} catch (error) {
+			this.innerHTML = "";
+			this.dispatchEvent(new SigveloIncludeErrorEvent({ error }));
+		}
+		this.removeAttribute("aria-busy");
+	}
+	render() {
+		return html` <slot></slot> `;
+	}
+};
+__decorate([property()], SigveloInclude.prototype, "src", void 0);
+__decorate([property()], SigveloInclude.prototype, "mode", void 0);
+__decorate([property({
+	attribute: "allow-scripts",
+	type: Boolean
+})], SigveloInclude.prototype, "allowScripts", void 0);
+customElements.define("sigvelo-include", SigveloInclude);
+//#endregion
+export { SigveloInclude as t };

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import { t as SigveloIcon } from "./icon-Ci9CPZJV.js";
+import { t as SigveloAccordionItem } from "./accordion-item-bPRIahNn.js";
+import { t as SigveloAccordion } from "./accordion-B1Q3kuP_.js";
+import { n as SigveloActionBar, t as ActionBarAlignment } from "./action-bar-CYsjmhwP.js";
+import { t as SigveloAlertDialog } from "./alert-dialog-4CnO3Nb5.js";
+import { t as SigveloAvatar } from "./avatar-Bje_KpZo.js";
+import { t as SigveloBadge } from "./badge-D1DNQrWn.js";
+import { t as SigveloBreadcrumbItem } from "./breadcrumb-item-BC454oQe.js";
+import { t as SigveloBreadcrumb } from "./breadcrumb-BxZ-nQE5.js";
+import { t as SigveloButtonGroup } from "./button-group-COodHeuB.js";
+import { t as SigveloSpinner } from "./spinner-CZ19x_dC.js";
+import { t as SigveloButton } from "./button-BQofnUt4.js";
+import { t as SigveloCallout } from "./callout-DFwPao36.js";
+import { t as SigveloCard } from "./card-BYDzdMAU.js";
+import { t as SigveloCarouselItem } from "./carousel-item-BB3jL2tk.js";
+import { t as SigveloCarousel } from "./carousel-DQITCtEY.js";
+import { t as SigveloCheckboxGroup } from "./checkbox-group-Cnh8rAn4.js";
+import { t as SigveloCheckbox } from "./checkbox-DoFcDEKB.js";
+import { t as SigveloCopy } from "./copy-CvC9vaGw.js";
+import { t as SigveloTooltip } from "./tooltip-ahFthek8.js";
+import { t as SigveloSlider } from "./slider-B0FVsV1o.js";
+import { t as SigveloTextField } from "./text-field-BClWMp6q.js";
+import { t as SigveloColorPicker } from "./color-picker-wQw8bPsq.js";
+import { t as SigveloColorInput } from "./color-input-Bky89xg_.js";
+import { n as SigveloCombobox, t as SigveloComboboxItem } from "./combobox-item-D2H1CMxC.js";
+import { t as SigveloComparison } from "./comparison-B1-nMwmp.js";
+import { a as SigveloDataTable, i as DataTableSelection, n as DataTablePrimitive, o as SigveloRowSelectEvent, r as DataTableRow, t as DataTableColumn } from "./data-table-DL5RhE0d.js";
+import { t as SigveloDate } from "./date-DtaTBM71.js";
+import { t as SigveloDialog } from "./dialog-N-v0woIy.js";
+import { t as SigveloDivider } from "./divider-DWuAxcXv.js";
+import { t as SigveloDropdownItem } from "./dropdown-item-_lIs-Tfd.js";
+import { t as SigveloDropdown } from "./dropdown-Bo00Vlr5.js";
+import { t as SigveloEmptyState } from "./empty-state-SGKjpwp3.js";
+import { t as SigveloEmptyResult } from "./empty-result-B54x_Ab2.js";
+import { t as SigveloExpander } from "./expander-BUev0BmM.js";
+import { t as SigveloField } from "./field-ITx0jVw-.js";
+import { t as SigveloFileInput } from "./file-input-D2D6YC0B.js";
+import { n as SigveloFilterChangeEvent, t as SigveloFilterBar } from "./filter-bar-Bj2QzEn9.js";
+import { t as SigveloFormSection } from "./form-section-xFBTBULQ.js";
+import { t as SigveloInclude } from "./include-CQHVVtNs.js";
+import { t as SigveloInfiniteScroller } from "./infinite-scroller-CuUEAlB9.js";
+import { t as SigveloIntersectionObserver } from "./intersection-observer-B7nmP7Zz.js";
+import { t as SigveloListboxItem } from "./listbox-item-DQEJWp4Z.js";
+import { t as SigveloListbox } from "./listbox-DD4ujIJe.js";
+import { t as SigveloLoremIpsum } from "./lorem-ipsum-CR82CSuJ.js";
+import { t as SigveloMeter } from "./meter-BC7uaJWf.js";
+import { n as SigveloMetric, t as MetricFormat } from "./metric-CjlLq_VA.js";
+import { t as SigveloMetricGrid } from "./metric-grid-C5Xbb1_0.js";
+import { t as SigveloMutationObserver } from "./mutation-observer-BmrZ-GER.js";
+import { t as SigveloNavicon } from "./navicon-Dic5Qjzb.js";
+import { t as SigveloNumber } from "./number-BwbnErlB.js";
+import { t as SigveloNumberField } from "./number-field-odk4lKXM.js";
+import { t as SigveloPagination } from "./pagination-6z2qcf3U.js";
+import { t as SigveloPopover } from "./popover-D0sxTU6o.js";
+import { t as SigveloPreviewCard } from "./preview-card-DitOCZTD.js";
+import { t as SigveloProgress } from "./progress-Db0_axHQ.js";
+import { t as SigveloRadioItem } from "./radio-item-Xq2U3cMu.js";
+import { t as SigveloRadio } from "./radio-CieMa4zU.js";
+import { t as SigveloRandomContent } from "./random-content-BhSeJFKz.js";
+import { t as SigveloRating } from "./rating-4xNsWumY.js";
+import { t as SigveloResizeObserver } from "./resize-observer-BseSbVWP.js";
+import { t as SigveloScrollArea } from "./scroll-area-CVYDf5qY.js";
+import { t as SigveloScroller } from "./scroller-bB2rGs7b.js";
+import { t as SigveloSearchList } from "./search-list-n0GYO7rh.js";
+import { t as SigveloSelect } from "./select-CkZK2jJn.js";
+import { t as SigveloSelectionSummary } from "./selection-summary-DmFkGyZI.js";
+import { t as SigveloShare } from "./share-DPlqP2dc.js";
+import { t as SigveloSlideActivator } from "./slide-activator-D7bBz69E.js";
+import { t as SigveloSparkline } from "./sparkline-DlCIt81-.js";
+import { t as SigveloSplitter } from "./splitter-DBDJAzsp.js";
+import { t as SigveloSwitch } from "./switch-Cief9M59.js";
+import { t as SigveloTab } from "./tab-BcqYGsuW.js";
+import { t as SigveloTabPanel } from "./tab-panel-BzSJlSfd.js";
+import { t as SigveloTabList } from "./tab-list-DDvS8qHr.js";
+import { t as SigveloTextArea } from "./text-area-B_mjCE9W.js";
+import { t as SigveloTextMask } from "./text-mask-CNKVKSFp.js";
+import { t as SigveloTimedContent } from "./timed-content-D2mGFamc.js";
+import { t as SigveloToastItem } from "./toast-item-BPpJT6vD.js";
+import { t as SigveloTransitionGroup } from "./transition-group-DD_CjSNC.js";
+import { n as SigveloToast, t as CreateOptions } from "./toast-cEBVK9NQ.js";
+import { t as SigveloToggleIcon } from "./toggle-icon-DlwMMWZL.js";
+import { t as SigveloToggleTag } from "./toggle-tag-IVvMGT4R.js";
+import { t as SigveloToolbar } from "./toolbar-CABq0ZL1.js";
+import { t as SigveloZoomableFrame } from "./zoomable-frame-r6S6587z.js";
+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 { ActionBarAlignment, CreateOptions, DataTableColumn, DataTablePrimitive, DataTableRow, DataTableSelection, MetricFormat, SigveloAccordion, SigveloAccordionItem, SigveloActionBar, SigveloAlertDialog, SigveloAvatar, SigveloBadge, SigveloBreadcrumb, SigveloBreadcrumbItem, SigveloButton, SigveloButtonGroup, SigveloCallout, SigveloCard, SigveloCarousel, SigveloCarouselItem, SigveloCheckbox, SigveloCheckboxGroup, SigveloColorInput, SigveloColorPicker, SigveloCombobox, SigveloComboboxItem, SigveloComparison, SigveloCopy, SigveloDataTable, SigveloDate, SigveloDialog, SigveloDivider, SigveloDropdown, SigveloDropdownItem, SigveloEmptyResult, SigveloEmptyState, SigveloExpander, SigveloField, SigveloFileInput, SigveloFilterBar, SigveloFilterChangeEvent, SigveloFormSection, SigveloIcon, SigveloInclude, SigveloInfiniteScroller, SigveloIntersectionObserver, SigveloListbox, SigveloListboxItem, SigveloLoremIpsum, SigveloMeter, SigveloMetric, SigveloMetricGrid, SigveloMutationObserver, SigveloNavicon, SigveloNumber, SigveloNumberField, SigveloPagination, SigveloPopover, SigveloPreviewCard, SigveloProgress, SigveloRadio, SigveloRadioItem, SigveloRandomContent, SigveloRating, SigveloResizeObserver, SigveloRowSelectEvent, SigveloScrollArea, SigveloScroller, SigveloSearchList, SigveloSelect, SigveloSelectionSummary, SigveloShare, SigveloSlideActivator, SigveloSlider, SigveloSparkline, SigveloSpinner, SigveloSplitter, SigveloSwitch, SigveloTab, SigveloTabList, SigveloTabPanel, SigveloTextArea, SigveloTextField, SigveloTextMask, SigveloTimedContent, SigveloToast, SigveloToastItem, SigveloToggleIcon, SigveloToggleTag, SigveloToolbar, SigveloTooltip, SigveloTransitionGroup, SigveloZoomableFrame, allDefined, discoverElements, getLibraryPath, preventTurboFouce, registerIconLibrary, setLibraryPath, startLoader, stopLoader, unregisterIconLibrary };