@openelement/ui 0.41.0-alpha.1

package/src/open-brand-mark.js

@@ -0,0 +1,107 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-brand-mark
+ *
+ * Flat Aperture O brand mark shared by header, docs surfaces, and assets.
+ */ import { OpenElement } from '@openelement/element';
+import { StyleSheet } from '@openelement/core/style-sheet';
+export const tagName = 'open-brand-mark';
+const sheet = new StyleSheet();
+sheet.replaceSync(`
+  :host {
+    --mark-size: var(--size-10);
+    display: inline-grid;
+    width: var(--mark-size);
+    height: var(--mark-size);
+    flex: 0 0 auto;
+    vertical-align: middle;
+  }
+
+  :host([size="sm"]) { --mark-size: var(--size-8); }
+  :host([size="lg"]) { --mark-size: var(--size-12); }
+  :host([size="xl"]) { --mark-size: var(--size-16); }
+
+  .mark {
+    position: relative;
+    display: grid;
+    place-items: center;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border-radius: var(--radius-round);
+    background:
+      radial-gradient(circle at 50% 50%, var(--brand-mark-field, var(--bg-base)) 0 38%, transparent 39%),
+      conic-gradient(
+        from 218deg,
+        var(--brand-deep) 0 24%,
+        var(--brand) 24% 61%,
+        var(--brand-light) 61% 82%,
+        var(--brand-deep) 82% 100%
+      );
+  }
+
+  :host([tone="inverted"]) .mark {
+    --brand-mark-field: var(--gray-12);
+  }
+
+  .mark::before {
+    content: "";
+    position: absolute;
+    inset: 27%;
+    border: var(--border-size-1) solid color-mix(in srgb, var(--brand-light) 58%, var(--brand-mark-field, var(--bg-base)));
+    border-radius: var(--radius-round);
+    transform: rotate(-13deg);
+  }
+
+  .mark::after {
+    content: "";
+    position: absolute;
+    inset-inline-end: -2%;
+    inset-block-start: 7%;
+    width: 35%;
+    height: 44%;
+    border-radius: var(--radius-round) var(--radius-round) 0 0;
+    background: var(--brand-mark-field, var(--bg-base));
+    transform: rotate(24deg);
+  }
+
+  .boundary,
+  .route {
+    position: absolute;
+    inset-inline: 28% 22%;
+    height: var(--border-size-1);
+    border-radius: var(--radius-round);
+    background: var(--brand-deep);
+    z-index: 1;
+  }
+
+  .boundary { inset-block-start: 46%; }
+  .route {
+    inset-block-start: 57%;
+    background: var(--brand);
+  }
+
+  :host([size="sm"]) .boundary,
+  :host([size="sm"]) .route {
+    inset-inline: 30% 24%;
+  }
+`);
+export class OpenBrandMark extends OpenElement {
+  static styles = [
+    sheet
+  ];
+  static observedAttributes = [
+    'size',
+    'tone'
+  ];
+  render() {
+    return <span className='mark' part='mark' aria-hidden='true'>
+        <span className='boundary'></span>
+        <span className='route'></span>
+      </span>;
+  }
+}
+export default OpenBrandMark;
+if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+  customElements.define(tagName, OpenBrandMark);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9vcGVuZWxlbWVudC9vcGVuZWxlbWVudC9wYWNrYWdlcy91aS9zcmMvb3Blbi1icmFuZC1tYXJrLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAb3BlbmVsZW1lbnQvY29yZSAqL1xuLyoqXG4gKiBAb3BlbmVsZW1lbnQvdWkgLSBvcGVuLWJyYW5kLW1hcmtcbiAqXG4gKiBGbGF0IEFwZXJ0dXJlIE8gYnJhbmQgbWFyayBzaGFyZWQgYnkgaGVhZGVyLCBkb2NzIHN1cmZhY2VzLCBhbmQgYXNzZXRzLlxuICovXG5cbmltcG9ydCB7IE9wZW5FbGVtZW50IH0gZnJvbSAnQG9wZW5lbGVtZW50L2VsZW1lbnQnO1xuaW1wb3J0IHsgU3R5bGVTaGVldCwgdHlwZSBTdHlsZVNoZWV0TGlrZSB9IGZyb20gJ0BvcGVuZWxlbWVudC9jb3JlL3N0eWxlLXNoZWV0JztcblxuZXhwb3J0IGNvbnN0IHRhZ05hbWUgPSAnb3Blbi1icmFuZC1tYXJrJztcblxuY29uc3Qgc2hlZXQ6IFN0eWxlU2hlZXRMaWtlID0gbmV3IFN0eWxlU2hlZXQoKTtcbnNoZWV0LnJlcGxhY2VTeW5jKGBcbiAgOmhvc3Qge1xuICAgIC0tbWFyay1zaXplOiB2YXIoLS1zaXplLTEwKTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgICB3aWR0aDogdmFyKC0tbWFyay1zaXplKTtcbiAgICBoZWlnaHQ6IHZhcigtLW1hcmstc2l6ZSk7XG4gICAgZmxleDogMCAwIGF1dG87XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuXG4gIDpob3N0KFtzaXplPVwic21cIl0pIHsgLS1tYXJrLXNpemU6IHZhcigtLXNpemUtOCk7IH1cbiAgOmhvc3QoW3NpemU9XCJsZ1wiXSkgeyAtLW1hcmstc2l6ZTogdmFyKC0tc2l6ZS0xMik7IH1cbiAgOmhvc3QoW3NpemU9XCJ4bFwiXSkgeyAtLW1hcmstc2l6ZTogdmFyKC0tc2l6ZS0xNik7IH1cblxuICAubWFyayB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtcm91bmQpO1xuICAgIGJhY2tncm91bmQ6XG4gICAgICByYWRpYWwtZ3JhZGllbnQoY2lyY2xlIGF0IDUwJSA1MCUsIHZhcigtLWJyYW5kLW1hcmstZmllbGQsIHZhcigtLWJnLWJhc2UpKSAwIDM4JSwgdHJhbnNwYXJlbnQgMzklKSxcbiAgICAgIGNvbmljLWdyYWRpZW50KFxuICAgICAgICBmcm9tIDIxOGRlZyxcbiAgICAgICAgdmFyKC0tYnJhbmQtZGVlcCkgMCAyNCUsXG4gICAgICAgIHZhcigtLWJyYW5kKSAyNCUgNjElLFxuICAgICAgICB2YXIoLS1icmFuZC1saWdodCkgNjElIDgyJSxcbiAgICAgICAgdmFyKC0tYnJhbmQtZGVlcCkgODIlIDEwMCVcbiAgICAgICk7XG4gIH1cblxuICA6aG9zdChbdG9uZT1cImludmVydGVkXCJdKSAubWFyayB7XG4gICAgLS1icmFuZC1tYXJrLWZpZWxkOiB2YXIoLS1ncmF5LTEyKTtcbiAgfVxuXG4gIC5tYXJrOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiAyNyU7XG4gICAgYm9yZGVyOiB2YXIoLS1ib3JkZXItc2l6ZS0xKSBzb2xpZCBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYnJhbmQtbGlnaHQpIDU4JSwgdmFyKC0tYnJhbmQtbWFyay1maWVsZCwgdmFyKC0tYmctYmFzZSkpKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtcm91bmQpO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKC0xM2RlZyk7XG4gIH1cblxuICAubWFyazo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IC0yJTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogNyU7XG4gICAgd2lkdGg6IDM1JTtcbiAgICBoZWlnaHQ6IDQ0JTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtcm91bmQpIHZhcigtLXJhZGl1cy1yb3VuZCkgMCAwO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLW1hcmstZmllbGQsIHZhcigtLWJnLWJhc2UpKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgyNGRlZyk7XG4gIH1cblxuICAuYm91bmRhcnksXG4gIC5yb3V0ZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZTogMjglIDIyJTtcbiAgICBoZWlnaHQ6IHZhcigtLWJvcmRlci1zaXplLTEpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1yb3VuZCk7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tYnJhbmQtZGVlcCk7XG4gICAgei1pbmRleDogMTtcbiAgfVxuXG4gIC5ib3VuZGFyeSB7IGluc2V0LWJsb2NrLXN0YXJ0OiA0NiU7IH1cbiAgLnJvdXRlIHtcbiAgICBpbnNldC1ibG9jay1zdGFydDogNTclO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kKTtcbiAgfVxuXG4gIDpob3N0KFtzaXplPVwic21cIl0pIC5ib3VuZGFyeSxcbiAgOmhvc3QoW3NpemU9XCJzbVwiXSkgLnJvdXRlIHtcbiAgICBpbnNldC1pbmxpbmU6IDMwJSAyNCU7XG4gIH1cbmApO1xuXG5leHBvcnQgY2xhc3MgT3BlbkJyYW5kTWFyayBleHRlbmRzIE9wZW5FbGVtZW50IHtcbiAgc3RhdGljIG92ZXJyaWRlIHN0eWxlcyA9IFtzaGVldF07XG4gIHN0YXRpYyBvdmVycmlkZSBvYnNlcnZlZEF0dHJpYnV0ZXMgPSBbJ3NpemUnLCAndG9uZSddO1xuXG4gIG92ZXJyaWRlIHJlbmRlcigpOiBSZXR1cm5UeXBlPHR5cGVvZiBPcGVuRWxlbWVudC5wcm90b3R5cGUucmVuZGVyPiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT0nbWFyaycgcGFydD0nbWFyaycgYXJpYS1oaWRkZW49J3RydWUnPlxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9J2JvdW5kYXJ5Jz48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT0ncm91dGUnPjwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IE9wZW5CcmFuZE1hcms7XG5cbmlmICh0eXBlb2YgY3VzdG9tRWxlbWVudHMgIT09ICd1bmRlZmluZWQnICYmICFjdXN0b21FbGVtZW50cy5nZXQodGFnTmFtZSkpIHtcbiAgY3VzdG9tRWxlbWVudHMuZGVmaW5lKHRhZ05hbWUsIE9wZW5CcmFuZE1hcmspO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVDQUF1QyxHQUN2Qzs7OztDQUlDLEdBRUQsU0FBUyxXQUFXLFFBQVEsdUJBQXVCO0FBQ25ELFNBQVMsVUFBVSxRQUE2QixnQ0FBZ0M7QUFFaEYsT0FBTyxNQUFNLFVBQVUsa0JBQWtCO0FBRXpDLE1BQU0sUUFBd0IsSUFBSTtBQUNsQyxNQUFNLFdBQVcsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUE4RW5CLENBQUM7QUFFRCxPQUFPLE1BQU0sc0JBQXNCO0VBQ2pDLE9BQWdCLFNBQVM7SUFBQztHQUFNLENBQUM7RUFDakMsT0FBZ0IscUJBQXFCO0lBQUM7SUFBUTtHQUFPLENBQUM7RUFFN0MsU0FBMEQ7SUFDakUsUUFDRyxLQUFLLFVBQVUsT0FBTyxLQUFLLE9BQU8sWUFBWSxPQUFPO1FBQ3BELENBQUMsS0FBSyxVQUFVLGFBQWEsS0FBSztRQUNsQyxDQUFDLEtBQUssVUFBVSxVQUFVLEtBQUs7TUFDakMsRUFBRTtFQUVOO0FBQ0Y7QUFFQSxlQUFlLGNBQWM7QUFFN0IsSUFBSSxPQUFPLG1CQUFtQixlQUFlLENBQUMsZUFBZSxHQUFHLENBQUMsVUFBVTtFQUN6RSxlQUFlLE1BQU0sQ0FBQyxTQUFTO0FBQ2pDIn0=

package/src/open-button.d.ts

@@ -0,0 +1,38 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-button
+ *
+ * Minimal button component following Swiss International Style.
+ * Pure B&W design with subtle hover states.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * Variants: default (outlined), primary (filled), ghost (no border), accent (gradient)
+ * Sizes: sm, md (default), lg
+ *
+ * @csspart control -The button or anchor element
+ *
+ * Usage:
+ * ```html
+ * <open-button>Click me</open-button>
+ * <open-button variant="primary">Submit</open-button>
+ * <open-button size="sm" disabled>Small</open-button>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const tagName: 'open-button';
+declare const sheet: StyleSheetLike;
+export declare class OpenButton extends OpenElement {
+  static override styles: [];
+  static delegatesFocus: boolean;
+  static formAssociated: boolean;
+  static override observedAttributes: [string, string, string, string, string, string];
+  override render(): ReturnType<typeof OpenElement.prototype.render>;
+  override attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+  private _syncDOM: any;
+  private _reRender: any;
+  private _updateState: any;
+  private _handleClick: any;
+  private _escAttr: any;
+}
+export default OpenButton;

package/src/open-button.js

@@ -0,0 +1,219 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-button
+ *
+ * Minimal button component following Swiss International Style.
+ * Pure B&W design with subtle hover states.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * Variants: default (outlined), primary (filled), ghost (no border), accent (gradient)
+ * Sizes: sm, md (default), lg
+ *
+ * @csspart control -The button or anchor element
+ *
+ * Usage:
+ * ```html
+ * <open-button>Click me</open-button>
+ * <open-button variant="primary">Submit</open-button>
+ * <open-button size="sm" disabled>Small</open-button>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { StyleSheet } from '@openelement/core/style-sheet';
+import { escapeAttr } from '@openelement/core';
+export const tagName = 'open-button';
+const sheet = new StyleSheet();
+sheet.replaceSync(`
+  :host {
+    display: inline-block;
+  }
+
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--size-2);
+    font-family: var(--font-sans);
+    font-weight: var(--font-weight-8);
+    text-decoration: none;
+    cursor: pointer;
+    border: var(--border-size-1) solid color-mix(in srgb, var(--border) 72%, var(--brand));
+    background: color-mix(in srgb, var(--bg-elevated) 78%, transparent);
+    color: var(--text-primary);
+    border-radius: var(--btn-radius);
+    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--gray-0) 72%, transparent);
+    transition: color var(--ease-3) var(--duration-2), border-color var(--ease-3) var(--duration-2), background var(--ease-3) var(--duration-2), transform var(--ease-3) var(--duration-2), box-shadow var(--ease-3) var(--duration-2);
+    white-space: nowrap;
+    letter-spacing: 0;
+  }
+
+  /* Sizes */
+  .btn--sm {
+    padding: var(--size-1) var(--size-3);
+    font-size: var(--font-size-0);
+    min-height: 30px;
+  }
+
+  .btn--md {
+    padding: var(--size-2) var(--size-4);
+    font-size: var(--font-size-1);
+    min-height: 38px;
+  }
+
+  .btn--lg {
+    padding: var(--size-3) var(--size-5);
+    font-size: var(--font-size-2);
+    min-height: 48px;
+  }
+
+  /* Variants */
+  .btn--default:hover {
+    color: var(--brand-deep);
+    border-color: var(--brand-light);
+    background: color-mix(in srgb, var(--brand-pale) 52%, var(--bg-elevated));
+  }
+
+  .btn--primary {
+    background: linear-gradient(135deg, var(--brand), var(--brand-light));
+    color: var(--on-brand);
+    border-color: transparent;
+    box-shadow: 0 var(--size-2) var(--size-5) color-mix(in srgb, var(--brand) 22%, transparent);
+  }
+
+  .btn--primary:hover {
+    background: linear-gradient(135deg, var(--brand-hover), var(--brand-light));
+    border-color: transparent;
+    transform: translateY(calc(var(--border-size-1) * -1));
+    box-shadow: 0 var(--size-3) var(--size-6) color-mix(in srgb, var(--brand) 28%, transparent);
+  }
+
+  .btn--ghost {
+    border-color: transparent;
+  }
+
+  .btn--ghost:hover {
+    background: color-mix(in srgb, var(--brand-pale) 38%, transparent);
+    border-color: transparent;
+  }
+
+  .btn--accent {
+    background: var(--brand);
+    color: var(--on-brand);
+    border-color: transparent;
+  }
+  .btn--accent:hover {
+    transform: translateY(-1px);
+    filter: brightness(1.05);
+  }
+  .btn--accent:active {
+    transform: translateY(0);
+    box-shadow: var(--shadow-1);
+  }
+
+  /* States */
+  .btn:disabled,
+  .btn[aria-disabled="true"] {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .btn:focus-visible {
+    outline: 2px solid var(--brand, var(--indigo-6));
+    outline-offset: 2px;
+  }
+
+  :host(:state(disabled)) .btn {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+`);
+export class OpenButton extends OpenElement {
+  static styles = [
+    sheet
+  ];
+  static delegatesFocus = true;
+  static formAssociated = true;
+  static observedAttributes = [
+    'variant',
+    'size',
+    'disabled',
+    'href',
+    'target',
+    'type'
+  ];
+  render() {
+    const v = this.getAttribute('variant') || 'default';
+    const s = this.getAttribute('size') || 'md';
+    const d = this.hasAttribute('disabled');
+    const href = this.getAttribute('href') || '';
+    const target = this.getAttribute('target') || '';
+    const type = this.getAttribute('type') || 'button';
+    const classes = `btn btn--${v} btn--${s}`;
+    if (href) {
+      return <a className={classes} part='control' href={d ? '' : href} target={target || undefined} aria-disabled={d ? 'true' : undefined} rel={target === '_blank' ? 'noopener noreferrer' : undefined} onClick={this._handleClick}>
+          <slot></slot>
+        </a>;
+    }
+    return <button className={classes} part='control' disabled={d} type={type} onClick={this._handleClick}>
+        <slot></slot>
+      </button>;
+  }
+  attributeChangedCallback(name, old, val) {
+    if (old === val) return;
+    // href change may switch element type (a vs button) -full re-render
+    if (name === 'href') {
+      this._reRender();
+    } else if (name === 'disabled') {
+      this._syncDOM();
+      this._updateState();
+    } else {
+      this._syncDOM();
+    }
+  }
+  _syncDOM() {
+    const el = this.shadowRoot?.querySelector('.btn');
+    if (!el) return;
+    const v = this.getAttribute('variant') || 'default';
+    const s = this.getAttribute('size') || 'md';
+    el.className = `btn btn--${v} btn--${s}`;
+    if (el instanceof HTMLButtonElement) {
+      el.disabled = this.hasAttribute('disabled');
+    }
+    if (el instanceof HTMLAnchorElement && this.hasAttribute('disabled')) {
+      el.setAttribute('aria-disabled', 'true');
+    }
+  }
+  _reRender() {
+    // NOTE: We do NOT capture assignedNodes before innerHTML replacement.
+    // Light DOM children remain in the host element and automatically
+    // re-project to the new <slot> - no manual DOM manipulation needed.
+    // The previous approach (replaceChildren) incorrectly moved light DOM
+    // children into the shadow root, breaking slot projection.
+    this.update();
+  }
+  _updateState() {
+    if (!this._internals?.states) return;
+    if (this.hasAttribute('disabled')) {
+      this._internals.states.delete('enabled');
+      this._internals.states.add('disabled');
+    } else {
+      this._internals.states.delete('disabled');
+      this._internals.states.add('enabled');
+    }
+  }
+  _handleClick(_e) {
+    this.dispatchEvent(new CustomEvent('open-click', {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _escAttr = escapeAttr;
+}
+export default OpenButton;
+// Guard: idempotent across SSR paths
+if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+  customElements.define(tagName, OpenButton);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9vcGVuZWxlbWVudC9vcGVuZWxlbWVudC9wYWNrYWdlcy91aS9zcmMvb3Blbi1idXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBvcGVuZWxlbWVudC9jb3JlICovXG4vKipcbiAqIEBvcGVuZWxlbWVudC91aSAtIG9wZW4tYnV0dG9uXG4gKlxuICogTWluaW1hbCBidXR0b24gY29tcG9uZW50IGZvbGxvd2luZyBTd2lzcyBJbnRlcm5hdGlvbmFsIFN0eWxlLlxuICogUHVyZSBCJlcgZGVzaWduIHdpdGggc3VidGxlIGhvdmVyIHN0YXRlcy5cbiAqXG4gKiB2MC4yMC4wOiBNaWdyYXRlZCBmcm9tIERzZExpdEVsZW1lbnQgdG8gRHNkRWxlbWVudCAoT2NlYW4gY29tcG9uZW50KS5cbiAqIHYwLjI0LjE6IE1pZ3JhdGVkIGZyb20gaHRtbGBgIHRlbXBsYXRlIHRvIEpTWCAoQURSLTAwNTcpLlxuICpcbiAqIFZhcmlhbnRzOiBkZWZhdWx0IChvdXRsaW5lZCksIHByaW1hcnkgKGZpbGxlZCksIGdob3N0IChubyBib3JkZXIpLCBhY2NlbnQgKGdyYWRpZW50KVxuICogU2l6ZXM6IHNtLCBtZCAoZGVmYXVsdCksIGxnXG4gKlxuICogQGNzc3BhcnQgY29udHJvbCAtVGhlIGJ1dHRvbiBvciBhbmNob3IgZWxlbWVudFxuICpcbiAqIFVzYWdlOlxuICogYGBgaHRtbFxuICogPG9wZW4tYnV0dG9uPkNsaWNrIG1lPC9vcGVuLWJ1dHRvbj5cbiAqIDxvcGVuLWJ1dHRvbiB2YXJpYW50PVwicHJpbWFyeVwiPlN1Ym1pdDwvb3Blbi1idXR0b24+XG4gKiA8b3Blbi1idXR0b24gc2l6ZT1cInNtXCIgZGlzYWJsZWQ+U21hbGw8L29wZW4tYnV0dG9uPlxuICogYGBgXG4gKi9cblxuaW1wb3J0IHsgT3BlbkVsZW1lbnQgfSBmcm9tICdAb3BlbmVsZW1lbnQvZWxlbWVudCc7XG5pbXBvcnQgeyBTdHlsZVNoZWV0LCB0eXBlIFN0eWxlU2hlZXRMaWtlIH0gZnJvbSAnQG9wZW5lbGVtZW50L2NvcmUvc3R5bGUtc2hlZXQnO1xuaW1wb3J0IHsgZXNjYXBlQXR0ciB9IGZyb20gJ0BvcGVuZWxlbWVudC9jb3JlJztcblxuZXhwb3J0IGNvbnN0IHRhZ05hbWUgPSAnb3Blbi1idXR0b24nO1xuXG5jb25zdCBzaGVldDogU3R5bGVTaGVldExpa2UgPSBuZXcgU3R5bGVTaGVldCgpO1xuc2hlZXQucmVwbGFjZVN5bmMoYFxuICA6aG9zdCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB9XG5cbiAgLmJ0biB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigtLXNpemUtMik7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtc2Fucyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LTgpO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiB2YXIoLS1ib3JkZXItc2l6ZS0xKSBzb2xpZCBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYm9yZGVyKSA3MiUsIHZhcigtLWJyYW5kKSk7XG4gICAgYmFja2dyb3VuZDogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWJnLWVsZXZhdGVkKSA3OCUsIHRyYW5zcGFyZW50KTtcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1idG4tcmFkaXVzKTtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAwIGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1ncmF5LTApIDcyJSwgdHJhbnNwYXJlbnQpO1xuICAgIHRyYW5zaXRpb246IGNvbG9yIHZhcigtLWVhc2UtMykgdmFyKC0tZHVyYXRpb24tMiksIGJvcmRlci1jb2xvciB2YXIoLS1lYXNlLTMpIHZhcigtLWR1cmF0aW9uLTIpLCBiYWNrZ3JvdW5kIHZhcigtLWVhc2UtMykgdmFyKC0tZHVyYXRpb24tMiksIHRyYW5zZm9ybSB2YXIoLS1lYXNlLTMpIHZhcigtLWR1cmF0aW9uLTIpLCBib3gtc2hhZG93IHZhcigtLWVhc2UtMykgdmFyKC0tZHVyYXRpb24tMik7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBsZXR0ZXItc3BhY2luZzogMDtcbiAgfVxuXG4gIC8qIFNpemVzICovXG4gIC5idG4tLXNtIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zaXplLTEpIHZhcigtLXNpemUtMyk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMCk7XG4gICAgbWluLWhlaWdodDogMzBweDtcbiAgfVxuXG4gIC5idG4tLW1kIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zaXplLTIpIHZhcigtLXNpemUtNCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMSk7XG4gICAgbWluLWhlaWdodDogMzhweDtcbiAgfVxuXG4gIC5idG4tLWxnIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zaXplLTMpIHZhcigtLXNpemUtNSk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMik7XG4gICAgbWluLWhlaWdodDogNDhweDtcbiAgfVxuXG4gIC8qIFZhcmlhbnRzICovXG4gIC5idG4tLWRlZmF1bHQ6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1icmFuZC1kZWVwKTtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWJyYW5kLWxpZ2h0KTtcbiAgICBiYWNrZ3JvdW5kOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYnJhbmQtcGFsZSkgNTIlLCB2YXIoLS1iZy1lbGV2YXRlZCkpO1xuICB9XG5cbiAgLmJ0bi0tcHJpbWFyeSB7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgdmFyKC0tYnJhbmQpLCB2YXIoLS1icmFuZC1saWdodCkpO1xuICAgIGNvbG9yOiB2YXIoLS1vbi1icmFuZCk7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3gtc2hhZG93OiAwIHZhcigtLXNpemUtMikgdmFyKC0tc2l6ZS01KSBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYnJhbmQpIDIyJSwgdHJhbnNwYXJlbnQpO1xuICB9XG5cbiAgLmJ0bi0tcHJpbWFyeTpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgdmFyKC0tYnJhbmQtaG92ZXIpLCB2YXIoLS1icmFuZC1saWdodCkpO1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKGNhbGModmFyKC0tYm9yZGVyLXNpemUtMSkgKiAtMSkpO1xuICAgIGJveC1zaGFkb3c6IDAgdmFyKC0tc2l6ZS0zKSB2YXIoLS1zaXplLTYpIGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1icmFuZCkgMjglLCB0cmFuc3BhcmVudCk7XG4gIH1cblxuICAuYnRuLS1naG9zdCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5idG4tLWdob3N0OmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYnJhbmQtcGFsZSkgMzglLCB0cmFuc3BhcmVudCk7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5idG4tLWFjY2VudCB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tYnJhbmQpO1xuICAgIGNvbG9yOiB2YXIoLS1vbi1icmFuZCk7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAuYnRuLS1hY2NlbnQ6aG92ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMXB4KTtcbiAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMS4wNSk7XG4gIH1cbiAgLmJ0bi0tYWNjZW50OmFjdGl2ZSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy0xKTtcbiAgfVxuXG4gIC8qIFN0YXRlcyAqL1xuICAuYnRuOmRpc2FibGVkLFxuICAuYnRuW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5idG46Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWJyYW5kLCB2YXIoLS1pbmRpZ28tNikpO1xuICAgIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoZGlzYWJsZWQpKSAuYnRuIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYCk7XG5cbmV4cG9ydCBjbGFzcyBPcGVuQnV0dG9uIGV4dGVuZHMgT3BlbkVsZW1lbnQge1xuICBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzID0gW3NoZWV0XTtcbiAgc3RhdGljIG92ZXJyaWRlIGRlbGVnYXRlc0ZvY3VzID0gdHJ1ZTtcbiAgc3RhdGljIG92ZXJyaWRlIGZvcm1Bc3NvY2lhdGVkID0gdHJ1ZTtcbiAgc3RhdGljIG92ZXJyaWRlIG9ic2VydmVkQXR0cmlidXRlcyA9IFsndmFyaWFudCcsICdzaXplJywgJ2Rpc2FibGVkJywgJ2hyZWYnLCAndGFyZ2V0JywgJ3R5cGUnXTtcblxuICBvdmVycmlkZSByZW5kZXIoKTogUmV0dXJuVHlwZTx0eXBlb2YgT3BlbkVsZW1lbnQucHJvdG90eXBlLnJlbmRlcj4ge1xuICAgIGNvbnN0IHYgPSB0aGlzLmdldEF0dHJpYnV0ZSgndmFyaWFudCcpIHx8ICdkZWZhdWx0JztcbiAgICBjb25zdCBzID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ3NpemUnKSB8fCAnbWQnO1xuICAgIGNvbnN0IGQgPSB0aGlzLmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKTtcbiAgICBjb25zdCBocmVmID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ2hyZWYnKSB8fCAnJztcbiAgICBjb25zdCB0YXJnZXQgPSB0aGlzLmdldEF0dHJpYnV0ZSgndGFyZ2V0JykgfHwgJyc7XG4gICAgY29uc3QgdHlwZSA9IHRoaXMuZ2V0QXR0cmlidXRlKCd0eXBlJykgfHwgJ2J1dHRvbic7XG4gICAgY29uc3QgY2xhc3NlcyA9IGBidG4gYnRuLS0ke3Z9IGJ0bi0tJHtzfWA7XG5cbiAgICBpZiAoaHJlZikge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGFcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgICAgcGFydD0nY29udHJvbCdcbiAgICAgICAgICBocmVmPXtkID8gJycgOiBocmVmfVxuICAgICAgICAgIHRhcmdldD17dGFyZ2V0IHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXtkID8gJ3RydWUnIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHJlbD17dGFyZ2V0ID09PSAnX2JsYW5rJyA/ICdub29wZW5lciBub3JlZmVycmVyJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNsaWNrPXt0aGlzLl9oYW5kbGVDbGlja31cbiAgICAgICAgPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9hPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgIHBhcnQ9J2NvbnRyb2wnXG4gICAgICAgIGRpc2FibGVkPXtkfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBvbkNsaWNrPXt0aGlzLl9oYW5kbGVDbGlja31cbiAgICAgID5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGF0dHJpYnV0ZUNoYW5nZWRDYWxsYmFjayhuYW1lOiBzdHJpbmcsIG9sZDogc3RyaW5nIHwgbnVsbCwgdmFsOiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKG9sZCA9PT0gdmFsKSByZXR1cm47XG4gICAgLy8gaHJlZiBjaGFuZ2UgbWF5IHN3aXRjaCBlbGVtZW50IHR5cGUgKGEgdnMgYnV0dG9uKSAtZnVsbCByZS1yZW5kZXJcbiAgICBpZiAobmFtZSA9PT0gJ2hyZWYnKSB7XG4gICAgICB0aGlzLl9yZVJlbmRlcigpO1xuICAgIH0gZWxzZSBpZiAobmFtZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgdGhpcy5fc3luY0RPTSgpO1xuICAgICAgdGhpcy5fdXBkYXRlU3RhdGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fc3luY0RPTSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3N5bmNET00oKTogdm9pZCB7XG4gICAgY29uc3QgZWwgPSB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoJy5idG4nKSBhcyBIVE1MRWxlbWVudCB8IG51bGw7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIGNvbnN0IHYgPSB0aGlzLmdldEF0dHJpYnV0ZSgndmFyaWFudCcpIHx8ICdkZWZhdWx0JztcbiAgICBjb25zdCBzID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ3NpemUnKSB8fCAnbWQnO1xuICAgIGVsLmNsYXNzTmFtZSA9IGBidG4gYnRuLS0ke3Z9IGJ0bi0tJHtzfWA7XG4gICAgaWYgKGVsIGluc3RhbmNlb2YgSFRNTEJ1dHRvbkVsZW1lbnQpIHtcbiAgICAgIGVsLmRpc2FibGVkID0gdGhpcy5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJyk7XG4gICAgfVxuICAgIGlmIChlbCBpbnN0YW5jZW9mIEhUTUxBbmNob3JFbGVtZW50ICYmIHRoaXMuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpKSB7XG4gICAgICBlbC5zZXRBdHRyaWJ1dGUoJ2FyaWEtZGlzYWJsZWQnLCAndHJ1ZScpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3JlUmVuZGVyKCk6IHZvaWQge1xuICAgIC8vIE5PVEU6IFdlIGRvIE5PVCBjYXB0dXJlIGFzc2lnbmVkTm9kZXMgYmVmb3JlIGlubmVySFRNTCByZXBsYWNlbWVudC5cbiAgICAvLyBMaWdodCBET00gY2hpbGRyZW4gcmVtYWluIGluIHRoZSBob3N0IGVsZW1lbnQgYW5kIGF1dG9tYXRpY2FsbHlcbiAgICAvLyByZS1wcm9qZWN0IHRvIHRoZSBuZXcgPHNsb3Q+IC0gbm8gbWFudWFsIERPTSBtYW5pcHVsYXRpb24gbmVlZGVkLlxuICAgIC8vIFRoZSBwcmV2aW91cyBhcHByb2FjaCAocmVwbGFjZUNoaWxkcmVuKSBpbmNvcnJlY3RseSBtb3ZlZCBsaWdodCBET01cbiAgICAvLyBjaGlsZHJlbiBpbnRvIHRoZSBzaGFkb3cgcm9vdCwgYnJlYWtpbmcgc2xvdCBwcm9qZWN0aW9uLlxuICAgIHRoaXMudXBkYXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVTdGF0ZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2ludGVybmFscz8uc3RhdGVzKSByZXR1cm47XG4gICAgaWYgKHRoaXMuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLl9pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZSgnZW5hYmxlZCcpO1xuICAgICAgdGhpcy5faW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2Rpc2FibGVkJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2ludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdkaXNhYmxlZCcpO1xuICAgICAgdGhpcy5faW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2VuYWJsZWQnKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVDbGljayhfZTogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCdvcGVuLWNsaWNrJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9lc2NBdHRyID0gZXNjYXBlQXR0cjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgT3BlbkJ1dHRvbjtcblxuLy8gR3VhcmQ6IGlkZW1wb3RlbnQgYWNyb3NzIFNTUiBwYXRoc1xuaWYgKHR5cGVvZiBjdXN0b21FbGVtZW50cyAhPT0gJ3VuZGVmaW5lZCcgJiYgIWN1c3RvbUVsZW1lbnRzLmdldCh0YWdOYW1lKSkge1xuICBjdXN0b21FbGVtZW50cy5kZWZpbmUodGFnTmFtZSwgT3BlbkJ1dHRvbik7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdUNBQXVDLEdBQ3ZDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQW9CQyxHQUVELFNBQVMsV0FBVyxRQUFRLHVCQUF1QjtBQUNuRCxTQUFTLFVBQVUsUUFBNkIsZ0NBQWdDO0FBQ2hGLFNBQVMsVUFBVSxRQUFRLG9CQUFvQjtBQUUvQyxPQUFPLE1BQU0sVUFBVSxjQUFjO0FBRXJDLE1BQU0sUUFBd0IsSUFBSTtBQUNsQyxNQUFNLFdBQVcsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF5R25CLENBQUM7QUFFRCxPQUFPLE1BQU0sbUJBQW1CO0VBQzlCLE9BQWdCLFNBQVM7SUFBQztHQUFNLENBQUM7RUFDakMsT0FBZ0IsaUJBQWlCLEtBQUs7RUFDdEMsT0FBZ0IsaUJBQWlCLEtBQUs7RUFDdEMsT0FBZ0IscUJBQXFCO0lBQUM7SUFBVztJQUFRO0lBQVk7SUFBUTtJQUFVO0dBQU8sQ0FBQztFQUV0RixTQUEwRDtJQUNqRSxNQUFNLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjO0lBQzFDLE1BQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVc7SUFDdkMsTUFBTSxJQUFJLElBQUksQ0FBQyxZQUFZLENB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

package/src/open-callout.d.ts

@@ -0,0 +1,26 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - OpenCallout Component
+ *
+ * Callout/notice box for inline documentation alerts.
+ * Supports 4 types: info, warning, danger, tip.
+ * All colors use semantic tokens and respond to theme changes.
+ *
+ * Usage:
+ * ```html
+ * <open-callout type="info" label="Note">
+ *   This is an informational callout.
+ * </open-callout>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const tagName: 'open-callout';
+declare const sheet: StyleSheetLike;
+export declare class OpenCallout extends OpenElement {
+  static override styles: [];
+  static override observedAttributes: [string, string];
+  override render(): ReturnType<typeof OpenElement.prototype.render>;
+  override attributeChangedCallback(_name: string, old: string | null, val: string | null): void;
+  private _syncDOM: any;
+  private _esc: any;
+}
+export default OpenCallout;

package/src/open-callout.js

@@ -0,0 +1,99 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - OpenCallout Component
+ *
+ * Callout/notice box for inline documentation alerts.
+ * Supports 4 types: info, warning, danger, tip.
+ * All colors use semantic tokens and respond to theme changes.
+ *
+ * Usage:
+ * ```html
+ * <open-callout type="info" label="Note">
+ *   This is an informational callout.
+ * </open-callout>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { StyleSheet } from '@openelement/core/style-sheet';
+import { escapeHtml } from '@openelement/core';
+export const tagName = 'open-callout';
+const TYPE_CONFIG = {
+  info: {
+    icon: '\u2139\uFE0F',
+    cls: 'callout--info'
+  },
+  warning: {
+    icon: '\u26A0',
+    cls: 'callout--warn'
+  },
+  danger: {
+    icon: '\u2715',
+    cls: 'callout--danger'
+  },
+  tip: {
+    icon: '\u2713',
+    cls: 'callout--tip'
+  }
+};
+const sheet = new StyleSheet();
+sheet.replaceSync(`
+  :host { display: block; }
+  .callout {
+    padding: var(--size-3) var(--size-4);
+    margin: var(--size-3) 0;
+    border-left: var(--border-size-2) solid var(--brand);
+    background: var(--brand-subtle);
+    border-radius: 0 var(--radius-2) var(--radius-2) 0;
+  }
+  .callout--warn { border-left-color: var(--warning); background: var(--warning-subtle); }
+  .callout--danger { border-left-color: var(--error); background: var(--error-subtle); }
+  .callout--tip { border-left-color: var(--success); background: var(--success-subtle); }
+  :host([data-theme="light"]) .callout--warn { background: rgba(245,158,11,0.06); }
+  :host([data-theme="light"]) .callout--danger { background: rgba(239,68,68,0.06); }
+  :host([data-theme="light"]) .callout--tip { background: rgba(34,197,94,0.06); }
+  .callout-header {
+    display: flex; align-items: center; gap: var(--size-1); margin-bottom: var(--size-1);
+  }
+  .callout-icon { font-size: var(--font-size-0); line-height: 1; flex-shrink: 0; }
+  .callout-title {
+    font-size: var(--font-size-0); font-weight: var(--font-weight-6); color: var(--text-primary);
+  }
+  .callout-body {
+    font-size: var(--font-size-1); line-height: var(--font-lineheight-4); color: var(--text-secondary);
+  }
+  .callout-body ::slotted(p) { margin: 0; }
+`);
+export class OpenCallout extends OpenElement {
+  static styles = [
+    sheet
+  ];
+  static observedAttributes = [
+    'type',
+    'label'
+  ];
+  render() {
+    const type = this.getAttribute('type') || 'info';
+    const label = this.getAttribute('label') || '';
+    const config = TYPE_CONFIG[type] || TYPE_CONFIG.info;
+    return <div className={`callout ${config.cls}`} part='container'>
+        {label && <div className='callout-header'>
+            <span className='callout-icon' part='icon'>{config.icon}</span>
+            <span className='callout-title'>{this._esc(label)}</span>
+          </div>}
+        <div className='callout-body' part='content'>
+          <slot></slot>
+        </div>
+      </div>;
+  }
+  attributeChangedCallback(_name, old, val) {
+    if (old === val) return;
+    this._syncDOM();
+  }
+  _syncDOM() {
+    this.update();
+  }
+  _esc = escapeHtml;
+}
+export default OpenCallout;
+if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+  customElements.define(tagName, OpenCallout);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9vcGVuZWxlbWVudC9vcGVuZWxlbWVudC9wYWNrYWdlcy91aS9zcmMvb3Blbi1jYWxsb3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAb3BlbmVsZW1lbnQvY29yZSAqL1xuLyoqXG4gKiBAb3BlbmVsZW1lbnQvdWkgLSBPcGVuQ2FsbG91dCBDb21wb25lbnRcbiAqXG4gKiBDYWxsb3V0L25vdGljZSBib3ggZm9yIGlubGluZSBkb2N1bWVudGF0aW9uIGFsZXJ0cy5cbiAqIFN1cHBvcnRzIDQgdHlwZXM6IGluZm8sIHdhcm5pbmcsIGRhbmdlciwgdGlwLlxuICogQWxsIGNvbG9ycyB1c2Ugc2VtYW50aWMgdG9rZW5zIGFuZCByZXNwb25kIHRvIHRoZW1lIGNoYW5nZXMuXG4gKlxuICogVXNhZ2U6XG4gKiBgYGBodG1sXG4gKiA8b3Blbi1jYWxsb3V0IHR5cGU9XCJpbmZvXCIgbGFiZWw9XCJOb3RlXCI+XG4gKiAgIFRoaXMgaXMgYW4gaW5mb3JtYXRpb25hbCBjYWxsb3V0LlxuICogPC9vcGVuLWNhbGxvdXQ+XG4gKiBgYGBcbiAqL1xuXG5pbXBvcnQgeyBPcGVuRWxlbWVudCB9IGZyb20gJ0BvcGVuZWxlbWVudC9lbGVtZW50JztcbmltcG9ydCB7IFN0eWxlU2hlZXQsIHR5cGUgU3R5bGVTaGVldExpa2UgfSBmcm9tICdAb3BlbmVsZW1lbnQvY29yZS9zdHlsZS1zaGVldCc7XG5pbXBvcnQgeyBlc2NhcGVIdG1sIH0gZnJvbSAnQG9wZW5lbGVtZW50L2NvcmUnO1xuXG5leHBvcnQgY29uc3QgdGFnTmFtZSA9ICdvcGVuLWNhbGxvdXQnO1xuXG5jb25zdCBUWVBFX0NPTkZJRzogUmVjb3JkPHN0cmluZywgeyBpY29uOiBzdHJpbmc7IGNsczogc3RyaW5nIH0+ID0ge1xuICBpbmZvOiB7IGljb246ICdcXHUyMTM5XFx1RkUwRicsIGNsczogJ2NhbGxvdXQtLWluZm8nIH0sXG4gIHdhcm5pbmc6IHsgaWNvbjogJ1xcdTI2QTAnLCBjbHM6ICdjYWxsb3V0LS13YXJuJyB9LFxuICBkYW5nZXI6IHsgaWNvbjogJ1xcdTI3MTUnLCBjbHM6ICdjYWxsb3V0LS1kYW5nZXInIH0sXG4gIHRpcDogeyBpY29uOiAnXFx1MjcxMycsIGNsczogJ2NhbGxvdXQtLXRpcCcgfSxcbn07XG5cbmNvbnN0IHNoZWV0OiBTdHlsZVNoZWV0TGlrZSA9IG5ldyBTdHlsZVNoZWV0KCk7XG5zaGVldC5yZXBsYWNlU3luYyhgXG4gIDpob3N0IHsgZGlzcGxheTogYmxvY2s7IH1cbiAgLmNhbGxvdXQge1xuICAgIHBhZGRpbmc6IHZhcigtLXNpemUtMykgdmFyKC0tc2l6ZS00KTtcbiAgICBtYXJnaW46IHZhcigtLXNpemUtMykgMDtcbiAgICBib3JkZXItbGVmdDogdmFyKC0tYm9yZGVyLXNpemUtMikgc29saWQgdmFyKC0tYnJhbmQpO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLXN1YnRsZSk7XG4gICAgYm9yZGVyLXJhZGl1czogMCB2YXIoLS1yYWRpdXMtMikgdmFyKC0tcmFkaXVzLTIpIDA7XG4gIH1cbiAgLmNhbGxvdXQtLXdhcm4geyBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0td2FybmluZyk7IGJhY2tncm91bmQ6IHZhcigtLXdhcm5pbmctc3VidGxlKTsgfVxuICAuY2FsbG91dC0tZGFuZ2VyIHsgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWVycm9yKTsgYmFja2dyb3VuZDogdmFyKC0tZXJyb3Itc3VidGxlKTsgfVxuICAuY2FsbG91dC0tdGlwIHsgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLXN1Y2Nlc3MpOyBiYWNrZ3JvdW5kOiB2YXIoLS1zdWNjZXNzLXN1YnRsZSk7IH1cbiAgOmhvc3QoW2RhdGEtdGhlbWU9XCJsaWdodFwiXSkgLmNhbGxvdXQtLXdhcm4geyBiYWNrZ3JvdW5kOiByZ2JhKDI0NSwxNTgsMTEsMC4wNik7IH1cbiAgOmhvc3QoW2RhdGEtdGhlbWU9XCJsaWdodFwiXSkgLmNhbGxvdXQtLWRhbmdlciB7IGJhY2tncm91bmQ6IHJnYmEoMjM5LDY4LDY4LDAuMDYpOyB9XG4gIDpob3N0KFtkYXRhLXRoZW1lPVwibGlnaHRcIl0pIC5jYWxsb3V0LS10aXAgeyBiYWNrZ3JvdW5kOiByZ2JhKDM0LDE5Nyw5NCwwLjA2KTsgfVxuICAuY2FsbG91dC1oZWFkZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGdhcDogdmFyKC0tc2l6ZS0xKTsgbWFyZ2luLWJvdHRvbTogdmFyKC0tc2l6ZS0xKTtcbiAgfVxuICAuY2FsbG91dC1pY29uIHsgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMCk7IGxpbmUtaGVpZ2h0OiAxOyBmbGV4LXNocmluazogMDsgfVxuICAuY2FsbG91dC10aXRsZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMCk7IGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC02KTsgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gIH1cbiAgLmNhbGxvdXQtYm9keSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMSk7IGxpbmUtaGVpZ2h0OiB2YXIoLS1mb250LWxpbmVoZWlnaHQtNCk7IGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gIH1cbiAgLmNhbGxvdXQtYm9keSA6OnNsb3R0ZWQocCkgeyBtYXJnaW46IDA7IH1cbmApO1xuXG5leHBvcnQgY2xhc3MgT3BlbkNhbGxvdXQgZXh0ZW5kcyBPcGVuRWxlbWVudCB7XG4gIHN0YXRpYyBvdmVycmlkZSBzdHlsZXMgPSBbc2hlZXRdO1xuICBzdGF0aWMgb3ZlcnJpZGUgb2JzZXJ2ZWRBdHRyaWJ1dGVzID0gWyd0eXBlJywgJ2xhYmVsJ107XG5cbiAgb3ZlcnJpZGUgcmVuZGVyKCk6IFJldHVyblR5cGU8dHlwZW9mIE9wZW5FbGVtZW50LnByb3RvdHlwZS5yZW5kZXI+IHtcbiAgICBjb25zdCB0eXBlID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ3R5cGUnKSB8fCAnaW5mbyc7XG4gICAgY29uc3QgbGFiZWwgPSB0aGlzLmdldEF0dHJpYnV0ZSgnbGFiZWwnKSB8fCAnJztcbiAgICBjb25zdCBjb25maWcgPSBUWVBFX0NPTkZJR1t0eXBlXSB8fCBUWVBFX0NPTkZJRy5pbmZvO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgY2FsbG91dCAke2NvbmZpZy5jbHN9YH0gcGFydD0nY29udGFpbmVyJz5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0nY2FsbG91dC1oZWFkZXInPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdjYWxsb3V0LWljb24nIHBhcnQ9J2ljb24nPntjb25maWcuaWNvbn08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9J2NhbGxvdXQtdGl0bGUnPnt0aGlzLl9lc2MobGFiZWwpfTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9J2NhbGxvdXQtYm9keScgcGFydD0nY29udGVudCc+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICBvdmVycmlkZSBhdHRyaWJ1dGVDaGFuZ2VkQ2FsbGJhY2soX25hbWU6IHN0cmluZywgb2xkOiBzdHJpbmcgfCBudWxsLCB2YWw6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICBpZiAob2xkID09PSB2YWwpIHJldHVybjtcbiAgICB0aGlzLl9zeW5jRE9NKCk7XG4gIH1cblxuICBwcml2YXRlIF9zeW5jRE9NKCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlKCk7XG4gIH1cbiAgcHJpdmF0ZSBfZXNjID0gZXNjYXBlSHRtbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgT3BlbkNhbGxvdXQ7XG5cbmlmICh0eXBlb2YgY3VzdG9tRWxlbWVudHMgIT09ICd1bmRlZmluZWQnICYmICFjdXN0b21FbGVtZW50cy5nZXQodGFnTmFtZSkpIHtcbiAgY3VzdG9tRWxlbWVudHMuZGVmaW5lKHRhZ05hbWUsIE9wZW5DYWxsb3V0KTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FBdUMsR0FDdkM7Ozs7Ozs7Ozs7Ozs7Q0FhQyxHQUVELFNBQVMsV0FBVyxRQUFRLHVCQUF1QjtBQUNuRCxTQUFTLFVBQVUsUUFBNkIsZ0NBQWdDO0FBQ2hGLFNBQVMsVUFBVSxRQUFRLG9CQUFvQjtBQUUvQyxPQUFPLE1BQU0sVUFBVSxlQUFlO0FBRXRDLE1BQU0sY0FBNkQ7RUFDakUsTUFBTTtJQUFFLE1BQU07SUFBZ0IsS0FBSztFQUFnQjtFQUNuRCxTQUFTO0lBQUUsTUFBTTtJQUFVLEtBQUs7RUFBZ0I7RUFDaEQsUUFBUTtJQUFFLE1BQU07SUFBVSxLQUFLO0VBQWtCO0VBQ2pELEtBQUs7SUFBRSxNQUFNO0lBQVUsS0FBSztFQUFlO0FBQzdDO0FBRUEsTUFBTSxRQUF3QixJQUFJO0FBQ2xDLE1BQU0sV0FBVyxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBMEJuQixDQUFDO0FBRUQsT0FBTyxNQUFNLG9CQUFvQjtFQUMvQixPQUFnQixTQUFTO0lBQUM7R0FBTSxDQUFDO0VBQ2pDLE9BQWdCLHFCQUFxQjtJQUFDO0lBQVE7R0FBUSxDQUFDO0VBRTlDLFNBQTBEO0lBQ2pFLE1BQU0sT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVc7SUFDMUMsTUFBTSxRQUFRLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWTtJQUM1QyxNQUFNLFNBQVMsV0FBVyxDQUFDLEtBQUssSUFBSSxZQUFZLElBQUk7SUFFcEQsUUFDRyxJQUFJLFdBQVcsQ0FBQyxRQUFRLEVBQUUsT0FBTyxHQUFHLEVBQUUsRUFBRSxLQUFLLFlBQVk7UUFDeEQsQ0FBQyxVQUNFLElBQUksVUFBVSxpQkFBaUI7WUFDOUIsQ0FBQyxLQUFLLFVBQVUsZUFBZSxLQUFLLFFBQVEsT0FBTyxJQUFJLEdBQUcsS0FBSztZQUMvRCxDQUFDLEtBQUssVUFBVSxpQkFBaUIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUs7VUFDM0QsRUFBRSxLQUNGO1FBQ0YsQ0FBQyxJQUFJLFVBQVUsZUFBZSxLQUFLLFVBQVU7VUFDM0MsQ0FBQyxPQUFPLEtBQUs7UUFDZixFQUFFLElBQUk7TUFDUixFQUFFO0VBRU47RUFFUyx5QkFBeUIsS0FBYSxFQUFFLEdBQWtCLEVBQUUsR0FBa0IsRUFBUTtJQUM3RixJQUFJLFFBQVEsS0FBSztJQUNqQixJQUFJLENBQUMsUUFBUTtFQUNmO0VBRVEsV0FBaUI7SUFDdkIsSUFBSSxDQUFDLE1BQU07RUFDYjtFQUNRLE9BQU8sV0FBVztBQUM1QjtBQUVBLGVBQWUsWUFBWTtBQUUzQixJQUFJLE9BQU8sbUJBQW1CLGVBQWUsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxVQUFVO0VBQ3pFLGVBQWUsTUFBTSxDQUFDLFNBQVM7QUFDakMifQ==

package/src/open-card.d.ts

@@ -0,0 +1,33 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-card
+ *
+ * Minimal card container with optional header and footer.
+ * Swiss International Style: borders are whispers, not shouts.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * @csspart container - The article wrapper
+ * @csspart body - The card body content area
+ *
+ * Usage:
+ * ```html
+ * <open-card>
+ *   <h3 slot="header">Card Title</h3>
+ *   <p>Card content goes here.</p>
+ * </open-card>
+ *
+ * <open-card variant="elevated">
+ *   <p>Elevated card with shadow.</p>
+ * </open-card>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const tagName: 'open-card';
+declare const sheet: StyleSheetLike;
+export declare class OpenCard extends OpenElement {
+  static override styles: [];
+  static override observedAttributes: [string];
+  override render(): ReturnType<typeof OpenElement.prototype.render>;
+}
+export default OpenCard;