@cruglobal/cornerstone-components 0.1.2 → 0.6.1

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

@@ -0,0 +1,297 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  popover_styles_default
+} from "./chunk.PVGT2Z42.js";
+import {
+  CsShowEvent
+} from "./chunk.4TFLBLIK.js";
+import {
+  CsHideEvent
+} from "./chunk.ZNGY3YWP.js";
+import {
+  CsAfterHideEvent
+} from "./chunk.DTSB32OH.js";
+import {
+  CsAfterShowEvent
+} from "./chunk.5RX54WNG.js";
+import {
+  CsPopup
+} from "./chunk.XBSB37UX.js";
+import {
+  isTopDismissible,
+  registerDismissible,
+  unregisterDismissible
+} from "./chunk.D7SIEB3H.js";
+import {
+  uniqueId
+} from "./chunk.OZVYIFZB.js";
+import {
+  waitForEvent
+} from "./chunk.RHN3FOIX.js";
+import {
+  animateWithClass
+} from "./chunk.I6DUCETP.js";
+import {
+  e as e2
+} from "./chunk.YL2SORTA.js";
+import {
+  watch
+} from "./chunk.PGRLJT6U.js";
+import {
+  CornerstoneElement,
+  customElement,
+  e,
+  n,
+  r
+} from "./chunk.AWCR23QG.js";
+import {
+  b
+} from "./chunk.FQUMEV4X.js";
+import {
+  __decorateClass
+} from "./chunk.WA5AGEMP.js";
+
+// src/components/popover/popover.ts
+var openPopovers = /* @__PURE__ */ new Set();
+var CsPopover = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.anchor = null;
+    this.placement = "top";
+    this.open = false;
+    this.distance = 8;
+    this.skidding = 0;
+    this.for = null;
+    this.withoutArrow = false;
+    this.eventController = new AbortController();
+    this.handleAnchorClick = () => {
+      this.open = !this.open;
+    };
+    this.handleBodyClick = (event) => {
+      const target = event.target;
+      const button = target.closest('[data-popover="close"]');
+      if (button) {
+        event.stopPropagation();
+        this.open = false;
+      }
+    };
+    this.handleDocumentKeyDown = (event) => {
+      if (event.key === "Escape" && this.open && isTopDismissible(this)) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.open = false;
+        const anchor = this.anchor;
+        if (anchor && typeof anchor.focus === "function") {
+          anchor.focus({ preventScroll: true });
+        }
+      }
+    };
+    this.handleDocumentClick = (event) => {
+      if (this.anchor && event.composedPath().includes(this.anchor)) {
+        return;
+      }
+      if (!event.composedPath().includes(this)) {
+        this.open = false;
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.id) {
+      this.id = uniqueId("cs-popover-");
+    }
+    if (this.eventController.signal.aborted) {
+      this.eventController = new AbortController();
+    }
+    if (this.for && this.anchor) {
+      this.anchor = null;
+      this.handleForChange();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("keydown", this.handleDocumentKeyDown);
+    unregisterDismissible(this);
+    this.eventController.abort();
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    if (this.open) {
+      this.dialog.show();
+      this.popup.active = true;
+      this.popup.reposition();
+    }
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("open")) {
+      this.customStates.set("open", this.open);
+    }
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      const csShowEvent = new CsShowEvent();
+      this.dispatchEvent(csShowEvent);
+      if (csShowEvent.defaultPrevented) {
+        this.open = false;
+        return;
+      }
+      openPopovers.forEach((popover) => popover.open = false);
+      document.addEventListener("keydown", this.handleDocumentKeyDown, { signal: this.eventController.signal });
+      document.addEventListener("click", this.handleDocumentClick, { signal: this.eventController.signal });
+      this.dialog.setAttribute("open", "");
+      this.popup.active = true;
+      openPopovers.add(this);
+      registerDismissible(this);
+      requestAnimationFrame(() => {
+        const elementToFocus = this.querySelector("[autofocus]");
+        if (elementToFocus && typeof elementToFocus.focus === "function") {
+          elementToFocus.focus({ preventScroll: true });
+        } else {
+          this.dialog.focus({ preventScroll: true });
+        }
+      });
+      await animateWithClass(this.popup.popup, "show-with-scale");
+      this.popup.reposition();
+      this.dispatchEvent(new CsAfterShowEvent());
+    } else {
+      const csHideEvent = new CsHideEvent();
+      this.dispatchEvent(csHideEvent);
+      if (csHideEvent.defaultPrevented) {
+        this.open = true;
+        return;
+      }
+      document.removeEventListener("keydown", this.handleDocumentKeyDown);
+      document.removeEventListener("click", this.handleDocumentClick);
+      openPopovers.delete(this);
+      unregisterDismissible(this);
+      await animateWithClass(this.popup.popup, "hide-with-scale");
+      this.popup.active = false;
+      this.dialog.close();
+      this.dispatchEvent(new CsAfterHideEvent());
+    }
+  }
+  handleForChange() {
+    const rootNode = this.getRootNode();
+    if (!rootNode) {
+      return;
+    }
+    const newAnchor = this.for ? rootNode.getElementById(this.for) : null;
+    const oldAnchor = this.anchor;
+    if (newAnchor === oldAnchor) {
+      return;
+    }
+    const { signal } = this.eventController;
+    if (newAnchor) {
+      newAnchor.addEventListener("click", this.handleAnchorClick, { signal });
+    }
+    if (oldAnchor) {
+      oldAnchor.removeEventListener("click", this.handleAnchorClick);
+    }
+    this.anchor = newAnchor;
+    if (this.for && !newAnchor) {
+      console.warn(
+        `A popover was assigned to an element with an ID of "${this.for}" but the element could not be found.`,
+        this
+      );
+    }
+  }
+  async handleOptionsChange() {
+    if (this.hasUpdated) {
+      await this.updateComplete;
+      this.popup.reposition();
+    }
+  }
+  /** Shows the popover. */
+  async show() {
+    if (this.open) {
+      return void 0;
+    }
+    this.open = true;
+    return waitForEvent(this, "cs-after-show");
+  }
+  /** Hides the popover. */
+  async hide() {
+    if (!this.open) {
+      return void 0;
+    }
+    this.open = false;
+    return waitForEvent(this, "cs-after-hide");
+  }
+  render() {
+    return b`
+      <dialog part="dialog" class="dialog">
+        <cs-popup
+          part="popup"
+          exportparts="
+            popup:popup__popup,
+            arrow:popup__arrow
+          "
+          class=${e2({
+      popover: true,
+      "popover-open": this.open
+    })}
+          placement=${this.placement}
+          distance=${this.distance}
+          skidding=${this.skidding}
+          flip
+          shift
+          shift-padding="8"
+          ?arrow=${!this.withoutArrow}
+          .anchor=${this.anchor}
+        >
+          <div part="body" class="body" @click=${this.handleBodyClick}>
+            <slot></slot>
+          </div>
+        </cs-popup>
+      </dialog>
+    `;
+  }
+};
+CsPopover.css = popover_styles_default;
+CsPopover.dependencies = { "cs-popup": CsPopup };
+__decorateClass([
+  e("dialog")
+], CsPopover.prototype, "dialog", 2);
+__decorateClass([
+  e(".body")
+], CsPopover.prototype, "body", 2);
+__decorateClass([
+  e("cs-popup")
+], CsPopover.prototype, "popup", 2);
+__decorateClass([
+  r()
+], CsPopover.prototype, "anchor", 2);
+__decorateClass([
+  n()
+], CsPopover.prototype, "placement", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsPopover.prototype, "open", 2);
+__decorateClass([
+  n({ type: Number })
+], CsPopover.prototype, "distance", 2);
+__decorateClass([
+  n({ type: Number })
+], CsPopover.prototype, "skidding", 2);
+__decorateClass([
+  n()
+], CsPopover.prototype, "for", 2);
+__decorateClass([
+  n({ attribute: "without-arrow", type: Boolean, reflect: true })
+], CsPopover.prototype, "withoutArrow", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], CsPopover.prototype, "handleOpenChange", 1);
+__decorateClass([
+  watch("for")
+], CsPopover.prototype, "handleForChange", 1);
+__decorateClass([
+  watch(["distance", "placement", "skidding"])
+], CsPopover.prototype, "handleOptionsChange", 1);
+CsPopover = __decorateClass([
+  customElement("cs-popover")
+], CsPopover);
+
+export {
+  CsPopover
+};

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

@@ -0,0 +1,12 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/events/accordion-item-expanded.ts
+var CsAccordionItemExpandedEvent = class extends Event {
+  constructor() {
+    super("cs-accordion-item-expanded", { bubbles: false, cancelable: false, composed: false });
+  }
+};
+
+export {
+  CsAccordionItemExpandedEvent
+};

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

@@ -0,0 +1,27 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.O6TFOOQT.js";
+import {
+  CsToast
+} from "./chunk.CK3E6WFP.js";
+import {
+  __toESM
+} from "./chunk.WA5AGEMP.js";
+
+// src/react/toast/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-toast";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsToast,
+  react: React,
+  events: {},
+  displayName: "CsToast"
+});
+var toast_default = reactWrapper;
+
+export {
+  toast_default
+};

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

@@ -0,0 +1,37 @@
+/*! Cornerstone Components 0.6.1 - 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.ZNGY3YWP.js

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

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

@@ -0,0 +1,94 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.G7UCSRIQ.js";
+
+// src/components/copy-button/copy-button.styles.ts
+var copy_button_styles_default = i`
+  :host {
+    display: inline-block;
+    color: var(--cs-color-neutral-on-quiet);
+  }
+
+  .copy-button__trigger {
+    position: relative;
+  }
+
+  .button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: none;
+    border-radius: var(--cs-form-control-border-radius);
+    color: inherit;
+    font-size: inherit;
+    height: calc(var(--cs-form-control-height) * 0.8);
+    aspect-ratio: 1;
+    cursor: pointer;
+    transition-property: background-color, color;
+    transition-duration: var(--cs-transition-fast);
+    transition-timing-function: var(--cs-transition-easing);
+  }
+
+  @media (hover: hover) {
+    .button:hover:not([disabled]) {
+      background-color: var(--cs-color-neutral-fill-quiet);
+      color: color-mix(in oklab, currentColor, var(--cs-color-mix-hover));
+    }
+  }
+
+  .button:focus-visible:not([disabled]) {
+    background-color: var(--cs-color-neutral-fill-quiet);
+    color: color-mix(in oklab, currentColor, var(--cs-color-mix-hover));
+  }
+
+  .button:active:not([disabled]) {
+    color: color-mix(in oklab, currentColor, var(--cs-color-mix-active));
+  }
+
+  .button:focus-visible {
+    outline: var(--cs-focus-ring);
+    outline-offset: var(--cs-focus-ring-offset);
+  }
+
+  .button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed !important;
+  }
+
+  slot {
+    display: inline-flex;
+  }
+
+  /* Icon swap animation */
+  .show {
+    animation: copy-button-icon-show var(--cs-transition-fast) var(--cs-transition-easing);
+  }
+
+  .hide {
+    animation: copy-button-icon-show var(--cs-transition-fast) var(--cs-transition-easing) reverse;
+  }
+
+  @keyframes copy-button-icon-show {
+    from {
+      scale: 0.25;
+      opacity: 0.25;
+    }
+    to {
+      scale: 1;
+      opacity: 1;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .show,
+    .hide {
+      animation-duration: 1ms;
+    }
+  }
+`;
+
+export {
+  copy_button_styles_default
+};

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

@@ -0,0 +1,127 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  i
+} from "./chunk.G7UCSRIQ.js";
+
+// src/components/accordion-item/accordion-item.styles.ts
+var accordion_item_styles_default = i`
+  @layer cs-component {
+    :host {
+      --spacing: var(--cs-space-m);
+      --show-duration: var(--cs-transition-normal);
+      --hide-duration: var(--cs-transition-normal);
+      --easing: var(--cs-transition-easing);
+
+      display: block;
+    }
+
+    :host(:not(:first-child)) {
+      border-top: var(--cs-panel-border-width) var(--cs-panel-border-style) var(--cs-color-surface-border);
+    }
+
+    :host([appearance='filled']) {
+      background-color: var(--cs-color-neutral-fill-quiet);
+    }
+
+    :host([appearance='filled']:not(:first-child)) {
+      margin-block-start: var(--cs-panel-border-width);
+      border-top: none;
+    }
+
+    [part~='heading'] {
+      margin: 0;
+      font: inherit;
+    }
+
+    [part~='button'] {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing);
+      padding: var(--spacing);
+      width: 100%;
+      background: none;
+      border: none;
+      cursor: pointer;
+      text-align: start;
+      color: var(--cs-color-text-normal);
+      font: inherit;
+      font-weight: var(--cs-font-weight-semibold);
+
+      &:focus {
+        outline: none;
+      }
+
+      &:focus-visible {
+        outline: var(--cs-focus-ring);
+        /* Inset by the full ring width + offset so the parent's overflow:hidden doesn't clip it */
+        outline-offset: calc(0px - var(--cs-focus-ring-width) - var(--cs-focus-ring-offset));
+      }
+    }
+
+    /* Icon at end (default) */
+    :host([icon-placement='end']) [part~='button'] {
+      justify-content: space-between;
+    }
+
+    /* Icon at start */
+    :host([icon-placement='start']) [part~='button'] {
+      flex-direction: row-reverse;
+      justify-content: flex-end;
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    :host([disabled]) [part~='button'] {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    :host(:first-child) [part~='button'] {
+      border-top-left-radius: var(--cs-panel-border-radius);
+      border-top-right-radius: var(--cs-panel-border-radius);
+    }
+
+    :host(:last-child:not([expanded])) [part~='button'] {
+      border-bottom-left-radius: var(--cs-panel-border-radius);
+      border-bottom-right-radius: var(--cs-panel-border-radius);
+    }
+
+    [part~='icon'] {
+      flex: 0 0 auto;
+      display: flex;
+      align-items: center;
+      color: var(--cs-color-text-quiet);
+      transition: rotate var(--hide-duration) var(--easing);
+    }
+
+    :host([expanded]) [part~='icon'] {
+      rotate: 90deg;
+      transition-duration: var(--show-duration);
+    }
+
+    :host([expanded]:dir(rtl)) [part~='icon'] {
+      rotate: -90deg;
+    }
+
+    .body {
+      overflow: hidden;
+      color: var(--cs-color-text-quiet);
+    }
+
+    :host([expanded]) .body:not(.animating) {
+      overflow: visible;
+    }
+
+    .content {
+      display: block;
+      padding: 0 var(--spacing) var(--spacing);
+    }
+  }
+`;
+
+export {
+  accordion_item_styles_default
+};

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

@@ -0,0 +1,29 @@
+/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  o,
+  require_react
+} from "./chunk.O6TFOOQT.js";
+import {
+  CsIntersectionObserver
+} from "./chunk.OM6G2MZH.js";
+import {
+  __toESM
+} from "./chunk.WA5AGEMP.js";
+
+// src/react/intersection-observer/index.ts
+var React = __toESM(require_react(), 1);
+var tagName = "cs-intersection-observer";
+var reactWrapper = o({
+  tagName,
+  elementClass: CsIntersectionObserver,
+  react: React,
+  events: {
+    onCsIntersect: "cs-intersect"
+  },
+  displayName: "CsIntersectionObserver"
+});
+var intersection_observer_default = reactWrapper;
+
+export {
+  intersection_observer_default
+};