@cruglobal/cornerstone-components 0.1.0 → 0.1.2

package/dist/unbundled/chunks/chunk.BOAFK4Q5.js

@@ -0,0 +1,110 @@
+/*! Cornerstone Components 0.1.2 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/components/random-content/random-content.styles.ts
+import { css } from "lit";
+var random_content_styles_default = css`
+  :host {
+    display: contents;
+  }
+
+  /*
+   * Force-hide unselected children. A bare [hidden] (display: none from the UA sheet) loses to any
+   * author display set on the child — a utility class like .cs-flank, or a component's own
+   * :host display — so children with their own layout wouldn't actually hide without this.
+   */
+  ::slotted([hidden]) {
+    display: none !important;
+  }
+
+  /*
+   * @keyframes are defined in both document scope (random-content.ts) and here:
+   * Chromium resolves animation-name from the document for slotted elements;
+   * WebKit resolves it from the shadow root. Both copies are needed.
+   */
+
+  @keyframes cs-rc-fade {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes cs-rc-fade-up {
+    from {
+      opacity: 0;
+      transform: translateY(var(--animation-translate, 0.5em));
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes cs-rc-fade-down {
+    from {
+      opacity: 0;
+      transform: translateY(calc(-1 * var(--animation-translate, 0.5em)));
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes cs-rc-fade-left {
+    from {
+      opacity: 0;
+      transform: translateX(var(--animation-translate, 0.5em));
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes cs-rc-fade-right {
+    from {
+      opacity: 0;
+      transform: translateX(calc(-1 * var(--animation-translate, 0.5em)));
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  /* The JS already skips animations under reduced motion; this guards CSS-only consumers too. */
+  @media (prefers-reduced-motion: no-preference) {
+    ::slotted([data-cs-animation]) {
+      animation-duration: var(--animation-duration, 300ms);
+      animation-timing-function: var(--animation-easing, ease);
+      animation-fill-mode: both;
+    }
+
+    ::slotted([data-cs-animation='fade']) {
+      animation-name: cs-rc-fade;
+    }
+
+    ::slotted([data-cs-animation='fade-up']) {
+      animation-name: cs-rc-fade-up;
+    }
+
+    ::slotted([data-cs-animation='fade-down']) {
+      animation-name: cs-rc-fade-down;
+    }
+
+    ::slotted([data-cs-animation='fade-left']) {
+      animation-name: cs-rc-fade-left;
+    }
+
+    ::slotted([data-cs-animation='fade-right']) {
+      animation-name: cs-rc-fade-right;
+    }
+  }
+`;
+
+export {
+  random_content_styles_default
+};

package/dist/unbundled/chunks/chunk.BOKWWYHF.js

@@ -0,0 +1,25 @@
+/*! Cornerstone Components 0.1.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsTabGroup
+} from "./chunk.XMUGGMBK.js";
+
+// src/react/tab-group/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-tab-group";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsTabGroup,
+  react: React,
+  events: {
+    onCsTabShow: "cs-tab-show",
+    onCsTabHide: "cs-tab-hide"
+  },
+  displayName: "CsTabGroup"
+});
+var tab_group_default = reactWrapper;
+
+export {
+  tab_group_default
+};

package/dist/unbundled/chunks/chunk.BQLQFJ2Z.js

@@ -0,0 +1,377 @@
+/*! Cornerstone Components 0.1.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  page_mobile_styles_default
+} from "./chunk.L7TGLKJF.js";
+import {
+  page_styles_default
+} from "./chunk.PDC4D6RW.js";
+import {
+  visually_hidden_styles_default
+} from "./chunk.MTB2AZDY.js";
+import {
+  CornerstoneElement,
+  customElement
+} from "./chunk.MJGPJYHJ.js";
+import {
+  __decorateClass
+} from "./chunk.BGNVR6GC.js";
+
+// src/components/page/page.ts
+import { html, isServer } from "lit";
+import { property, query } from "lit/decorators.js";
+import { live } from "lit/directives/live.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { when } from "lit/directives/when.js";
+function toPx(value, element = document.documentElement) {
+  if (!Number.isNaN(Number(value))) {
+    return Number(value);
+  }
+  if (!window.CSS || !CSS.registerProperty) {
+    if (typeof value === "string" && value.endsWith("px")) {
+      return parseFloat(value);
+    }
+    return Number(value) || 0;
+  }
+  const resolver = "--cs-length-resolver";
+  if (!CSS.registerProperty.toString().includes(resolver)) {
+    try {
+      CSS.registerProperty({
+        name: resolver,
+        syntax: "<length>",
+        inherits: false,
+        initialValue: "0px"
+      });
+    } catch {
+    }
+  }
+  const previousValue = element.style.getPropertyValue(resolver);
+  element.style.setProperty(resolver, value);
+  const computedValue = getComputedStyle(element)?.getPropertyValue(resolver);
+  element.style.setProperty(resolver, previousValue);
+  if (computedValue?.endsWith("px")) {
+    return parseFloat(computedValue);
+  }
+  return Number(computedValue) || 0;
+}
+function toLength(px) {
+  return Number.isNaN(Number(px)) ? px : `${px}px`;
+}
+var CsPage = class extends CornerstoneElement {
+  constructor() {
+    super();
+    // SSR guard: ResizeObserver is not available during server-side rendering
+    this.headerResizeObserver = !isServer ? this.slotResizeObserver("header") : null;
+    this.subheaderResizeObserver = !isServer ? this.slotResizeObserver("subheader") : null;
+    this.bannerResizeObserver = !isServer ? this.slotResizeObserver("banner") : null;
+    this.footerResizeObserver = !isServer ? this.slotResizeObserver("footer") : null;
+    this.handleNavigationToggle = (e) => {
+      if (this.view === "desktop") {
+        this.hideNavigation();
+        return;
+      }
+      const path = e.composedPath();
+      const navigationToggleSlot = this.navigationToggleSlot;
+      if (path.find((el) => {
+        return el.hasAttribute?.("data-toggle-nav") || el.assignedSlot === navigationToggleSlot || el === navigationToggleSlot;
+      })) {
+        e.preventDefault();
+        this.toggleNavigation();
+      }
+    };
+    this.view = "desktop";
+    this.navOpen = false;
+    this.mobileBreakpoint = "768px";
+    this.navigationPlacement = "start";
+    this.disableNavigationToggle = false;
+    this.pageResizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver((entries) => {
+      requestAnimationFrame(() => {
+        for (const entry of entries) {
+          if (entry.contentBoxSize) {
+            const contentBoxSize = entry.borderBoxSize[0];
+            const pageWidth = contentBoxSize.inlineSize;
+            const oldView = this.view;
+            if (pageWidth >= toPx(this.mobileBreakpoint)) {
+              this.view = "desktop";
+            } else {
+              this.view = "mobile";
+            }
+            this.requestUpdate("view", oldView);
+          }
+        }
+      });
+    }) : null;
+    this.updateNavigationToggleState = (e) => {
+      if (e) {
+        const slotName = e.target.name;
+        if (!["navigation", "navigation-header", "navigation-footer"].includes(slotName)) {
+          return;
+        }
+      }
+      const hasCustomToggle = Boolean(this.querySelector(":not([slot='navigation-toggle']) [data-toggle-nav]"));
+      const hasNavigationContent = Boolean(this.querySelector('[slot="navigation"]')) || Boolean(this.querySelector('[slot="navigation-header"]')) || Boolean(this.querySelector('[slot="navigation-footer"]'));
+      this.disableNavigationToggle = hasCustomToggle || !hasNavigationContent;
+    };
+    if (!isServer) {
+      this.addEventListener("click", this.handleNavigationToggle);
+    }
+  }
+  slotResizeObserver(slot) {
+    return new ResizeObserver((entries) => {
+      requestAnimationFrame(() => {
+        for (const entry of entries) {
+          if (entry.contentBoxSize) {
+            const contentBoxSize = entry.borderBoxSize[0];
+            this.style.setProperty(`--${slot}-height`, `${Math.round(contentBoxSize.blockSize)}px`);
+          }
+        }
+      });
+    });
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("view")) {
+      this.hideNavigation();
+    }
+    super.updated(changedProperties);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!isServer) {
+      setTimeout(() => {
+        requestAnimationFrame(() => {
+          this.pageResizeObserver?.observe(this);
+          this.headerResizeObserver?.observe(this.header);
+          this.subheaderResizeObserver?.observe(this.subheader);
+          this.bannerResizeObserver?.observe(this.banner);
+          this.footerResizeObserver?.observe(this.footer);
+        });
+      });
+    }
+  }
+  /**
+   * https://stackoverflow.com/a/26831113
+   * This prevents awkward gaps when scrolling the page and the aside / menu don't "fill" the gaps.
+   */
+  visiblePixelsInViewport(element) {
+    if (!element) {
+      return null;
+    }
+    const elementHeight = element.clientHeight;
+    const windowHeight = window.innerHeight;
+    const rect = element.getBoundingClientRect?.();
+    if (!rect) {
+      return null;
+    }
+    const { top, bottom } = rect;
+    return Math.max(0, top > 0 ? Math.min(elementHeight, windowHeight - top) : Math.min(bottom, windowHeight));
+  }
+  firstUpdated(changedProperties) {
+    if (!document.getElementById("main-content")) {
+      const div = document.createElement("div");
+      div.id = "main-content";
+      div.slot = "skip-to-content-target";
+      this.prepend(div);
+    }
+    this.shadowRoot.addEventListener("slotchange", this.updateNavigationToggleState);
+    this.updateNavigationToggleState();
+    super.firstUpdated(changedProperties);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.pageResizeObserver?.unobserve(this);
+    this.headerResizeObserver?.unobserve(this.header);
+    this.subheaderResizeObserver?.unobserve(this.subheader);
+    this.footerResizeObserver?.unobserve(this.footer);
+    this.bannerResizeObserver?.unobserve(this.banner);
+  }
+  /**
+   * Shows the mobile navigation drawer
+   */
+  showNavigation() {
+    this.navOpen = true;
+  }
+  /**
+   * Hides the mobile navigation drawer
+   */
+  hideNavigation() {
+    this.navOpen = false;
+  }
+  /**
+   * Toggles the mobile navigation drawer
+   */
+  toggleNavigation() {
+    this.navOpen = !this.navOpen;
+  }
+  render() {
+    return html`
+      <a href="#main-content" part="skip-to-content" class="cs-visually-hidden">
+        <slot name="skip-to-content">Skip to content</slot>
+      </a>
+
+      <!-- unsafeHTML needed for SSR until this is solved: https://github.com/lit/lit/issues/4696 -->
+      ${unsafeHTML(`
+        <style id="mobile-styles">
+          ${page_mobile_styles_default(toLength(this.mobileBreakpoint))}
+        </style>
+      `)}
+
+      <div class="base" part="page">
+        <div class="banner" part="banner">
+          <slot name="banner"></slot>
+        </div>
+        <div class="header" part="header">
+          <slot name="navigation-toggle">
+            <cs-button part="navigation-toggle" size="s" appearance="plain" variant="neutral">
+              <slot name="navigation-toggle-icon">
+                <cs-icon name="menu" part="navigation-toggle-icon" label="Toggle navigation drawer"></cs-icon>
+              </slot>
+            </cs-button>
+          </slot>
+          <slot name="header"></slot>
+        </div>
+        <div class="subheader" part="subheader">
+          <slot name="subheader"></slot>
+        </div>
+        <div class="body" part="body">
+          <div class="menu" part="menu">
+            <slot name="menu">
+              <nav name="navigation" class="navigation" part="navigation navigation-desktop">
+                <!-- Add fallback divs so that CSS grid works properly. -->
+                <slot name="desktop-navigation-header">
+                  ${when(
+      this.view === "desktop",
+      () => html`<slot name="navigation-header"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+                </slot>
+                <slot name="desktop-navigation">
+                  ${when(
+      this.view === "desktop",
+      () => html`<slot name="navigation"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+                </slot>
+                <slot name="desktop-navigation-footer">
+                  ${when(
+      this.view === "desktop",
+      () => html`<slot name="navigation-footer"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+                </slot>
+              </nav>
+            </slot>
+          </div>
+          <div class="main" part="main">
+            <div class="main-header" part="main-header">
+              <slot name="main-header"></slot>
+            </div>
+            <div class="main-content" part="main-content">
+              <slot name="skip-to-content-target"></slot>
+              <slot></slot>
+            </div>
+            <div class="main-footer" part="main-footer">
+              <slot name="main-footer"></slot>
+            </div>
+          </div>
+          <div class="aside" part="aside">
+            <slot name="aside"></slot>
+          </div>
+        </div>
+        <div class="footer" part="footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+      <cs-drawer
+        part="drawer"
+        placement=${this.navigationPlacement}
+        light-dismiss
+        ?open=${live(this.navOpen)}
+        @cs-after-show=${() => this.navOpen = this.navigationDrawer.open}
+        @cs-after-hide=${() => this.navOpen = this.navigationDrawer.open}
+        exportparts="
+          dialog:drawer__dialog,
+          header:drawer__header,
+          header-actions:drawer__header-actions,
+          title:drawer__title,
+          close-button:drawer__close-button,
+          close-button__button:drawer__close-button__button,
+          body:drawer__body,
+          footer:drawer__footer
+        "
+        class="navigation-drawer"
+      >
+        <slot slot="label" part="navigation-header" name="mobile-navigation-header">
+          ${when(
+      this.view === "mobile",
+      () => html`<slot name="navigation-header"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+        </slot>
+        <slot name="mobile-navigation">
+          ${when(
+      this.view === "mobile",
+      () => html`<slot name="navigation"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+        </slot>
+
+        <slot slot="footer" name="mobile-navigation-footer">
+          ${when(
+      this.view === "mobile",
+      () => html`<slot part="navigation-footer" name="navigation-footer"><div></div></slot>`,
+      () => html`<div></div>`
+    )}
+        </slot>
+      </cs-drawer>
+    `;
+  }
+};
+CsPage.css = [visually_hidden_styles_default, page_styles_default];
+__decorateClass([
+  query("[part~='header']")
+], CsPage.prototype, "header", 2);
+__decorateClass([
+  query("[part~='menu']")
+], CsPage.prototype, "menu", 2);
+__decorateClass([
+  query("[part~='main']")
+], CsPage.prototype, "main", 2);
+__decorateClass([
+  query("[part~='aside']")
+], CsPage.prototype, "aside", 2);
+__decorateClass([
+  query("[part~='subheader']")
+], CsPage.prototype, "subheader", 2);
+__decorateClass([
+  query("[part~='footer']")
+], CsPage.prototype, "footer", 2);
+__decorateClass([
+  query("[part~='banner']")
+], CsPage.prototype, "banner", 2);
+__decorateClass([
+  query("[part~='drawer']")
+], CsPage.prototype, "navigationDrawer", 2);
+__decorateClass([
+  query("slot[name~='navigation-toggle']")
+], CsPage.prototype, "navigationToggleSlot", 2);
+__decorateClass([
+  property({ attribute: "view", reflect: true })
+], CsPage.prototype, "view", 2);
+__decorateClass([
+  property({ attribute: "nav-open", reflect: true, type: Boolean })
+], CsPage.prototype, "navOpen", 2);
+__decorateClass([
+  property({ attribute: "mobile-breakpoint", type: String })
+], CsPage.prototype, "mobileBreakpoint", 2);
+__decorateClass([
+  property({ attribute: "navigation-placement", reflect: true })
+], CsPage.prototype, "navigationPlacement", 2);
+__decorateClass([
+  property({ attribute: "disable-navigation-toggle", reflect: true, type: Boolean })
+], CsPage.prototype, "disableNavigationToggle", 2);
+CsPage = __decorateClass([
+  customElement("cs-page")
+], CsPage);
+
+export {
+  CsPage
+};

package/dist/unbundled/chunks/chunk.BUVBOS7Q.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.1.2 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsToastItem
+} from "./chunk.ZIVXPOG4.js";
+
+// src/react/toast-item/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "cs-toast-item";
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: CsToastItem,
+  react: React,
+  events: {
+    onCsShow: "cs-show",
+    onCsAfterShow: "cs-after-show",
+    onCsHide: "cs-hide",
+    onCsAfterHide: "cs-after-hide"
+  },
+  displayName: "CsToastItem"
+});
+var toast_item_default = reactWrapper;
+
+export {
+  toast_item_default
+};

package/dist/unbundled/chunks/chunk.BWFKXT2X.js

@@ -0,0 +1,37 @@
+/*! Cornerstone Components 0.1.2 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/components/icon/library.brands.ts
+function dataUri(svg) {
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+var icons = {
+  angular: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.712 17.711H7.288l-1.204 2.916L12 24l5.916-3.373-1.204-2.916ZM14.692 0l7.832 16.855.814-12.856L14.692 0ZM9.308 0 .662 3.999l.814 12.856L9.308 0Zm-.405 13.93h6.198L12 6.396 8.903 13.93Z"/></svg>`,
+  bluesky: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>`,
+  discord: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>`,
+  "font-awesome": `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.3934 4.5c.6837-.4317 1.1379-1.194 1.1379-2.0625C5.5313 1.0913 4.4398 0 3.0938 0 1.7475 0 .6563 1.0913.6563 2.4375c0 .7805.3668 1.4753.9375 1.9214V24h3v-3h17.5126c.6834 0 1.2373-.554 1.2373-1.2373a1.237 1.237 0 0 0-.1066-.5027l-2.8934-6.51 2.8934-6.51a1.237 1.237 0 0 0 .1066-.5026c0-.6834-.5539-1.2374-1.2373-1.2374Z"/></svg>`,
+  github: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>`,
+  mastodon: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg>`,
+  react: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"/></svg>`,
+  svelte: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"/></svg>`,
+  threads: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543 1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735.798.361 1.348 1.204 1.348 2.47 0 3.387-3.907 5.232-7.22 5.232-4.885 0-8.077-3.207-8.077-8.424 0-6.392 4.223-10.487 9.9-10.487 3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0 6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066 4.878 0 9.809-2.846 9.809-7.716 0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453 0-1.483 1.822-1.934 3.606-1.934.678 0 1.34.045 1.927.173-.422 1.927-1.671 3.215-3.508 3.214Z"/></svg>`,
+  vuejs: `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z"/></svg>`,
+  "x-twitter": `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"/></svg>`
+};
+var brandsLibrary = {
+  name: "brands",
+  resolver: (name) => {
+    const svg = icons[name];
+    return svg ? dataUri(svg) : "";
+  },
+  mutator: (svg) => {
+    if (!svg.hasAttribute("fill")) {
+      svg.setAttribute("fill", "currentColor");
+    }
+  }
+};
+var library_brands_default = brandsLibrary;
+
+export {
+  icons,
+  library_brands_default
+};