@ebrains/components 0.0.1-alpha.0

package/dist/esm/logo-wrong-usage.entry.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { x as hLogoColor } from './index-a9afa43f.js';
+
+const logoWrongUsageCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";
+
+const LogoWrongUsage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("ul", { key: '0cc57b3da3fe93da5d212efe04c5276588388b3c', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("span", { key: '3c3ef2133b759fd191ee78a28e91219677ddf6f3', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '2a6fff275d938440878a4303968b4d9ec51d1317', class: "example" }, h("div", { key: 'bb1a5e1d55c0faf369c8f8210e07f96991d03a7e', class: "bg-dark " }, h("div", { key: 'a15bfd5f135d36f8d7e142bebddef547d03e9106', class: "no-other-bg-color logo", innerHTML: hLogoColor })), h("p", { key: '9e9e8c6afb8a6f232ad940869c439b5385bab7f8', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), h("span", { key: 'a0262fc388cdb5bb479e8e19b452cb26d7ad50f4', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '38e0cae361c255a179fcd1e40034f09c7f68efdb', class: "example" }, h("div", { key: 'd86cd1dacf5be058fd7f55434c1c641975d7cff2', class: "no-other-color p-16" }, h("div", { key: 'e1bec738b42a1b7a69149cf7fab1aa83c67b71a6', class: "logo non-brand-color", innerHTML: hLogoColor })), h("p", { key: 'fe1f4b002855fbd9c85c3964bed82f7d3e8391d2', class: "f-ui-02" }, "Do not apply other colors"))), h("span", { key: '8f15d66b424bb696d11bbfd67260dab8235cca55', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '9802174be7268b50897eb8577e5f2a7e852146c9', class: "example" }, h("div", { key: 'c9004c582f5da37657181f13cf094193fd5ccd82', class: "bg-light p-16" }, h("div", { key: '0f9c62403a7e0621bc050e8682de264ea38dd252', class: "logo distorted", innerHTML: hLogoColor })), h("p", { key: '2f69f536dbe34278a08e6fa8b08fec081f398a6c', class: "f-ui-02" }, "Do not deform the logo"))), h("span", { key: 'a281c7860d69a146f3f9c4f747586b3720ab8c5f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '31768e18513607222c5f6e3761137279bf915db3', class: "example" }, h("div", { key: '8a8c6db62f993ed0faf09c52af76a60aa0abe595', class: "bg-white p-16" }, h("div", { key: '8584bada781120c4e8e6f78df096e2bf146a2932', class: "logo effects", innerHTML: hLogoColor })), h("p", { key: 'b39ce49cd867643dbdbd11553a842e4493d89e46', class: "f-ui-02" }, "Do not apply effects"))), h("span", { key: '08f767b3c8fca22783b19abfb153b5f137cf195b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '1d580e1a3d4b1ff8c599856ef93b8d0b15a690f3', class: "example" }, h("div", { key: 'be79457c738d824fa45f77bd5d8a6ec59144a2e6', class: "bg-white p-16" }, h("div", { key: 'b68491897de72c967d6f55e80b49ca9d38a61703', class: "logo rotated", innerHTML: hLogoColor })), h("p", { key: '48a366d2ebb4692755a50e869ea14db016bbf9e0', class: "f-ui-02" }, "Do not rotate the logo"))), h("span", { key: '90385d5ea27b23818c403afcdf4f66ab6e9ad4ee', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '092eb2ddb731efb0661d175cfd1bc9e62d0a56bf', class: "example" }, h("div", { key: '6c5193fa3e17537d7835e57b74d54502d82a4ab8', class: "bg-light p-16" }, h("div", { key: '3df00f23cfc582861a085d6c45ed749d89843701', class: "logo outlined", innerHTML: hLogoColor })), h("p", { key: '915bfa520f6d489f5700bdb1e708b53e9bde589a', class: "f-ui-02" }, "Do not apply outlines"))), h("span", { key: 'dfc1b5ba8f88c8697536aed0d1fa9693b97b655d', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), h("span", { key: '71c7ad168cc56681f365ec7741f86ea84b196dea', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'e81d58479a79dce6264b8c9723849e97bcb4af8d', class: "example" }, h("div", { key: 'ff81ea921d7807964af169993a10d67ad6f318ed', class: "bg-accent p-16" }, h("div", { key: 'c3fb1fe5e8df1b72d853b66649b7f272858976ed', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: 'ed303d7fd8674a0cdc8f93a247bd81a1cbdacacb', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
+    }
+};
+LogoWrongUsage.style = logoWrongUsageCss;
+
+export { LogoWrongUsage as logo_wrong_usage };

package/dist/esm/mastodon-3703ec61.js

@@ -0,0 +1,14 @@
+const mastodon = `  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M21.9193 5.8706C21.6112 3.50679 19.6155 1.64395 17.2497 1.28298C16.8506 1.22198 15.3383 1 11.8352 1H11.809C8.30489 1 7.55311 1.22198 7.15397 1.28298C4.85405 1.63395 2.75372 3.30781 2.24414 5.69961C1.99903 6.87751 1.97288 8.1834 2.01841 9.38129C2.08332 11.0991 2.09591 12.814 2.24704 14.5249C2.35152 15.6613 2.53379 16.7887 2.79247 17.8986C3.27687 19.9484 5.2377 21.6543 7.15881 22.3502C9.21565 23.076 11.4276 23.1965 13.547 22.6982C13.7802 22.6422 14.0108 22.5772 14.2387 22.5032C14.7532 22.3342 15.3567 22.1452 15.8004 21.8132C15.8065 21.8086 15.8115 21.8026 15.815 21.7956C15.8185 21.7887 15.8205 21.7811 15.8208 21.7732V20.1154C15.8206 20.1081 15.819 20.1009 15.8158 20.0943C15.8127 20.0878 15.8082 20.0821 15.8026 20.0776C15.797 20.073 15.7905 20.0699 15.7836 20.0683C15.7767 20.0667 15.7695 20.0668 15.7626 20.0684C14.4048 20.4032 13.0133 20.571 11.6172 20.5684C9.21459 20.5684 8.5684 19.3914 8.38335 18.9015C8.23462 18.4781 8.14016 18.0363 8.1024 17.5876C8.10203 17.5801 8.10338 17.5725 8.10632 17.5656C8.10927 17.5587 8.11378 17.5527 8.11943 17.5479C8.12511 17.5431 8.13178 17.5398 8.13892 17.5382C8.14605 17.5366 8.15346 17.5367 8.16054 17.5386C9.49581 17.8711 10.8646 18.0389 12.2382 18.0386C12.5685 18.0386 12.8979 18.0386 13.2283 18.0296C14.6098 17.9896 16.0659 17.9166 17.4251 17.6426C17.459 17.6356 17.4929 17.6296 17.522 17.6206C19.6659 17.1956 21.7062 15.8617 21.9135 12.484C21.9212 12.3511 21.9406 11.0911 21.9406 10.9532C21.9416 10.4842 22.0869 7.62644 21.9193 5.8706ZM18.6196 14.2989H16.3652V8.59936C16.3652 7.39947 15.8808 6.78751 14.8956 6.78751C13.8125 6.78751 13.2699 7.51144 13.2699 8.94134V12.0611H11.0291V8.94134C11.0291 7.51144 10.4856 6.78751 9.40254 6.78751C8.42308 6.78751 7.93384 7.39947 7.93286 8.59936V14.2989H5.68043V8.42636C5.68043 7.22647 5.97722 6.27321 6.57076 5.56661C7.18303 4.86168 7.98616 4.49971 8.98305 4.49971C10.1369 4.49971 11.0088 4.95766 11.5901 5.87259L12.151 6.84452L12.7129 5.87259C13.2942 4.95766 14.1661 4.49971 15.318 4.49971C16.3139 4.49971 17.117 4.86168 17.7312 5.56661C18.3248 6.27256 18.6215 7.22581 18.6215 8.42636L18.6196 14.2989Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { mastodon as m };

package/dist/esm/menu-340ea948.js

@@ -0,0 +1,11 @@
+const menu = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M2 5H18M2 10H18M2 15H18" stroke="currentColor" stroke-width="2" />
+  </svg>`;
+
+export { menu as m };

package/dist/esm/mono-53f70232.js

@@ -0,0 +1,11 @@
+const gitlabBlack = `
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
+<path
+    fill="currentColor"
+    d="m17.734 8.1-.022-.058-2.178-5.684a.568.568 0 0 0-.563-.356.583.583 0 0 0-.328.122.582.582 0 0 0-.193.294l-1.47 4.499H7.025l-1.47-4.5a.572.572 0 0 0-1.084-.06L2.289 8.04l-.022.057A4.044 4.044 0 0 0 3.61 12.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.673.673 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.046 4.046 0 0 0 1.34-4.668Z"
+/>
+</svg>
+
+`;
+
+export { gitlabBlack as g };

package/dist/esm/more-4449d549.js

@@ -0,0 +1,13 @@
+const more = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="4" cy="10" r="2" fill="currentColor" />
+    <circle cx="10" cy="10" r="2" fill="currentColor" />
+    <circle cx="16" cy="10" r="2" fill="currentColor" />
+  </svg>`;
+
+export { more as m };

package/dist/esm/search-fbcd79c2.js

@@ -0,0 +1,12 @@
+const search = `<svg
+width="20"
+height="20"
+viewBox="0 0 20 20"
+fill="none"
+xmlns="http://www.w3.org/2000/svg"
+>
+<circle cx="9" cy="9" r="5" stroke="currentColor" stroke-width="2" />
+<path d="M17 17L13 13" stroke="currentColor" stroke-width="2" />
+</svg>`;
+
+export { search as s };

package/dist/esm/shadow-css-423dab2c.js

@@ -0,0 +1,332 @@
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var safeSelector = (selector) => {
+  const placeholders = [];
+  let index = 0;
+  selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(keep);
+    index++;
+    return replaceBy;
+  });
+  const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(exp);
+    index++;
+    return pseudo + replaceBy;
+  });
+  const ss = {
+    content,
+    placeholders
+  };
+  return ss;
+};
+var restoreSafeSelector = (placeholders, content) => {
+  return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
+};
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
+var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
+var _polyfillHostRe = /-shadowcsshost/gim;
+var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var _colonSlottedRe = createSupportsRuleRe("::slotted");
+var _colonHostRe = createSupportsRuleRe(":host");
+var _colonHostContextRe = createSupportsRuleRe(":host-context");
+var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+var stripComments = (input) => {
+  return input.replace(_commentRe, "");
+};
+var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+var extractCommentsWithHash = (input) => {
+  return input.match(_commentWithHashRe) || [];
+};
+var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+var _curlyRe = /([{}])/g;
+var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
+var OPEN_CURLY = "{";
+var CLOSE_CURLY = "}";
+var BLOCK_PLACEHOLDER = "%BLOCK%";
+var processRules = (input, ruleCallback) => {
+  const inputWithEscapedBlocks = escapeBlocks(input);
+  let nextBlockIndex = 0;
+  return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+    const selector = m[2];
+    let content = "";
+    let suffix = m[4];
+    let contentPrefix = "";
+    if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
+      content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+      suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+      contentPrefix = "{";
+    }
+    const cssRule = {
+      selector,
+      content
+    };
+    const rule = ruleCallback(cssRule);
+    return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+  });
+};
+var escapeBlocks = (input) => {
+  const inputParts = input.split(_curlyRe);
+  const resultParts = [];
+  const escapedBlocks = [];
+  let bracketCount = 0;
+  let currentBlockParts = [];
+  for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+    const part = inputParts[partIndex];
+    if (part === CLOSE_CURLY) {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      currentBlockParts.push(part);
+    } else {
+      if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(""));
+        resultParts.push(BLOCK_PLACEHOLDER);
+        currentBlockParts = [];
+      }
+      resultParts.push(part);
+    }
+    if (part === OPEN_CURLY) {
+      bracketCount++;
+    }
+  }
+  if (currentBlockParts.length > 0) {
+    escapedBlocks.push(currentBlockParts.join(""));
+    resultParts.push(BLOCK_PLACEHOLDER);
+  }
+  const strEscapedBlocks = {
+    escapedString: resultParts.join(""),
+    blocks: escapedBlocks
+  };
+  return strEscapedBlocks;
+};
+var insertPolyfillHostInCssText = (cssText) => {
+  cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
+  return cssText;
+};
+var convertColonRule = (cssText, regExp, partReplacer) => {
+  return cssText.replace(regExp, (...m) => {
+    if (m[2]) {
+      const parts = m[2].split(",");
+      const r = [];
+      for (let i = 0; i < parts.length; i++) {
+        const p = parts[i].trim();
+        if (!p) break;
+        r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+      }
+      return r.join(",");
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+};
+var colonHostPartReplacer = (host, part, suffix) => {
+  return host + part.replace(_polyfillHost, "") + suffix;
+};
+var convertColonHost = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
+};
+var colonHostContextPartReplacer = (host, part, suffix) => {
+  if (part.indexOf(_polyfillHost) > -1) {
+    return colonHostPartReplacer(host, part, suffix);
+  } else {
+    return host + part + suffix + ", " + part + " " + host + suffix;
+  }
+};
+var convertColonSlotted = (cssText, slotScopeId) => {
+  const slotClass = "." + slotScopeId + " > ";
+  const selectors = [];
+  cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
+    if (m[2]) {
+      const compound = m[2].trim();
+      const suffix = m[3];
+      const slottedSelector = slotClass + compound + suffix;
+      let prefixSelector = "";
+      for (let i = m[4] - 1; i >= 0; i--) {
+        const char = m[5][i];
+        if (char === "}" || char === ",") {
+          break;
+        }
+        prefixSelector = char + prefixSelector;
+      }
+      const orgSelector = (prefixSelector + slottedSelector).trim();
+      const addedSelector = `${prefixSelector.trimEnd()}${slottedSelector.trim()}`.trim();
+      if (orgSelector !== addedSelector) {
+        const updatedSelector = `${addedSelector}, ${orgSelector}`;
+        selectors.push({
+          orgSelector,
+          updatedSelector
+        });
+      }
+      return slottedSelector;
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+  return {
+    selectors,
+    cssText
+  };
+};
+var convertColonHostContext = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
+};
+var convertShadowDOMSelectors = (cssText) => {
+  return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
+};
+var makeScopeMatcher = (scopeSelector2) => {
+  const lre = /\[/g;
+  const rre = /\]/g;
+  scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
+  return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
+};
+var selectorNeedsScoping = (selector, scopeSelector2) => {
+  const re = makeScopeMatcher(scopeSelector2);
+  return !re.test(selector);
+};
+var injectScopingSelector = (selector, scopingSelector) => {
+  return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
+    return before + scopingSelector + colon + after;
+  });
+};
+var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  _polyfillHostRe.lastIndex = 0;
+  if (_polyfillHostRe.test(selector)) {
+    const replaceBy = `.${hostSelector}`;
+    return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
+  }
+  return scopeSelector2 + " " + selector;
+};
+var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  const isRe = /\[is=([^\]]*)\]/g;
+  scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
+  const className = "." + scopeSelector2;
+  const _scopeSelectorPart = (p) => {
+    let scopedP = p.trim();
+    if (!scopedP) {
+      return "";
+    }
+    if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+      scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
+    } else {
+      const t = p.replace(_polyfillHostRe, "");
+      if (t.length > 0) {
+        scopedP = injectScopingSelector(t, className);
+      }
+    }
+    return scopedP;
+  };
+  const safeContent = safeSelector(selector);
+  selector = safeContent.content;
+  let scopedSelector = "";
+  let startIndex = 0;
+  let res;
+  const sep = /( |>|\+|~(?!=))\s*/g;
+  const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+  let shouldScope = !hasHost;
+  while ((res = sep.exec(selector)) !== null) {
+    const separator = res[1];
+    const part2 = selector.slice(startIndex, res.index).trim();
+    shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
+    const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+    scopedSelector += `${scopedPart} ${separator} `;
+    startIndex = sep.lastIndex;
+  }
+  const part = selector.substring(startIndex);
+  shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+  scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+  return restoreSafeSelector(safeContent.placeholders, scopedSelector);
+};
+var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
+  return selector.split(",").map((shallowPart) => {
+    if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
+      return shallowPart.trim();
+    }
+    if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
+      return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
+    } else {
+      return shallowPart.trim();
+    }
+  }).join(", ");
+};
+var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector) => {
+  return processRules(cssText, (rule) => {
+    let selector = rule.selector;
+    let content = rule.content;
+    if (rule.selector[0] !== "@") {
+      selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
+    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
+    }
+    const cssRule = {
+      selector: selector.replace(/\s{2,}/g, " ").trim(),
+      content
+    };
+    return cssRule;
+  });
+};
+var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
+  cssText = insertPolyfillHostInCssText(cssText);
+  cssText = convertColonHost(cssText);
+  cssText = convertColonHostContext(cssText);
+  const slotted = convertColonSlotted(cssText, slotScopeId);
+  cssText = slotted.cssText;
+  cssText = convertShadowDOMSelectors(cssText);
+  if (scopeId) {
+    cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
+  }
+  cssText = replaceShadowCssHost(cssText, hostScopeId);
+  cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
+  return {
+    cssText: cssText.trim(),
+    // We need to replace the shadow CSS host string in each of these selectors since we created
+    // them prior to the replacement happening in the components CSS text.
+    slottedSelectors: slotted.selectors.map((ref) => ({
+      orgSelector: replaceShadowCssHost(ref.orgSelector, hostScopeId),
+      updatedSelector: replaceShadowCssHost(ref.updatedSelector, hostScopeId)
+    }))
+  };
+};
+var replaceShadowCssHost = (cssText, hostScopeId) => {
+  return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+};
+var scopeCss = (cssText, scopeId) => {
+  const hostScopeId = scopeId + "-h";
+  const slotScopeId = scopeId + "-s";
+  const commentsWithHash = extractCommentsWithHash(cssText);
+  cssText = stripComments(cssText);
+  const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
+  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
+  scoped.slottedSelectors.forEach((slottedSelector) => {
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    cssText = cssText.replace(regex, slottedSelector.updatedSelector);
+  });
+  return cssText;
+};
+
+export { scopeCss };

package/dist/esm/success-443809da.js

@@ -0,0 +1,18 @@
+const success = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10C18 5.57714 14.4229 2 10 2Z"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+    <path d="M6 10.5L8.5 13L14 7.5" stroke="currentColor" stroke-width="2" />
+  </svg>`;
+
+export { success as s };

package/dist/esm/toastManager-b716afd8.js

@@ -0,0 +1,31 @@
+class ToastManager {
+    constructor() {
+        this.toastManagerElement = null;
+    }
+    /**
+     * Initialize the ToastManager with a reference to the `eds-toast-manager` component.
+     */
+    init(toastManagerElement) {
+        this.toastManagerElement = toastManagerElement;
+    }
+    /**
+     * Display a toast.
+     * @param message - The message to display.
+     * @param intent - The type of the toast ('success', 'error', 'warning', 'default').
+     */
+    show(message, intent = 'default') {
+        if (!this.toastManagerElement) {
+            // eslint-disable-next-line
+            console.error('ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.');
+            return;
+        }
+        const event = new CustomEvent('show-toast', {
+            detail: { message, intent }
+        });
+        this.toastManagerElement.dispatchEvent(event);
+    }
+}
+// Export a singleton instance
+const toast = new ToastManager();
+
+export { toast as t };