@mcp-b/web-components 0.2.5 → 0.2.7

package/dist/{dropdown-BXSKpVX9.js → dropdown-DM4tlF_p.js}

@@ -1,6 +1,6 @@
 import { Localize } from "./utilities/localize.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./dropdown-item-i77cRuN6.js";
+import "./dropdown-item-D8cgfO7m.js";
 import { css, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{dropdown-item-i77cRuN6.js → dropdown-item-D8cgfO7m.js}

@@ -1,4 +1,4 @@
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{file-input-BEumLJjg.js → file-input-vZFm22Lo.js}

@@ -1,7 +1,7 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./button-5k_aL_gD.js";
+import "./button-gg3JJxQZ.js";
 import { css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{filter-bar-Dcs67aXo.js → filter-bar-DJuDlx5f.js}

@@ -1,5 +1,5 @@
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./text-field-inpJfp0A.js";
+import "./text-field-Cznb4Afc.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{icon-BPVkNsY4.js → icon-Df0H7LYB.js}

@@ -40,6 +40,21 @@ var icon_styles_default = css`
 * subsequent requests load faster.
 */
 const requests = /* @__PURE__ */ new Map();
+/** Data URLs already contain the complete icon. Reading them through fetch()
+* needlessly turns a local asset into a connect-src request, which breaks in
+* intentionally network-inert sandboxes. */
+function readSvgDataUrl(url) {
+	if (!url.toLowerCase().startsWith("data:image/svg+xml")) return void 0;
+	const separator = url.indexOf(",");
+	if (separator < 0) return void 0;
+	const metadata = url.slice(5, separator).toLowerCase().split(";");
+	const payload = url.slice(separator + 1);
+	try {
+		return metadata.includes("base64") ? atob(payload.replaceAll(/\s/gu, "")) : decodeURIComponent(payload);
+	} catch {
+		return;
+	}
+}
 /**
 * <sigvelo-icon>
 *
@@ -128,9 +143,10 @@ var SigveloIcon = class extends SigveloElement {
 		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);
+			const inlineSvg = readSvgDataUrl(url);
+			if (!inlineSvg && !requests.has(url)) requests.set(url, fetch(url, { mode: "cors" }).then((res) => res.text()));
+			const responseText = inlineSvg ?? await requests.get(url);
 			svg = new DOMParser().parseFromString(responseText, "text/html").querySelector("svg");
 			svg?.part.add("svg");
 		} catch {

package/dist/index.js

@@ -1,50 +1,50 @@
 import "./translations/en.js";
 import { registerIconLibrary, unregisterIconLibrary } from "./utilities/icon-library.js";
-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 SigveloIcon } from "./icon-Df0H7LYB.js";
+import { t as SigveloAccordionItem } from "./accordion-item-pRZLJCt2.js";
+import { t as SigveloAccordion } from "./accordion-C0iq5HFu.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 SigveloAvatar } from "./avatar-DAnSybDZ.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 SigveloButton } from "./button-gg3JJxQZ.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 SigveloCarousel } from "./carousel-XopKISBQ.js";
+import { t as SigveloCheckbox } from "./checkbox-C96lUDIM.js";
 import { t as SigveloCheckboxGroup } from "./checkbox-group-CLvNAO_F.js";
 import { SigveloCopy } from "./components/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 SigveloTextField } from "./text-field-Cznb4Afc.js";
+import { t as SigveloColorPicker } from "./color-picker-BYyZavkT.js";
+import { t as SigveloColorInput } from "./color-input-Gae_-9w-.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 SigveloCombobox } from "./combobox-iERnTD3A.js";
+import { t as SigveloComparison } from "./comparison-HJ1Zedhs.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 SigveloDropdownItem } from "./dropdown-item-D8cgfO7m.js";
+import { t as SigveloDropdown } from "./dropdown-DM4tlF_p.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 SigveloFileInput } from "./file-input-vZFm22Lo.js";
+import { n as SigveloFilterChangeEvent, t as SigveloFilterBar } from "./filter-bar-DJuDlx5f.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 SigveloListboxItem } from "./listbox-item-CwbjHZIu.js";
+import { t as SigveloListbox } from "./listbox-B0geidHW.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-xGnpnmNP.js";
@@ -52,13 +52,13 @@ import { t as SigveloMetricGrid } from "./metric-grid-YWGxI1F5.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 SigveloNumberField } from "./number-field-BGH7JtNf.js";
+import { t as SigveloPagination } from "./pagination-CrTQnuNW.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 SigveloRadioItem } from "./radio-item-BlhFgXsU.js";
+import { t as SigveloRadio } from "./radio-8UZAUYXt.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";
@@ -68,23 +68,23 @@ 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 SigveloSlideActivator } from "./slide-activator-Dm1EvZtL.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 SigveloSwitch } from "./switch-D0hWr37A.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 SigveloToastItem } from "./toast-item-CGvz92Qk.js";
 import { t as SigveloTransitionGroup } from "./transition-group-3hnAnwSd.js";
-import { t as SigveloToast } from "./toast-BnZaIg6Z.js";
+import { t as SigveloToast } from "./toast-DgkBQzQC.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";
+import { t as SigveloZoomableFrame } from "./zoomable-frame-DxcjLGcF.js";
 import "./components/index.js";
 import { allDefined } from "@mcp-b/wc-support/utilities/defined";
 import { getLibraryPath, setLibraryPath } from "@mcp-b/wc-support/utilities/library";

package/dist/{listbox-C3XXRWGX.js → listbox-B0geidHW.js}

@@ -1,6 +1,6 @@
 import { Localize } from "./utilities/localize.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./listbox-item-CwD9s3VY.js";
+import "./listbox-item-CwbjHZIu.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{listbox-item-CwD9s3VY.js → listbox-item-CwbjHZIu.js}

@@ -1,4 +1,4 @@
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";

package/dist/{number-field-BQHB7UYo.js → number-field-BGH7JtNf.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{pagination-DuKPuzdb.js → pagination-CrTQnuNW.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css } from "lit";
 import { property } from "lit/decorators.js";

package/dist/{radio-BtDG9xJM.js → radio-8UZAUYXt.js}

@@ -1,5 +1,5 @@
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./radio-item-DIrUStAX.js";
+import "./radio-item-BlhFgXsU.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import hostStyles from "@mcp-b/wc-support/styles/host.styles";

package/dist/{radio-item-DIrUStAX.js → radio-item-BlhFgXsU.js}

@@ -1,4 +1,4 @@
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/{slide-activator-DlxQt9R9.js → slide-activator-Dm1EvZtL.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{switch-CPaEKbog.js → switch-D0hWr37A.js}

@@ -1,4 +1,4 @@
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{text-field-inpJfp0A.js → text-field-Cznb4Afc.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{toast-BnZaIg6Z.js → toast-DgkBQzQC.js}

@@ -1,5 +1,5 @@
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import "./toast-item-IS8IFUEg.js";
+import "./toast-item-CGvz92Qk.js";
 import "./transition-group-3hnAnwSd.js";
 import { css, html, render } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/{toast-item-IS8IFUEg.js → toast-item-CGvz92Qk.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import "./progress-DzVk260j.js";
 import { css, html } from "lit";

package/dist/types/custom-element-jsx.d.ts

@@ -13673,6 +13673,20 @@ declare module "react" {
   export interface CSSProperties extends CustomCssProperties {}
 }
 
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "react/jsx-dev-runtime" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
 declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}

package/dist/{zoomable-frame-Cldvj5sE.js → zoomable-frame-DxcjLGcF.js}

@@ -1,5 +1,5 @@
 import { Localize } from "./utilities/localize.js";
-import "./icon-BPVkNsY4.js";
+import "./icon-Df0H7LYB.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { css, html } from "lit";
 import { property, query } from "lit/decorators.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/web-components",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Sigvelo SaaS web components built with Lit.",
   "keywords": [
     "custom-elements",
@@ -35,35 +35,35 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^4.2.0",
-    "@floating-ui/dom": "^1.7.6",
-    "lit": "^3.3.2",
-    "lit-html": "^3.3.2",
-    "@mcp-b/wc-support": "0.2.3"
+    "@floating-ui/dom": "^1.8.0",
+    "lit": "^3.3.3",
+    "lit-html": "^3.3.3",
+    "@mcp-b/wc-support": "0.2.4"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.11.1",
-    "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@playwright/test": "~1.61.0",
-    "@storybook/addon-a11y": "^10.5.2",
-    "@storybook/addon-docs": "^10.5.2",
-    "@storybook/addon-vitest": "^10.5.2",
-    "@storybook/web-components-vite": "10.5.2",
+    "@axe-core/playwright": "^4.12.1",
+    "@custom-elements-manifest/analyzer": "^0.10.10",
+    "@playwright/test": "~1.61.1",
+    "@storybook/addon-a11y": "^10.5.7",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-vitest": "^10.5.7",
+    "@storybook/web-components-vite": "10.5.7",
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
-    "@wc-toolkit/cem-inheritance": "^1.2.2",
+    "@wc-toolkit/cem-inheritance": "^1.2.5",
     "@wc-toolkit/cem-sorter": "^1.0.1",
-    "@wc-toolkit/cem-utilities": "^1.5.4",
+    "@wc-toolkit/cem-utilities": "^1.6.0",
     "@wc-toolkit/cem-validator": "^1.3.0",
-    "@wc-toolkit/jsdoc-tags": "^1.1.0",
-    "@wc-toolkit/jsx-types": "^1.3.0",
+    "@wc-toolkit/jsdoc-tags": "^1.2.1",
+    "@wc-toolkit/jsx-types": "^1.7.1",
     "@wc-toolkit/lazy-loader": "^1.0.1",
-    "@wc-toolkit/type-parser": "^1.2.0",
-    "playwright": "~1.61.0",
-    "storybook": "^10.5.2",
-    "tinyglobby": "^0.2.15",
+    "@wc-toolkit/type-parser": "^1.3.1",
+    "playwright": "~1.61.1",
+    "storybook": "^10.5.7",
+    "tinyglobby": "^0.2.17",
     "typescript": "^6.0.3",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
-    "vite-plugin-static-copy": "^3.3.0",
+    "vite-plugin-static-copy": "^3.4.0",
     "vitest": "^4.1.10"
   },
   "customElements": "dist/docs/custom-elements.json",