@cruglobal/cornerstone-components 0.6.1 → 0.7.0

package/dist/bundled/chunks/chunk.7KPUZSML.js

@@ -0,0 +1,92 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.4XDNAFUH.js";
+
+// src/components/tag/tag.styles.ts
+var tag_styles_default = i`
+  @layer cs-component {
+    :host {
+      display: inline-flex;
+      gap: 0.5em;
+      border-radius: var(--cs-border-radius-m);
+      align-items: center;
+      background-color: var(--cs-color-fill-quiet, var(--cs-color-neutral-fill-quiet));
+      border-color: var(--cs-color-border-normal, var(--cs-color-neutral-border-normal));
+      border-style: var(--cs-border-style);
+      border-width: var(--cs-border-width-s);
+      color: var(--cs-color-on-quiet, var(--cs-color-neutral-on-quiet));
+      font-size: inherit;
+      line-height: 1;
+      white-space: nowrap;
+      user-select: none;
+      -webkit-user-select: none;
+      height: calc(var(--cs-form-control-height) * 0.8);
+      line-height: calc(var(--cs-form-control-height) - var(--cs-form-control-border-width) * 2);
+      padding: 0 0.75em;
+    }
+
+    /* Appearance modifiers */
+    :host([appearance='outlined']) {
+      color: var(--cs-color-on-quiet, var(--cs-color-neutral-on-quiet));
+      background-color: transparent;
+      border-color: var(--cs-color-border-loud, var(--cs-color-neutral-border-loud));
+    }
+
+    :host([appearance='filled']) {
+      color: var(--cs-color-on-quiet, var(--cs-color-neutral-on-quiet));
+      background-color: var(--cs-color-fill-quiet, var(--cs-color-neutral-fill-quiet));
+      border-color: transparent;
+    }
+
+    :host([appearance='filled-outlined']) {
+      color: var(--cs-color-on-quiet, var(--cs-color-neutral-on-quiet));
+      background-color: var(--cs-color-fill-quiet, var(--cs-color-neutral-fill-quiet));
+      border-color: var(--cs-color-border-normal, var(--cs-color-neutral-border-normal));
+    }
+
+    :host([appearance='accent']) {
+      color: var(--cs-color-on-loud, var(--cs-color-neutral-on-loud));
+      background-color: var(--cs-color-fill-loud, var(--cs-color-neutral-fill-loud));
+      border-color: transparent;
+    }
+  }
+
+  .content {
+    font-size: var(--cs-font-size-smaller);
+  }
+
+  [part='remove-button'] {
+    line-height: 1;
+  }
+
+  [part='remove-button']::part(button) {
+    padding: 0;
+    height: 1em;
+    width: 1em;
+    color: currentColor;
+  }
+
+  @media (hover: hover) {
+    :host(:hover) > [part='remove-button']::part(button) {
+      background-color: transparent;
+      color: color-mix(in oklab, currentColor, var(--cs-color-mix-hover));
+    }
+  }
+
+  :host(:active) > [part='remove-button']::part(button) {
+    background-color: transparent;
+    color: color-mix(in oklab, currentColor, var(--cs-color-mix-active));
+  }
+
+  /*
+   * Pill modifier
+   */
+  :host([pill]) {
+    border-radius: var(--cs-border-radius-pill);
+  }
+`;
+
+export {
+  tag_styles_default
+};

package/dist/bundled/chunks/chunk.7PV3Z45T.js

@@ -0,0 +1,232 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsContentChangeEvent
+} from "./chunk.MQ3NE74T.js";
+import {
+  random_content_styles_default
+} from "./chunk.K2Z5GJKU.js";
+import {
+  visually_hidden_styles_default
+} from "./chunk.VBNHA2WB.js";
+import {
+  AutoplayController
+} from "./chunk.VD4V5FQ5.js";
+import {
+  prefersReducedMotion
+} from "./chunk.CKMYRTBN.js";
+import {
+  watch
+} from "./chunk.N6DONW5L.js";
+import {
+  CornerstoneElement,
+  customElement,
+  n,
+  r
+} from "./chunk.6GJWBDJU.js";
+import {
+  b
+} from "./chunk.IPM67WBE.js";
+import {
+  __decorateClass
+} from "./chunk.4QJR2RKX.js";
+
+// src/components/random-content/random-content.ts
+if (typeof document !== "undefined") {
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(`
+    @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); }
+    }
+  `);
+  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+}
+var CsRandomContent = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.sequenceCursor = 0;
+    this.uniqueQueue = [];
+    this.currentSelection = /* @__PURE__ */ new Set();
+    this.isInitialSelection = true;
+    this.autoplayController = new AutoplayController(this, () => this.randomize());
+    // Tracks the pending "clear animation attribute" listener per child so rapid re-animation
+    // (e.g. fast autoplay) doesn't stack listeners — `cancel()` fires `animationcancel`, not the
+    // `animationend` the listener waits for, so it wouldn't otherwise be removed.
+    this.animationCleanups = /* @__PURE__ */ new WeakMap();
+    this.liveAnnouncement = "";
+    this.items = 1;
+    this.mode = "unique";
+    this.autoplay = false;
+    this.autoplayInterval = 3e3;
+    this.animation = "none";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.hasUpdated) {
+      this.syncAutoplay();
+    }
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this.syncAutoplay();
+  }
+  handleAutoplayChange() {
+    this.syncAutoplay();
+  }
+  handleModeChange() {
+    this.sequenceCursor = 0;
+    this.uniqueQueue = [];
+    this.currentSelection.clear();
+    this.randomize();
+  }
+  handleItemsChange() {
+    this.uniqueQueue = [];
+    this.randomize();
+  }
+  /** Selects a new set of children using the current mode. Returns the elements now shown. */
+  randomize() {
+    const children = this.assignedChildren();
+    if (!children.length) {
+      return [];
+    }
+    const count = Math.min(Math.max(1, this.items), children.length);
+    let selected;
+    if (this.mode === "sequence") {
+      selected = [];
+      Array.from({ length: count }).forEach((_, i) => {
+        selected.push(children[(this.sequenceCursor + i) % children.length]);
+      });
+      this.sequenceCursor = (this.sequenceCursor + count) % children.length;
+    } else if (this.mode === "unique") {
+      if (this.uniqueQueue.length < count) {
+        const queued = new Set(this.uniqueQueue);
+        const rest = children.filter((c) => !this.currentSelection.has(c) && !queued.has(c));
+        const current = children.filter((c) => this.currentSelection.has(c) && !queued.has(c));
+        this.uniqueQueue.push(...this.sample(rest, rest.length), ...this.sample(current, current.length));
+        if (this.uniqueQueue.length < count) {
+          this.uniqueQueue = this.sample([...children], children.length);
+        }
+      }
+      selected = this.uniqueQueue.splice(0, count);
+      this.currentSelection = new Set(selected);
+    } else {
+      const pool = children.filter((c) => !this.currentSelection.has(c));
+      selected = this.sample(pool.length >= count ? pool : children, count);
+      this.currentSelection = new Set(selected);
+    }
+    const firstShown = selected[0];
+    const lastShown = selected[selected.length - 1];
+    children.forEach((el) => {
+      const htmlEl = el;
+      const isSelected = selected.includes(el);
+      delete htmlEl.dataset["csAnimation"];
+      htmlEl.style.display = "";
+      htmlEl.hidden = !isSelected;
+      htmlEl.style.marginBlockStart = isSelected && el === firstShown ? "0" : "";
+      htmlEl.style.marginBlockEnd = isSelected && el === lastShown ? "0" : "";
+    });
+    if (this.animation !== "none" && !prefersReducedMotion()) {
+      selected.forEach((el) => {
+        const htmlEl = el;
+        if (this.animation !== "fade" && getComputedStyle(el).display === "inline") {
+          htmlEl.style.display = "inline-block";
+        }
+        el.getAnimations().forEach((a) => a.cancel());
+        htmlEl.dataset["csAnimation"] = this.animation;
+        this.animationCleanups.get(el)?.abort();
+        const cleanup = new AbortController();
+        this.animationCleanups.set(el, cleanup);
+        htmlEl.addEventListener("animationend", () => delete htmlEl.dataset["csAnimation"], {
+          once: true,
+          signal: cleanup.signal
+        });
+      });
+    }
+    if (this.isInitialSelection) {
+      this.isInitialSelection = false;
+    } else {
+      this.liveAnnouncement = selected.map((el) => el.textContent?.trim()).filter(Boolean).join(", ");
+    }
+    this.dispatchEvent(new CsContentChangeEvent({ items: selected }));
+    return selected;
+  }
+  syncAutoplay() {
+    this.autoplayController.stop();
+    if (this.autoplay && this.autoplayInterval > 0) {
+      this.autoplayController.start(this.autoplayInterval);
+    }
+  }
+  assignedChildren() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    return slot?.assignedElements() ?? [];
+  }
+  // Fisher-Yates partial shuffle — picks `count` unique items from `pool`.
+  sample(pool, count) {
+    const arr = [...pool];
+    Array.from({ length: count }).forEach((_, i) => {
+      const j = i + Math.floor(Math.random() * (arr.length - i));
+      [arr[i], arr[j]] = [arr[j], arr[i]];
+    });
+    return arr.slice(0, count);
+  }
+  handleSlotChange() {
+    this.randomize();
+  }
+  render() {
+    return b`
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      <div class="cs-visually-hidden" role="status" aria-live="polite" aria-atomic="true">${this.liveAnnouncement}</div>
+    `;
+  }
+};
+CsRandomContent.css = [random_content_styles_default, visually_hidden_styles_default];
+__decorateClass([
+  r()
+], CsRandomContent.prototype, "liveAnnouncement", 2);
+__decorateClass([
+  n({ type: Number })
+], CsRandomContent.prototype, "items", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsRandomContent.prototype, "mode", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsRandomContent.prototype, "autoplay", 2);
+__decorateClass([
+  n({ type: Number, attribute: "autoplay-interval" })
+], CsRandomContent.prototype, "autoplayInterval", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsRandomContent.prototype, "animation", 2);
+__decorateClass([
+  watch(["autoplay", "autoplayInterval"], { waitUntilFirstUpdate: true })
+], CsRandomContent.prototype, "handleAutoplayChange", 1);
+__decorateClass([
+  watch("mode", { waitUntilFirstUpdate: true })
+], CsRandomContent.prototype, "handleModeChange", 1);
+__decorateClass([
+  watch("items", { waitUntilFirstUpdate: true })
+], CsRandomContent.prototype, "handleItemsChange", 1);
+CsRandomContent = __decorateClass([
+  customElement("cs-random-content")
+], CsRandomContent);
+
+export {
+  CsRandomContent
+};

package/dist/bundled/chunks/chunk.7Q3YWRM3.js

@@ -0,0 +1,32 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.VQJXWKQY.js";
+import {
+  CsDetails
+} from "./chunk.SMW62J3B.js";
+import {
+  __toESM
+} from "./chunk.4QJR2RKX.js";
+
+// src/react/details/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-details";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsDetails,
+  react: React,
+  events: {
+    onCsShow: "cs-show",
+    onCsAfterShow: "cs-after-show",
+    onCsHide: "cs-hide",
+    onCsAfterHide: "cs-after-hide"
+  },
+  displayName: "CsDetails"
+});
+var details_default = reactWrapper;
+
+export {
+  details_default
+};

package/dist/bundled/chunks/chunk.7QQM6UAP.js

@@ -0,0 +1,29 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.VQJXWKQY.js";
+import {
+  CsButton
+} from "./chunk.O2UDUBU6.js";
+import {
+  __toESM
+} from "./chunk.4QJR2RKX.js";
+
+// src/react/button/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-button";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsButton,
+  react: React,
+  events: {
+    onCsInvalid: "cs-invalid"
+  },
+  displayName: "CsButton"
+});
+var button_default = reactWrapper;
+
+export {
+  button_default
+};

package/dist/bundled/chunks/chunk.A5KGZILC.js

@@ -0,0 +1,85 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.4XDNAFUH.js";
+
+// src/components/spinner/spinner.styles.ts
+var spinner_styles_default = i`
+  :host {
+    --track-width: 2px;
+    --track-color: var(--cs-color-neutral-fill-normal);
+    --indicator-color: var(--cs-color-brand-fill-loud);
+    --speed: 2s;
+    --size: 1em;
+
+    /*
+      Resizing a spinner element using anything but font-size will break the animation because the animation uses em
+      units. Therefore, if a spinner is used in a flex container without \`flex: none\` applied, the spinner can
+      grow/shrink and break the animation. The use of \`flex: none\` on the host element prevents this by always having
+      the spinner sized according to its actual dimensions.
+    */
+    flex: none;
+    display: inline-flex;
+    width: var(--size);
+    height: var(--size);
+  }
+
+  svg {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: 1;
+    animation: spin var(--speed) linear infinite;
+  }
+
+  .track,
+  .indicator {
+    --radius: calc(var(--size) / 2 - var(--track-width) / 2);
+    --circumference: calc(var(--radius) * 2 * 3.141592654);
+
+    cx: calc(var(--size) / 2);
+    cy: calc(var(--size) / 2);
+    r: var(--radius);
+    fill: none;
+    stroke-width: var(--track-width);
+  }
+
+  .track {
+    stroke: var(--track-color);
+  }
+
+  .indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: calc(0.597 * var(--circumference)), calc(0.796 * var(--circumference));
+    stroke-dashoffset: calc(-0.04 * var(--circumference));
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes dash {
+    0% {
+      stroke-dasharray: calc(0.008 * var(--circumference)), calc(1.194 * var(--circumference));
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference));
+      stroke-dashoffset: calc(-0.278 * var(--circumference));
+    }
+    100% {
+      stroke-dasharray: calc(0.716 * var(--circumference)), calc(1.194 * var(--circumference));
+      stroke-dashoffset: calc(-0.987 * var(--circumference));
+    }
+  }
+`;
+
+export {
+  spinner_styles_default
+};

package/dist/bundled/chunks/chunk.A6PE2BDS.js

@@ -0,0 +1,37 @@
+/*! Cornerstone Components 0.7.0 - 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
+};

package/dist/bundled/chunks/chunk.AC2WSJSV.js

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.VQJXWKQY.js";
+import {
+  CsTab
+} from "./chunk.BDNLTHZP.js";
+import {
+  __toESM
+} from "./chunk.4QJR2RKX.js";
+
+// src/react/tab/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-tab";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsTab,
+  react: React,
+  events: {},
+  displayName: "CsTab"
+});
+var tab_default = reactWrapper;
+
+export {
+  tab_default
+};

package/dist/bundled/chunks/chunk.ACQ4DOSG.js

@@ -0,0 +1,13 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/events/slide-change.ts
+var CsSlideChangeEvent = class extends Event {
+  constructor(detail) {
+    super("cs-slide-change", { bubbles: true, cancelable: false, composed: true });
+    this.detail = detail;
+  }
+};
+
+export {
+  CsSlideChangeEvent
+};