@mcp-b/web-components 0.2.0

package/dist/components/copy/copy.js

@@ -0,0 +1,291 @@
+import { Localize } from "../../utilities/localize.js";
+import "../../icon-BPVkNsY4.js";
+import { t as __decorate } from "../../decorate-DcF3lt7P.js";
+import "../../button-5k_aL_gD.js";
+import { t as copy_styles_default } from "../../copy.styles-DWGvGNTP.js";
+import { 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";
+import { SigveloCopyErrorEvent, SigveloCopyEvent } from "@mcp-b/wc-support/events/copy";
+//#region src/components/copy/copy.ts
+/**
+* <sigvelo-copy>
+*
+* @summary Copies text and other types of data to the clipboard.
+* @tag sigvelo-copy
+* @documentation https://design-system.sigvelo.com/docs/components/copy
+* @status stable
+* @since 1.0
+*
+* @dependency sigvelo-button
+* @dependency sigvelo-icon
+*
+* @slot - A custom button to use instead of the default.
+*
+* @event sigvelo-copy - Emitted when the content has been copied. This event does not bubble. You can inspect
+*  `event.detail.data` to see the content that was copied.
+* @event sigvelo-copy-error - Emitted when the browser refuses to allow the content to be copied. This event does not
+*  bubble. You can inspect `event.detail.error` to see the error that occurred.
+*
+* @csspart copy-button - The default copy button, a `<sigvelo-button>` element.
+* @csspart copy-button__button - The default copy button's `button` part.
+* @csspart copy-icon - The default copy icon, a `<sigvelo-icon>` element.
+* @csspart copy-icon__svg - The copy icon's `svg` part.
+* @csspart feedback - The feedback that shows when copying.
+*
+* @example Default
+* ```html
+* <sigvelo-copy data="https://design-system.sigvelo.com/"></sigvelo-copy>
+* ```
+*
+* **Note:** This component uses the Clipboard API's [`writeText()`](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText) 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 Copying text
+* Use the `data` attribute to set the text that will be copied when the button is activated.
+*
+* ```html
+* <sigvelo-copy data="Easy as 1-2-3"></sigvelo-copy>
+* ```
+*
+* @example Using custom buttons
+* Use a custom button by simply slotting it in. Both Sigvelo buttons and native buttons are supported.
+*
+* ```html
+* <sigvelo-copy data="Copied with a Sigvelo button" style="margin-inline-end: 0.5rem;">
+*   <sigvelo-button>
+*     <sigvelo-icon slot="start" name="clipboard"></sigvelo-icon>
+*     Copy
+*   </sigvelo-button>
+* </sigvelo-copy>
+*
+* <sigvelo-copy data="Copied with a native button">
+*   <button>
+*     <sigvelo-icon name="clipboard"></sigvelo-icon>
+*     Copy
+*   </button>
+* </sigvelo-copy>
+* ```
+*
+* @example Feedback placement
+* Copy feedback shows above the button by default. Use the `feedback-placement` attribute to change where it gets shown. The actual placement may vary if there's insufficient room to display it in the viewport. To hide the feedback, set it to `hidden`.
+*
+* ```html
+* <sigvelo-copy data="Top feedback"></sigvelo-copy>
+* <sigvelo-copy feedback-placement="bottom" data="Bottom feedback"></sigvelo-copy>
+* <sigvelo-copy feedback-placement="left" data="Left feedback"></sigvelo-copy>
+* <sigvelo-copy feedback-placement="right" data="Right feedback"></sigvelo-copy>
+* ```
+*
+* @example Copying HTML content
+* You can copy HTML content using the ClipboardItem API. For best results, make sure to provide `text/html` and `text/plain` types.
+*
+* ```html
+* <p>
+*   This content will be copied to the <a href="https://en.wikipedia.org/wiki/Clipboard_(computing)" target="_blank">clipboard</a>.
+*   <em>Try pasting it into another app.</em>
+* </p>
+*
+* <sigvelo-copy id="copy__html">
+*   <sigvelo-button>Copy HTML</sigvelo-button>
+* </sigvelo-copy>
+*
+* <script>
+*   const copyButton = document.getElementById('copy__html');
+*   const el = copyButton.previousElementSibling;
+*
+*   if (window.ClipboardItem) {
+*     copyButton.data = [
+*       new ClipboardItem({
+*         'text/plain': new Blob([el.outerHTML], { type: 'text/plain' }),
+*         'text/html': new Blob([el.outerHTML], { type: 'text/html' })
+*       })
+*     ];
+*   }
+*
+*   copyButton.addEventListener('sigvelo-copy-error', event => {
+*     event.preventDefault();
+*     alert(`Sorry, but your browser doesn't support this API yet.`);
+*   });
+* <\/script>
+* ```
+*
+* @example Copying PNG images
+* Most browsers support writing PNG image data with the `ClipboardItem` API used in this example. Try copying the image using the button below, then paste it into an image editing app.
+*
+* ```html
+* <img src="/assets/examples/three-kittens.png" alt="Three tabby kittens" style="width: 200px; margin-block-end: 1rem;">
+*
+* <sigvelo-copy id="copy__png">
+*   <sigvelo-button>Copy PNG image</sigvelo-button>
+* </sigvelo-copy>
+*
+* <script>
+*   const copyButton = document.getElementById('copy__png');
+*
+*   if (window.ClipboardItem) {
+*     fetch('/assets/examples/three-kittens.png')
+*       .then(res => res.blob())
+*       .then(blob => {
+*         copyButton.data = [new ClipboardItem({ 'image/png': blob })];
+*       });
+*   }
+*
+*   copyButton.addEventListener('sigvelo-copy-error', event => {
+*     event.preventDefault();
+*     alert(`Sorry, but your browser doesn't support this API yet.`);
+*   });
+* <\/script>
+* ```
+*
+* @example Copying non-PNG images
+* Copying non-PNG images a trickier due to limited browser support. You can use web custom formats, but they don't seem to be widely supported by platform applications yet.
+*
+* For now, the most effective way to copy a non-PNG image is to render it in a `<canvas>` element, convert it to a blob, and copy it as a PNG.
+*
+* ```html
+* <img src="/assets/examples/kitten-behind-tree.jpeg" alt="A kitten posing behind a tree" style="width: 200px; margin-block-end: 1rem;">
+*
+* <sigvelo-copy id="copy__other">
+*   <sigvelo-button>Copy JPEG image</sigvelo-button>
+* </sigvelo-copy>
+*
+* <script>
+*   function setCopyDataFromCanvas(image) {
+*     // Render the image in a canvas
+*     const canvas = document.createElement('canvas');
+*     const ctx = canvas.getContext('2d');
+*     canvas.width = image.naturalWidth;
+*     canvas.height = image.naturalHeight;
+*     ctx.drawImage(image, 0, 0);
+*
+*     // Convert the image data to a blob
+*     canvas.toBlob(blob => {
+*       copyButton.data = [new ClipboardItem({ 'image/png': blob })];
+*     });
+*   }
+*
+*   const copyButton = document.getElementById('copy__other');
+*
+*   if (window.ClipboardItem) {
+*     // Load the image to copy
+*     const image = new Image();
+*     image.src = '/assets/examples/kitten-behind-tree.jpeg';
+*     image.addEventListener('load', () => setCopyDataFromCanvas(image));
+*   }
+*
+*   copyButton.addEventListener('sigvelo-copy-error', event => {
+*     event.preventDefault();
+*     alert(`Sorry, but your browser doesn't support this API yet.`);
+*   });
+* <\/script>
+* ```
+*
+* @example Disabling
+* Add the `disabled` attribute to disable the button and prevent copying.
+*
+* ```html
+* <sigvelo-copy data="https://design-system.sigvelo.com/" disabled></sigvelo-copy>
+* ```
+*/
+var SigveloCopy = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.localize = new Localize(this);
+		this.data = "";
+		this.disabled = false;
+		this.feedbackPlacement = "top";
+	}
+	static {
+		this.styles = [hostStyles, copy_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 {
+			if (typeof this.data === "string") {
+				if (this.data.length === 0) throw new Error("No data was provided to copy");
+				await navigator.clipboard.writeText(this.data);
+			} else if (Array.isArray(this.data)) {
+				const clipboardItems = this.data.filter((item) => item instanceof ClipboardItem);
+				if (clipboardItems.length === 0) throw new Error("No data was provided to copy");
+				await navigator.clipboard.write(clipboardItems);
+			}
+			this.dispatchEvent(new SigveloCopyEvent({ data: this.data }));
+			this.showFeedback(this.localize.term("copied"));
+		} catch (err) {
+			this.dispatchEvent(new SigveloCopyErrorEvent({ error: err }));
+			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="copy-button"
+          exportparts="button:copy-button__button"
+          variant="ghost"
+          icon-label=${this.localize.term("copyToClipboard")}
+          ?disabled=${this.disabled}
+        >
+          <sigvelo-icon
+            part="copy-icon"
+            exportparts="svg:copy-icon__svg"
+            library="system"
+            name="copy"
+          ></sigvelo-icon>
+        </sigvelo-button>
+      </slot>
+
+      <div
+        id="feedback"
+        part="feedback"
+        data-placement=${this.feedbackPlacement}
+        popover="manual"
+        aria-live="polite"
+        hidden
+      ></div>
+    `;
+	}
+};
+__decorate([query("#feedback")], SigveloCopy.prototype, "feedback", void 0);
+__decorate([property()], SigveloCopy.prototype, "data", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], SigveloCopy.prototype, "disabled", void 0);
+__decorate([property({
+	attribute: "feedback-placement",
+	reflect: true
+})], SigveloCopy.prototype, "feedbackPlacement", void 0);
+customElements.define("sigvelo-copy", SigveloCopy);
+//#endregion
+export { SigveloCopy };

package/dist/components/data-table/data-table.d.ts

@@ -0,0 +1,2 @@
+import { a as SigveloDataTable, i as DataTableSelection, n as DataTablePrimitive, o as SigveloRowSelectEvent, r as DataTableRow, t as DataTableColumn } from "../../data-table-DL5RhE0d.js";
+export { DataTableColumn, DataTablePrimitive, DataTableRow, DataTableSelection, SigveloDataTable, SigveloRowSelectEvent };

package/dist/components/data-table/data-table.js

@@ -0,0 +1,2 @@
+import { n as SigveloRowSelectEvent, t as SigveloDataTable } from "../../data-table-CITa8DSn.js";
+export { SigveloDataTable, SigveloRowSelectEvent };

package/dist/components/date/date.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloDate } from "../../date-DtaTBM71.js";
+export { SigveloDate };

package/dist/components/date/date.js

@@ -0,0 +1,2 @@
+import { t as SigveloDate } from "../../date-CJPmOdi9.js";
+export { SigveloDate };

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloDialog } from "../../dialog-N-v0woIy.js";
+export { SigveloDialog };

package/dist/components/dialog/dialog.js

@@ -0,0 +1,2 @@
+import { t as SigveloDialog } from "../../dialog-Cx46HMaZ.js";
+export { SigveloDialog };

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloDivider } from "../../divider-DWuAxcXv.js";
+export { SigveloDivider };

package/dist/components/divider/divider.js

@@ -0,0 +1,2 @@
+import { t as SigveloDivider } from "../../divider-9vNsfHW8.js";
+export { SigveloDivider };

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloDropdown } from "../../dropdown-Bo00Vlr5.js";
+export { SigveloDropdown };

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,2 @@
+import { t as SigveloDropdown } from "../../dropdown-BXSKpVX9.js";
+export { SigveloDropdown };

package/dist/components/dropdown-item/dropdown-item.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloDropdownItem } from "../../dropdown-item-_lIs-Tfd.js";
+export { SigveloDropdownItem };

package/dist/components/dropdown-item/dropdown-item.js

@@ -0,0 +1,2 @@
+import { t as SigveloDropdownItem } from "../../dropdown-item-i77cRuN6.js";
+export { SigveloDropdownItem };

package/dist/components/empty-result/empty-result.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloEmptyResult } from "../../empty-result-B54x_Ab2.js";
+export { SigveloEmptyResult };

package/dist/components/empty-result/empty-result.js

@@ -0,0 +1,2 @@
+import { t as SigveloEmptyResult } from "../../empty-result-B2ln1yFL.js";
+export { SigveloEmptyResult };

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

@@ -0,0 +1,2 @@
+import { t as SigveloEmptyState } from "../../empty-state-SGKjpwp3.js";
+export { SigveloEmptyState };

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

@@ -0,0 +1,2 @@
+import { t as SigveloEmptyState } from "../../empty-state-BLWjtKUo.js";
+export { SigveloEmptyState };

package/dist/components/expander/expander.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloExpander } from "../../expander-BUev0BmM.js";
+export { SigveloExpander };

package/dist/components/expander/expander.js

@@ -0,0 +1,2 @@
+import { t as SigveloExpander } from "../../expander-Bwvxj6Oa.js";
+export { SigveloExpander };

package/dist/components/field/field.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloField } from "../../field-ITx0jVw-.js";
+export { SigveloField };

package/dist/components/field/field.js

@@ -0,0 +1,2 @@
+import { t as SigveloField } from "../../field-BEyS909F.js";
+export { SigveloField };

package/dist/components/file-input/file-input.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloFileInput } from "../../file-input-D2D6YC0B.js";
+export { SigveloFileInput };

package/dist/components/file-input/file-input.js

@@ -0,0 +1,2 @@
+import { t as SigveloFileInput } from "../../file-input-BEumLJjg.js";
+export { SigveloFileInput };

package/dist/components/filter-bar/filter-bar.d.ts

@@ -0,0 +1,2 @@
+import { n as SigveloFilterChangeEvent, t as SigveloFilterBar } from "../../filter-bar-Bj2QzEn9.js";
+export { SigveloFilterBar, SigveloFilterChangeEvent };

package/dist/components/filter-bar/filter-bar.js

@@ -0,0 +1,2 @@
+import { n as SigveloFilterChangeEvent, t as SigveloFilterBar } from "../../filter-bar-Dcs67aXo.js";
+export { SigveloFilterBar, SigveloFilterChangeEvent };

package/dist/components/form-section/form-section.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloFormSection } from "../../form-section-xFBTBULQ.js";
+export { SigveloFormSection };

package/dist/components/form-section/form-section.js

@@ -0,0 +1,2 @@
+import { t as SigveloFormSection } from "../../form-section-BchPetkj.js";
+export { SigveloFormSection };

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloIcon } from "../../icon-Ci9CPZJV.js";
+export { SigveloIcon };

package/dist/components/icon/icon.js

@@ -0,0 +1,2 @@
+import { t as SigveloIcon } from "../../icon-BPVkNsY4.js";
+export { SigveloIcon };

package/dist/components/include/include.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloInclude } from "../../include-CQHVVtNs.js";
+export { SigveloInclude };

package/dist/components/include/include.js

@@ -0,0 +1,2 @@
+import { t as SigveloInclude } from "../../include-qNUh_6kT.js";
+export { SigveloInclude };

package/dist/components/index.d.ts

@@ -0,0 +1,85 @@
+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";
+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 };

package/dist/components/index.js

@@ -0,0 +1,86 @@
+import { t as SigveloIcon } from "../icon-BPVkNsY4.js";
+import { t as SigveloAccordionItem } from "../accordion-item-DvPfhpm8.js";
+import { t as SigveloAccordion } from "../accordion-zDr-Br4V.js";
+import { t as SigveloActionBar } from "../action-bar-CjN_UcnP.js";
+import { t as SigveloAlertDialog } from "../alert-dialog-D25Oi_TS.js";
+import { t as SigveloDialog } from "../dialog-Cx46HMaZ.js";
+import { t as SigveloAvatar } from "../avatar-CRP0kW3x.js";
+import { t as SigveloBadge } from "../badge-Ct95U4UO.js";
+import { t as SigveloBreadcrumb } from "../breadcrumb-uURhiqWJ.js";
+import { t as SigveloBreadcrumbItem } from "../breadcrumb-item-P5pdq_gE.js";
+import { t as SigveloSpinner } from "../spinner-C04Dmc0H.js";
+import { t as SigveloButton } from "../button-5k_aL_gD.js";
+import { t as SigveloButtonGroup } from "../button-group-BydvJTQy.js";
+import { t as SigveloCallout } from "../callout-B8zTf8Go.js";
+import { t as SigveloCard } from "../card-DIg1-X2G.js";
+import { t as SigveloCarouselItem } from "../carousel-item-B5-X31Ha.js";
+import { t as SigveloCarousel } from "../carousel-Bktu7wrD.js";
+import { t as SigveloCheckbox } from "../checkbox-D6r7PVPj.js";
+import { t as SigveloCheckboxGroup } from "../checkbox-group-CLvNAO_F.js";
+import { SigveloCopy } from "./copy/copy.js";
+import { t as SigveloTooltip } from "../tooltip-DbyoPFNe.js";
+import { t as SigveloSlider } from "../slider-B90Il7x3.js";
+import { t as SigveloTextField } from "../text-field-inpJfp0A.js";
+import { t as SigveloColorPicker } from "../color-picker-adwOmtRl.js";
+import { t as SigveloColorInput } from "../color-input-DPIxi9wR.js";
+import { t as SigveloComboboxItem } from "../combobox-item-yM6tDrGG.js";
+import { t as SigveloCombobox } from "../combobox-B6al50UG.js";
+import { t as SigveloComparison } from "../comparison-CyqKrCN-.js";
+import { t as SigveloDate } from "../date-CJPmOdi9.js";
+import { n as SigveloRowSelectEvent, t as SigveloDataTable } from "../data-table-CITa8DSn.js";
+import { t as SigveloDivider } from "../divider-9vNsfHW8.js";
+import { t as SigveloDropdownItem } from "../dropdown-item-i77cRuN6.js";
+import { t as SigveloDropdown } from "../dropdown-BXSKpVX9.js";
+import { t as SigveloEmptyState } from "../empty-state-BLWjtKUo.js";
+import { t as SigveloEmptyResult } from "../empty-result-B2ln1yFL.js";
+import { t as SigveloExpander } from "../expander-Bwvxj6Oa.js";
+import { t as SigveloField } from "../field-BEyS909F.js";
+import { t as SigveloFileInput } from "../file-input-BEumLJjg.js";
+import { n as SigveloFilterChangeEvent, t as SigveloFilterBar } from "../filter-bar-Dcs67aXo.js";
+import { t as SigveloFormSection } from "../form-section-BchPetkj.js";
+import { t as SigveloInclude } from "../include-qNUh_6kT.js";
+import { t as SigveloInfiniteScroller } from "../infinite-scroller-BmmtnWNt.js";
+import { t as SigveloIntersectionObserver } from "../intersection-observer-B6TciOAQ.js";
+import { t as SigveloListboxItem } from "../listbox-item-CwD9s3VY.js";
+import { t as SigveloListbox } from "../listbox-C3XXRWGX.js";
+import { t as SigveloLoremIpsum } from "../lorem-ipsum-B2x3V-v8.js";
+import { t as SigveloMeter } from "../meter-BIDyjwFp.js";
+import { t as SigveloMetric } from "../metric-DbuOcDp_.js";
+import { t as SigveloMetricGrid } from "../metric-grid-C2Pb0Zl3.js";
+import { t as SigveloMutationObserver } from "../mutation-observer-DS8EBuOp.js";
+import { t as SigveloNavicon } from "../navicon-_yMHY27-.js";
+import { t as SigveloNumber } from "../number-BNtNXNF3.js";
+import { t as SigveloNumberField } from "../number-field-BQHB7UYo.js";
+import { t as SigveloPagination } from "../pagination-DuKPuzdb.js";
+import { t as SigveloPopover } from "../popover-DJBrJ0za.js";
+import { t as SigveloPreviewCard } from "../preview-card-C7H1FPfd.js";
+import { t as SigveloProgress } from "../progress-DzVk260j.js";
+import { t as SigveloRadioItem } from "../radio-item-DIrUStAX.js";
+import { t as SigveloRadio } from "../radio-BtDG9xJM.js";
+import { t as SigveloRandomContent } from "../random-content-BwiirXdG.js";
+import { t as SigveloRating } from "../rating-C1BcJDIO.js";
+import { t as SigveloResizeObserver } from "../resize-observer-DcrLhddo.js";
+import { t as SigveloScrollArea } from "../scroll-area-COc1857S.js";
+import { t as SigveloScroller } from "../scroller-LYgBVyfY.js";
+import { t as SigveloSearchList } from "../search-list-Clmrg8EV.js";
+import { t as SigveloSelect } from "../select-DLIaRnA4.js";
+import { t as SigveloSelectionSummary } from "../selection-summary-BVnNJ8Lw.js";
+import { t as SigveloShare } from "../share-bsgXZCl7.js";
+import { t as SigveloSlideActivator } from "../slide-activator-DlxQt9R9.js";
+import { t as SigveloSparkline } from "../sparkline-CcpTaJ_Z.js";
+import { t as SigveloSplitter } from "../splitter-MnD4In9H.js";
+import { t as SigveloSwitch } from "../switch-CPaEKbog.js";
+import { t as SigveloTab } from "../tab-C-FtuNmh.js";
+import { t as SigveloTabPanel } from "../tab-panel-BaBl6eep.js";
+import { t as SigveloTabList } from "../tab-list-B_Ye_Oj9.js";
+import { t as SigveloTextArea } from "../text-area-Czixaz-_.js";
+import { t as SigveloTextMask } from "../text-mask-DDEurj90.js";
+import { t as SigveloTimedContent } from "../timed-content-pvEP4l5V.js";
+import { t as SigveloToastItem } from "../toast-item-IS8IFUEg.js";
+import { t as SigveloTransitionGroup } from "../transition-group-3hnAnwSd.js";
+import { t as SigveloToast } from "../toast-BnZaIg6Z.js";
+import { t as SigveloToggleIcon } from "../toggle-icon-4oLDeEt4.js";
+import { t as SigveloToggleTag } from "../toggle-tag-1sfTFJtg.js";
+import { t as SigveloToolbar } from "../toolbar-CEZ0-F-X.js";
+import { t as SigveloZoomableFrame } from "../zoomable-frame-Cldvj5sE.js";
+export { 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 };

package/dist/components/infinite-scroller/infinite-scroller.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloInfiniteScroller } from "../../infinite-scroller-CuUEAlB9.js";
+export { SigveloInfiniteScroller };

package/dist/components/infinite-scroller/infinite-scroller.js

@@ -0,0 +1,2 @@
+import { t as SigveloInfiniteScroller } from "../../infinite-scroller-BmmtnWNt.js";
+export { SigveloInfiniteScroller };

package/dist/components/intersection-observer/intersection-observer.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloIntersectionObserver } from "../../intersection-observer-B7nmP7Zz.js";
+export { SigveloIntersectionObserver };

package/dist/components/intersection-observer/intersection-observer.js

@@ -0,0 +1,2 @@
+import { t as SigveloIntersectionObserver } from "../../intersection-observer-B6TciOAQ.js";
+export { SigveloIntersectionObserver };

package/dist/components/listbox/listbox.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloListbox } from "../../listbox-DD4ujIJe.js";
+export { SigveloListbox };

package/dist/components/listbox/listbox.js

@@ -0,0 +1,2 @@
+import { t as SigveloListbox } from "../../listbox-C3XXRWGX.js";
+export { SigveloListbox };

package/dist/components/listbox-item/listbox-item.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloListboxItem } from "../../listbox-item-DQEJWp4Z.js";
+export { SigveloListboxItem };

package/dist/components/listbox-item/listbox-item.js

@@ -0,0 +1,2 @@
+import { t as SigveloListboxItem } from "../../listbox-item-CwD9s3VY.js";
+export { SigveloListboxItem };

package/dist/components/lorem-ipsum/lorem-ipsum.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloLoremIpsum } from "../../lorem-ipsum-CR82CSuJ.js";
+export { SigveloLoremIpsum };

package/dist/components/lorem-ipsum/lorem-ipsum.js

@@ -0,0 +1,2 @@
+import { t as SigveloLoremIpsum } from "../../lorem-ipsum-B2x3V-v8.js";
+export { SigveloLoremIpsum };