@mcp-b/web-components 0.2.0

package/dist/comparison-CyqKrCN-.js

@@ -0,0 +1,435 @@
+import { Localize } from "./utilities/localize.js";
+import "./icon-BPVkNsY4.js";
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { css, html } from "lit";
+import { property, query, 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 { classMap } from "lit/directives/class-map.js";
+import { DraggableElement } from "@mcp-b/wc-support/utilities/drag";
+import { clamp } from "@mcp-b/wc-support/utilities/math";
+import { SigveloResizeEvent } from "@mcp-b/wc-support/events/resize";
+//#region src/components/comparison/comparison.styles.ts
+var comparison_styles_default = css`
+  :host {
+    --divider-draggable-area: 1rem;
+    --divider-width: 0.1875rem;
+
+    display: flex;
+    position: relative;
+    width: 100%;
+    isolation: isolate;
+  }
+
+  :host([orientation="vertical"]) {
+    flex-direction: column;
+    height: 100%;
+  }
+
+  /* Start */
+  #start {
+    display: block;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    clip-path: polygon(0 0, var(--position) 0, var(--position) 100%, 0 100%);
+  }
+
+  :host(:dir(rtl)) #start {
+    clip-path: polygon(
+      0 0,
+      calc(100% - var(--position)) 0,
+      calc(100% - var(--position)) 100%,
+      0 100%
+    );
+  }
+
+  :host([orientation="vertical"]) #start {
+    clip-path: polygon(0 0, 100% 0, 100% var(--position), 0 var(--position));
+  }
+
+  :host([orientation="vertical"]:dir(rtl)) #start {
+    clip-path: polygon(0 0, 100% 0, 100% var(--position), 0 var(--position));
+  }
+
+  /* End */
+  #end {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    clip-path: polygon(var(--position) 0, 100% 0, 100% 100%, var(--position) 100%);
+
+    /* Prevents a ring of light from showing through in light <=> dark comparisons */
+    will-change: transform;
+  }
+
+  :host([orientation="vertical"]) #end {
+    clip-path: polygon(0 var(--position), 100% var(--position), 100% 100%, 0 100%);
+  }
+
+  :host(:dir(rtl)) #end {
+    clip-path: polygon(
+      0 0,
+      calc(100% - var(--position)) 0,
+      calc(100% - var(--position)) 100%,
+      0 100%
+    );
+  }
+
+  :host([orientation="vertical"]:dir(rtl)) #end {
+    clip-path: polygon(0 var(--position), 100% var(--position), 100% 100%, 0 100%);
+  }
+
+  /* Slotted defaults */
+  ::slotted(img) {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* Divider */
+  #divider {
+    position: absolute;
+    top: 0;
+    width: var(--divider-width);
+    height: 100%;
+    background-color: light-dark(white, black);
+    cursor: ew-resize;
+    touch-action: none;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      width: var(--divider-draggable-area);
+      height: 100%;
+      transform: translateX(-50%);
+      content: "";
+    }
+
+    /* Focus */
+    &:focus {
+      outline: none;
+    }
+  }
+
+  #divider.vertical {
+    top: var(--position);
+    left: 0;
+    width: 100%;
+    height: var(--divider-width);
+    transform: translateY(-50%);
+    cursor: ns-resize;
+
+    &::before {
+      top: 50%;
+      left: 0;
+      width: 100%;
+      height: var(--divider-draggable-area);
+      transform: translateY(-50%);
+    }
+  }
+
+  :host(:dir(ltr)) #divider:not(.vertical) {
+    left: var(--position);
+    transform: translateX(-50%);
+  }
+
+  :host(:dir(rtl)) #divider:not(.vertical) {
+    right: var(--position);
+    transform: translateX(50%);
+  }
+
+  :host([disabled]) #divider {
+    cursor: default;
+  }
+
+  /* Handle */
+  #handle {
+    display: flex;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    transform: translate(-50%, -50%);
+    border-radius: var(--sigvelo-radius-circle);
+    background-color: light-dark(white, black);
+    color: var(--sigvelo-color-primary-text-on-subtle);
+
+    sigvelo-icon,
+    ::slotted(sigvelo-icon) {
+      font-size: 1.25em;
+    }
+  }
+
+  :host(:not([disabled])) #divider:focus-visible #handle {
+    outline: var(--sigvelo-focus-ring);
+  }
+
+  :host([disabled]) #handle {
+    display: none;
+  }
+`;
+//#endregion
+//#region src/components/comparison/comparison.ts
+/**
+* <sigvelo-comparison>
+*
+* @summary Displays two elements side-by-side with a draggable divider, allowing users to adjust the visible portions
+* @tag sigvelo-comparison
+*  for direct visual comparison.
+* @documentation https://design-system.sigvelo.com/docs/components/comparison
+* @status stable
+* @since 1.0
+*
+* @dependency sigvelo-icon
+*
+* @slot start - The content to show on the left/start side or top side, depending on orientation.
+* @slot end - The content to show on the right/end side or bottom side, depending on orientation.
+* @slot handle-icon - A custom icon to use for the divider's handle.
+*
+* @event sigvelo-resize - Dispatched when the comparison's handle is moved.
+*
+* @csspart start - The container for the start content.
+* @csspart end - The container for the end content.
+* @csspart divider - The draggable divider between start and end.
+* @csspart handle - The visual handle within the divider.
+*
+* @cssstate disabled - Applied when the comparison is disabled.
+* @cssstate dragging - Applied when the divider is being dragged.
+* @cssstate focused - Applied when the divider has focus.
+*
+* @example Default
+* ```html
+* <sigvelo-comparison>
+*   <img slot="start" src="https://images.unsplash.com/photo-1671707696618-ca0685b0012e?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="An orange cat smiles up at the camera">
+*   <img slot="end" src="https://images.unsplash.com/photo-1671707696618-ca0685b0012e?q=80&w=1000&sat=-100&bri=-15&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="The same orange cat in a grayscale photo">
+* </sigvelo-comparison>
+* ```
+*
+* @example Providing content
+* Comparisons are commonly used for images, but you can compare just about any content. Use the `start` and `end` slots to place content on each side of the comparison. For best results, use elements that shares the same dimensions.
+*
+* ```html
+* <sigvelo-comparison style="max-width: 380px;">
+*   <sigvelo-card slot="start" inert data-theme="light">
+*     <h3 slot="header">Secret Scientists</h3>
+*     When nobody's watching, cats conduct elaborate scientific experiments to determine if gravity still works by knocking things off shelves with deliberate precision.
+*     <sigvelo-button slot="footer" color="primary">Tell me more</sigvelo-button>
+*     <sigvelo-button slot="footer">I'm skeptical</sigvelo-button>
+*   </sigvelo-card>
+*
+*   <sigvelo-card slot="end" inert data-theme="dark">
+*     <h3 slot="header">Secret Scientists</h3>
+*     When nobody's watching, cats conduct elaborate scientific experiments to determine if gravity still works by knocking things off shelves with deliberate precision.
+*     <sigvelo-button slot="footer" color="primary">Tell me more</sigvelo-button>
+*     <sigvelo-button slot="footer">I'm skeptical</sigvelo-button>
+*   </sigvelo-card>
+* </sigvelo-comparison>
+* ```
+*
+* **Note:** To prevent interactions while comparing, add the [`inert`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inert) attribute to both slotted elements as shown above.
+*
+* @example Setting the initial position
+* Set the initial position of the comparison using the `position` attribute.
+*
+* ```html
+* <sigvelo-comparison position=".75">
+*   <img slot="start" src="https://images.unsplash.com/photo-1736593494119-d0a69181b414?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="A kitten lays in its bed and cuddles a pillow">
+*   <img slot="end" src="https://images.unsplash.com/photo-1736593494119-d0a69181b414?q=80&w=1000&sat=-100&bri=-15&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="The same kitten in a grayscale photo">
+* </sigvelo-comparison>
+* ```
+*
+* @example Changing the orientation
+* Set the `orientation` attribute to `vertical` to make the comparison vertical.
+*
+* ```html
+* <sigvelo-comparison orientation="vertical">
+*   <img slot="start" src="https://images.unsplash.com/photo-1622576041274-ae5dc580175d?q=80&w=800&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Two kittens nestled up on a blanket">
+*   <img slot="end" src="https://images.unsplash.com/photo-1622576041274-ae5dc580175d?q=80&w=800&sat=-100&bri=-15&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="The same two kittens in a grayscale photo">
+* </sigvelo-comparison>
+* ```
+*
+* @example Using a custom icon
+* Slot an icon or similar in the `handle-icon` slot to use a custom icon in the handle.
+*
+* ```html
+* <sigvelo-comparison position=".66">
+*   <sigvelo-icon slot="handle-icon" name="arrow-bar-both"></sigvelo-icon>
+*   <img slot="start" src="https://images.unsplash.com/photo-1719310694054-6fc99b7c14ec?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="An orange kitten explores a tall grassy yard">
+*   <img slot="end" src="https://images.unsplash.com/photo-1719310694054-6fc99b7c14ec?q=80&w=1000&sat=-100&bri=-15&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="The same kitten in a grayscale photo">
+* </sigvelo-comparison>
+* ```
+*
+* @example Disabling
+* Add the `disabled` attribute to lock the comparison in place. You can still change the position programmatically when disabled.
+*
+* ```html
+* <sigvelo-comparison position=".40" disabled>
+*   <img slot="start" src="https://images.unsplash.com/photo-1601217156006-3358e1514676?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="A kitten peeks out from inside a cardboard box">
+*   <img slot="end" src="https://images.unsplash.com/photo-1601217156006-3358e1514676?q=80&w=1000&sat=-100&bri=-15&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="The same kitten in a grayscale photo">
+* </sigvelo-comparison>
+* ```
+*/
+var SigveloComparison = class extends SigveloElement {
+	constructor(..._args) {
+		super(..._args);
+		this.localize = new Localize(this);
+		this.dragStartPosition = 0;
+		this.dragStartClientX = 0;
+		this.dragStartClientY = 0;
+		this.isDragging = false;
+		this.position = .5;
+		this.orientation = "horizontal";
+		this.disabled = false;
+	}
+	static {
+		this.styles = [hostStyles, comparison_styles_default];
+	}
+	firstUpdated() {
+		this.setupDragging();
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("position")) this.style.setProperty("--position", `${clamp(this.position * 100, 0, 100)}%`);
+		if (changedProperties.has("isDragging")) this.customStates.set("dragging", this.isDragging);
+		if (changedProperties.has("disabled")) {
+			this.customStates.set("disabled", this.disabled);
+			this.setupDragging();
+		}
+		if (changedProperties.has("orientation")) this.setupDragging();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.dragHandler?.stop();
+	}
+	handleFocus() {
+		this.customStates.set("focused", true);
+	}
+	handleBlur() {
+		this.customStates.set("focused", false);
+	}
+	handleKeydown(event) {
+		const isRtl = this.localize.dir() === "rtl";
+		const isVertical = this.orientation === "vertical";
+		let newPosition = this.position;
+		if (this.disabled) return;
+		switch (event.key) {
+			case "ArrowLeft":
+				if (!isVertical) newPosition = isRtl ? this.position + .05 : this.position - .05;
+				break;
+			case "ArrowRight":
+				if (!isVertical) newPosition = isRtl ? this.position - .05 : this.position + .05;
+				break;
+			case "ArrowUp":
+				if (isVertical) newPosition = this.position - .05;
+				break;
+			case "ArrowDown":
+				if (isVertical) newPosition = this.position + .05;
+				break;
+			case "Home":
+				newPosition = 0;
+				break;
+			case "End":
+				newPosition = 1;
+				break;
+			default: return;
+		}
+		newPosition = clamp(newPosition, 0, 1);
+		if (newPosition !== this.position) {
+			event.preventDefault();
+			this.position = newPosition;
+			this.dispatchEvent(new SigveloResizeEvent());
+		}
+	}
+	setupDragging() {
+		this.dragHandler?.stop();
+		if (this.disabled) return;
+		this.dragHandler = new DraggableElement(this.divider, {
+			start: (clientX, clientY) => {
+				this.divider.classList.add("dragging");
+				this.dragStartPosition = this.position;
+				this.dragStartClientX = clientX;
+				this.dragStartClientY = clientY;
+				this.customStates.set("dragging", true);
+			},
+			move: (clientX, clientY) => {
+				const isRtl = this.localize.dir() === "rtl";
+				const rect = this.getBoundingClientRect();
+				let deltaFraction = 0;
+				if (this.orientation === "vertical") deltaFraction = (clientY - this.dragStartClientY) / rect.height;
+				else {
+					deltaFraction = (clientX - this.dragStartClientX) / rect.width;
+					if (isRtl) deltaFraction = -deltaFraction;
+				}
+				const clampedPosition = clamp(this.dragStartPosition + deltaFraction, 0, 1);
+				if (this.position !== clampedPosition) {
+					this.position = clampedPosition;
+					this.dispatchEvent(new SigveloResizeEvent());
+				}
+			},
+			stop: () => {
+				this.divider.classList.remove("dragging");
+				this.customStates.set("dragging", false);
+			}
+		});
+	}
+	render() {
+		const isVertical = this.orientation === "vertical";
+		return html`
+      <div id="start" part="start"><slot name="start"></slot></div>
+      <div id="end" part="end"><slot name="end"></slot></div>
+      <div
+        id="divider"
+        part="divider"
+        class=${classMap({
+			dragging: this.isDragging,
+			vertical: isVertical
+		})}
+        role="slider"
+        tabindex=${this.disabled ? "-1" : "0"}
+        aria-label=${this.localize.term("visualComparisonSlider")}
+        aria-orientation=${isVertical ? "vertical" : "horizontal"}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${Math.round(this.position * 100)}"
+        @keydown=${this.handleKeydown}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+      >
+        <div id="handle" part="handle">
+          <slot name="handle-icon">
+            <sigvelo-icon
+              library="system"
+              name=${isVertical ? "grip-horizontal" : "grip-vertical"}
+              family="filled"
+            >
+            </sigvelo-icon>
+          </slot>
+        </div>
+      </div>
+    `;
+	}
+};
+__decorate([query("#divider")], SigveloComparison.prototype, "divider", void 0);
+__decorate([state()], SigveloComparison.prototype, "isDragging", void 0);
+__decorate([property({ type: Number })], SigveloComparison.prototype, "position", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], SigveloComparison.prototype, "orientation", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], SigveloComparison.prototype, "disabled", void 0);
+customElements.define("sigvelo-comparison", SigveloComparison);
+//#endregion
+export { SigveloComparison as t };

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloAccordion } from "../../accordion-B1Q3kuP_.js";
+export { SigveloAccordion };

package/dist/components/accordion/accordion.js

@@ -0,0 +1,2 @@
+import { t as SigveloAccordion } from "../../accordion-zDr-Br4V.js";
+export { SigveloAccordion };

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

@@ -0,0 +1,2 @@
+import { t as SigveloAccordionItem } from "../../accordion-item-bPRIahNn.js";
+export { SigveloAccordionItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloAccordionItem } from "../../accordion-item-DvPfhpm8.js";
+export { SigveloAccordionItem };

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

@@ -0,0 +1,2 @@
+import { n as SigveloActionBar, t as ActionBarAlignment } from "../../action-bar-CYsjmhwP.js";
+export { ActionBarAlignment, SigveloActionBar };

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

@@ -0,0 +1,2 @@
+import { t as SigveloActionBar } from "../../action-bar-CjN_UcnP.js";
+export { SigveloActionBar };

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

@@ -0,0 +1,2 @@
+import { t as SigveloAlertDialog } from "../../alert-dialog-4CnO3Nb5.js";
+export { SigveloAlertDialog };

package/dist/components/alert-dialog/alert-dialog.js

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

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloAvatar } from "../../avatar-Bje_KpZo.js";
+export { SigveloAvatar };

package/dist/components/avatar/avatar.js

@@ -0,0 +1,2 @@
+import { t as SigveloAvatar } from "../../avatar-CRP0kW3x.js";
+export { SigveloAvatar };

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

@@ -0,0 +1,2 @@
+import { t as SigveloBadge } from "../../badge-D1DNQrWn.js";
+export { SigveloBadge };

package/dist/components/badge/badge.js

@@ -0,0 +1,2 @@
+import { t as SigveloBadge } from "../../badge-Ct95U4UO.js";
+export { SigveloBadge };

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloBreadcrumb } from "../../breadcrumb-BxZ-nQE5.js";
+export { SigveloBreadcrumb };

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,2 @@
+import { t as SigveloBreadcrumb } from "../../breadcrumb-uURhiqWJ.js";
+export { SigveloBreadcrumb };

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

@@ -0,0 +1,2 @@
+import { t as SigveloBreadcrumbItem } from "../../breadcrumb-item-BC454oQe.js";
+export { SigveloBreadcrumbItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloBreadcrumbItem } from "../../breadcrumb-item-P5pdq_gE.js";
+export { SigveloBreadcrumbItem };

package/dist/components/button/button.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloButton } from "../../button-BQofnUt4.js";
+export { SigveloButton };

package/dist/components/button/button.js

@@ -0,0 +1,2 @@
+import { t as SigveloButton } from "../../button-5k_aL_gD.js";
+export { SigveloButton };

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloButtonGroup } from "../../button-group-COodHeuB.js";
+export { SigveloButtonGroup };

package/dist/components/button-group/button-group.js

@@ -0,0 +1,2 @@
+import { t as SigveloButtonGroup } from "../../button-group-BydvJTQy.js";
+export { SigveloButtonGroup };

package/dist/components/callout/callout.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCallout } from "../../callout-DFwPao36.js";
+export { SigveloCallout };

package/dist/components/callout/callout.js

@@ -0,0 +1,2 @@
+import { t as SigveloCallout } from "../../callout-B8zTf8Go.js";
+export { SigveloCallout };

package/dist/components/card/card.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCard } from "../../card-BYDzdMAU.js";
+export { SigveloCard };

package/dist/components/card/card.js

@@ -0,0 +1,2 @@
+import { t as SigveloCard } from "../../card-DIg1-X2G.js";
+export { SigveloCard };

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCarousel } from "../../carousel-DQITCtEY.js";
+export { SigveloCarousel };

package/dist/components/carousel/carousel.js

@@ -0,0 +1,2 @@
+import { t as SigveloCarousel } from "../../carousel-Bktu7wrD.js";
+export { SigveloCarousel };

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

@@ -0,0 +1,2 @@
+import { t as SigveloCarouselItem } from "../../carousel-item-BB3jL2tk.js";
+export { SigveloCarouselItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloCarouselItem } from "../../carousel-item-B5-X31Ha.js";
+export { SigveloCarouselItem };

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCheckbox } from "../../checkbox-DoFcDEKB.js";
+export { SigveloCheckbox };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,2 @@
+import { t as SigveloCheckbox } from "../../checkbox-D6r7PVPj.js";
+export { SigveloCheckbox };

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCheckboxGroup } from "../../checkbox-group-Cnh8rAn4.js";
+export { SigveloCheckboxGroup };

package/dist/components/checkbox-group/checkbox-group.js

@@ -0,0 +1,2 @@
+import { t as SigveloCheckboxGroup } from "../../checkbox-group-CLvNAO_F.js";
+export { SigveloCheckboxGroup };

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

@@ -0,0 +1,2 @@
+import { t as SigveloColorInput } from "../../color-input-Bky89xg_.js";
+export { SigveloColorInput };

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

@@ -0,0 +1,2 @@
+import { t as SigveloColorInput } from "../../color-input-DPIxi9wR.js";
+export { SigveloColorInput };

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloColorPicker } from "../../color-picker-wQw8bPsq.js";
+export { SigveloColorPicker };

package/dist/components/color-picker/color-picker.js

@@ -0,0 +1,2 @@
+import { t as SigveloColorPicker } from "../../color-picker-adwOmtRl.js";
+export { SigveloColorPicker };

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,2 @@
+import { n as SigveloCombobox } from "../../combobox-item-D2H1CMxC.js";
+export { SigveloCombobox };

package/dist/components/combobox/combobox.js

@@ -0,0 +1,2 @@
+import { t as SigveloCombobox } from "../../combobox-B6al50UG.js";
+export { SigveloCombobox };

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

@@ -0,0 +1,2 @@
+import { t as SigveloComboboxItem } from "../../combobox-item-D2H1CMxC.js";
+export { SigveloComboboxItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloComboboxItem } from "../../combobox-item-yM6tDrGG.js";
+export { SigveloComboboxItem };

package/dist/components/comparison/comparison.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloComparison } from "../../comparison-B1-nMwmp.js";
+export { SigveloComparison };

package/dist/components/comparison/comparison.js

@@ -0,0 +1,2 @@
+import { t as SigveloComparison } from "../../comparison-CyqKrCN-.js";
+export { SigveloComparison };

package/dist/components/copy/copy.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloCopy } from "../../copy-CvC9vaGw.js";
+export { SigveloCopy };