@mcp-b/web-components 0.2.0

package/dist/components/meter/meter.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloMeter } from "../../meter-BC7uaJWf.js";
+export { SigveloMeter };

package/dist/components/meter/meter.js

@@ -0,0 +1,2 @@
+import { t as SigveloMeter } from "../../meter-BIDyjwFp.js";
+export { SigveloMeter };

package/dist/components/metric/metric.d.ts

@@ -0,0 +1,2 @@
+import { n as SigveloMetric, t as MetricFormat } from "../../metric-CjlLq_VA.js";
+export { MetricFormat, SigveloMetric };

package/dist/components/metric/metric.js

@@ -0,0 +1,2 @@
+import { t as SigveloMetric } from "../../metric-DbuOcDp_.js";
+export { SigveloMetric };

package/dist/components/metric-grid/metric-grid.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloMetricGrid } from "../../metric-grid-C5Xbb1_0.js";
+export { SigveloMetricGrid };

package/dist/components/metric-grid/metric-grid.js

@@ -0,0 +1,2 @@
+import { t as SigveloMetricGrid } from "../../metric-grid-C2Pb0Zl3.js";
+export { SigveloMetricGrid };

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

@@ -0,0 +1,2 @@
+import { t as SigveloMutationObserver } from "../../mutation-observer-BmrZ-GER.js";
+export { SigveloMutationObserver };

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

@@ -0,0 +1,2 @@
+import { t as SigveloMutationObserver } from "../../mutation-observer-DS8EBuOp.js";
+export { SigveloMutationObserver };

package/dist/components/navicon/navicon.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloNavicon } from "../../navicon-Dic5Qjzb.js";
+export { SigveloNavicon };

package/dist/components/navicon/navicon.js

@@ -0,0 +1,2 @@
+import { t as SigveloNavicon } from "../../navicon-_yMHY27-.js";
+export { SigveloNavicon };

package/dist/components/number/number.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloNumber } from "../../number-BwbnErlB.js";
+export { SigveloNumber };

package/dist/components/number/number.js

@@ -0,0 +1,2 @@
+import { t as SigveloNumber } from "../../number-BNtNXNF3.js";
+export { SigveloNumber };

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

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

package/dist/components/number-field/number-field.js

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

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloPagination } from "../../pagination-6z2qcf3U.js";
+export { SigveloPagination };

package/dist/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+import { t as SigveloPagination } from "../../pagination-DuKPuzdb.js";
+export { SigveloPagination };

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloPopover } from "../../popover-D0sxTU6o.js";
+export { SigveloPopover };

package/dist/components/popover/popover.js

@@ -0,0 +1,2 @@
+import { t as SigveloPopover } from "../../popover-DJBrJ0za.js";
+export { SigveloPopover };

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

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

package/dist/components/preview-card/preview-card.js

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

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloProgress } from "../../progress-Db0_axHQ.js";
+export { SigveloProgress };

package/dist/components/progress/progress.js

@@ -0,0 +1,2 @@
+import { t as SigveloProgress } from "../../progress-DzVk260j.js";
+export { SigveloProgress };

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloRadio } from "../../radio-CieMa4zU.js";
+export { SigveloRadio };

package/dist/components/radio/radio.js

@@ -0,0 +1,2 @@
+import { t as SigveloRadio } from "../../radio-BtDG9xJM.js";
+export { SigveloRadio };

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

@@ -0,0 +1,2 @@
+import { t as SigveloRadioItem } from "../../radio-item-Xq2U3cMu.js";
+export { SigveloRadioItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloRadioItem } from "../../radio-item-DIrUStAX.js";
+export { SigveloRadioItem };

package/dist/components/random-content/random-content.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloRandomContent } from "../../random-content-BhSeJFKz.js";
+export { SigveloRandomContent };

package/dist/components/random-content/random-content.js

@@ -0,0 +1,2 @@
+import { t as SigveloRandomContent } from "../../random-content-BwiirXdG.js";
+export { SigveloRandomContent };

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloRating } from "../../rating-4xNsWumY.js";
+export { SigveloRating };

package/dist/components/rating/rating.js

@@ -0,0 +1,2 @@
+import { t as SigveloRating } from "../../rating-C1BcJDIO.js";
+export { SigveloRating };

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

@@ -0,0 +1,2 @@
+import { t as SigveloResizeObserver } from "../../resize-observer-BseSbVWP.js";
+export { SigveloResizeObserver };

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

@@ -0,0 +1,2 @@
+import { t as SigveloResizeObserver } from "../../resize-observer-DcrLhddo.js";
+export { SigveloResizeObserver };

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloScrollArea } from "../../scroll-area-CVYDf5qY.js";
+export { SigveloScrollArea };

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,2 @@
+import { t as SigveloScrollArea } from "../../scroll-area-COc1857S.js";
+export { SigveloScrollArea };

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

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

package/dist/components/scroller/scroller.js

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

package/dist/components/search-list/search-list.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSearchList } from "../../search-list-n0GYO7rh.js";
+export { SigveloSearchList };

package/dist/components/search-list/search-list.js

@@ -0,0 +1,2 @@
+import { t as SigveloSearchList } from "../../search-list-Clmrg8EV.js";
+export { SigveloSearchList };

package/dist/components/select/select.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSelect } from "../../select-CkZK2jJn.js";
+export { SigveloSelect };

package/dist/components/select/select.js

@@ -0,0 +1,2 @@
+import { t as SigveloSelect } from "../../select-DLIaRnA4.js";
+export { SigveloSelect };

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

@@ -0,0 +1,2 @@
+import { t as SigveloSelectionSummary } from "../../selection-summary-DmFkGyZI.js";
+export { SigveloSelectionSummary };

package/dist/components/selection-summary/selection-summary.js

@@ -0,0 +1,2 @@
+import { t as SigveloSelectionSummary } from "../../selection-summary-BVnNJ8Lw.js";
+export { SigveloSelectionSummary };

package/dist/components/share/share.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloShare } from "../../share-DPlqP2dc.js";
+export { SigveloShare };

package/dist/components/share/share.js

@@ -0,0 +1,2 @@
+import { t as SigveloShare } from "../../share-bsgXZCl7.js";
+export { SigveloShare };

package/dist/components/slide-activator/slide-activator.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSlideActivator } from "../../slide-activator-D7bBz69E.js";
+export { SigveloSlideActivator };

package/dist/components/slide-activator/slide-activator.js

@@ -0,0 +1,2 @@
+import { t as SigveloSlideActivator } from "../../slide-activator-DlxQt9R9.js";
+export { SigveloSlideActivator };

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSlider } from "../../slider-B0FVsV1o.js";
+export { SigveloSlider };

package/dist/components/slider/slider.js

@@ -0,0 +1,2 @@
+import { t as SigveloSlider } from "../../slider-B90Il7x3.js";
+export { SigveloSlider };

package/dist/components/sparkline/sparkline.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSparkline } from "../../sparkline-DlCIt81-.js";
+export { SigveloSparkline };

package/dist/components/sparkline/sparkline.js

@@ -0,0 +1,2 @@
+import { t as SigveloSparkline } from "../../sparkline-CcpTaJ_Z.js";
+export { SigveloSparkline };

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

@@ -0,0 +1,2 @@
+import { t as SigveloSpinner } from "../../spinner-CZ19x_dC.js";
+export { SigveloSpinner };

package/dist/components/spinner/spinner.js

@@ -0,0 +1,2 @@
+import { t as SigveloSpinner } from "../../spinner-C04Dmc0H.js";
+export { SigveloSpinner };

package/dist/components/splitter/splitter.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSplitter } from "../../splitter-DBDJAzsp.js";
+export { SigveloSplitter };

package/dist/components/splitter/splitter.js

@@ -0,0 +1,2 @@
+import { t as SigveloSplitter } from "../../splitter-MnD4In9H.js";
+export { SigveloSplitter };

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloSwitch } from "../../switch-Cief9M59.js";
+export { SigveloSwitch };

package/dist/components/switch/switch.js

@@ -0,0 +1,2 @@
+import { t as SigveloSwitch } from "../../switch-CPaEKbog.js";
+export { SigveloSwitch };

package/dist/components/tab/tab.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTab } from "../../tab-BcqYGsuW.js";
+export { SigveloTab };

package/dist/components/tab/tab.js

@@ -0,0 +1,2 @@
+import { t as SigveloTab } from "../../tab-C-FtuNmh.js";
+export { SigveloTab };

package/dist/components/tab-list/tab-list.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTabList } from "../../tab-list-DDvS8qHr.js";
+export { SigveloTabList };

package/dist/components/tab-list/tab-list.js

@@ -0,0 +1,2 @@
+import { t as SigveloTabList } from "../../tab-list-B_Ye_Oj9.js";
+export { SigveloTabList };

package/dist/components/tab-panel/tab-panel.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTabPanel } from "../../tab-panel-BzSJlSfd.js";
+export { SigveloTabPanel };

package/dist/components/tab-panel/tab-panel.js

@@ -0,0 +1,2 @@
+import { t as SigveloTabPanel } from "../../tab-panel-BaBl6eep.js";
+export { SigveloTabPanel };

package/dist/components/text-area/text-area.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTextArea } from "../../text-area-B_mjCE9W.js";
+export { SigveloTextArea };

package/dist/components/text-area/text-area.js

@@ -0,0 +1,2 @@
+import { t as SigveloTextArea } from "../../text-area-Czixaz-_.js";
+export { SigveloTextArea };

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

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

package/dist/components/text-field/text-field.js

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

package/dist/components/text-mask/text-mask.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTextMask } from "../../text-mask-CNKVKSFp.js";
+export { SigveloTextMask };

package/dist/components/text-mask/text-mask.js

@@ -0,0 +1,2 @@
+import { t as SigveloTextMask } from "../../text-mask-DDEurj90.js";
+export { SigveloTextMask };

package/dist/components/timed-content/timed-content.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTimedContent } from "../../timed-content-D2mGFamc.js";
+export { SigveloTimedContent };

package/dist/components/timed-content/timed-content.js

@@ -0,0 +1,2 @@
+import { t as SigveloTimedContent } from "../../timed-content-pvEP4l5V.js";
+export { SigveloTimedContent };

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

@@ -0,0 +1,2 @@
+import { n as SigveloToast, t as CreateOptions } from "../../toast-cEBVK9NQ.js";
+export { CreateOptions, SigveloToast };

package/dist/components/toast/toast.js

@@ -0,0 +1,2 @@
+import { t as SigveloToast } from "../../toast-BnZaIg6Z.js";
+export { SigveloToast };

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

@@ -0,0 +1,2 @@
+import { t as SigveloToastItem } from "../../toast-item-BPpJT6vD.js";
+export { SigveloToastItem };

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

@@ -0,0 +1,2 @@
+import { t as SigveloToastItem } from "../../toast-item-IS8IFUEg.js";
+export { SigveloToastItem };

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

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

package/dist/components/toggle-icon/toggle-icon.js

@@ -0,0 +1,2 @@
+import { t as SigveloToggleIcon } from "../../toggle-icon-4oLDeEt4.js";
+export { SigveloToggleIcon };

package/dist/components/toggle-tag/toggle-tag.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloToggleTag } from "../../toggle-tag-IVvMGT4R.js";
+export { SigveloToggleTag };

package/dist/components/toggle-tag/toggle-tag.js

@@ -0,0 +1,2 @@
+import { t as SigveloToggleTag } from "../../toggle-tag-1sfTFJtg.js";
+export { SigveloToggleTag };

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloToolbar } from "../../toolbar-CABq0ZL1.js";
+export { SigveloToolbar };

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1,2 @@
+import { t as SigveloToolbar } from "../../toolbar-CEZ0-F-X.js";
+export { SigveloToolbar };

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloTooltip } from "../../tooltip-ahFthek8.js";
+export { SigveloTooltip };

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,2 @@
+import { t as SigveloTooltip } from "../../tooltip-DbyoPFNe.js";
+export { SigveloTooltip };

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

@@ -0,0 +1,2 @@
+import { t as SigveloTransitionGroup } from "../../transition-group-DD_CjSNC.js";
+export { SigveloTransitionGroup };

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

@@ -0,0 +1,2 @@
+import { t as SigveloTransitionGroup } from "../../transition-group-3hnAnwSd.js";
+export { SigveloTransitionGroup };

package/dist/components/zoomable-frame/zoomable-frame.d.ts

@@ -0,0 +1,2 @@
+import { t as SigveloZoomableFrame } from "../../zoomable-frame-r6S6587z.js";
+export { SigveloZoomableFrame };

package/dist/components/zoomable-frame/zoomable-frame.js

@@ -0,0 +1,2 @@
+import { t as SigveloZoomableFrame } from "../../zoomable-frame-Cldvj5sE.js";
+export { SigveloZoomableFrame };

package/dist/copy-CvC9vaGw.d.ts

@@ -0,0 +1,206 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
+
+//#region src/components/copy/copy.d.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>
+ * ```
+ */
+declare class SigveloCopy extends SigveloElement {
+  static styles: CSSResultGroup;
+  private localize;
+  private feedback;
+  /** The text content that will be copied to the clipboard. */
+  data: string | ClipboardItem[];
+  /** Disables the button. */
+  disabled: boolean;
+  /** The placement of the feedback animation. */
+  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-copy": SigveloCopy;
+  }
+}
+//#endregion
+export { SigveloCopy as t };