@krollins/blueprint 0.2.2 → 0.3.0

package/dist/shared/tooltip-DUXEHFzC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DUXEHFzC.js","names":["_decorate","__decorate","tooltipStyles","BpTooltip","LitElement","property","state","customElement"],"sources":["../../source/components/tooltip/tooltip.style.ts","../../source/components/tooltip/tooltip.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const tooltipStyles = css`\n  /* Base styles */\n  :host {\n    display: inline-block;\n    position: relative;\n  }\n\n  .tooltip-wrapper {\n    position: relative;\n    display: inline-block;\n  }\n\n  .tooltip-trigger {\n    display: inline-block;\n  }\n\n  .tooltip-content {\n    position: absolute;\n    z-index: var(--bp-z-tooltip);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    background-color: var(--bp-color-text);\n    color: var(--bp-color-text-inverse);\n    border-radius: var(--bp-border-radius-sm);\n    font-size: var(--bp-font-size-sm);\n    font-family: var(--bp-font-family);\n    line-height: var(--bp-line-height-tight);\n    max-width: calc(var(--bp-spacing-24) * 3);\n    white-space: normal;\n    box-shadow: var(--bp-shadow-md);\n    pointer-events: none;\n    animation: tooltip-fade-in var(--bp-transition-fast);\n  }\n\n  @keyframes tooltip-fade-in {\n    from {\n      opacity: 0;\n      scale: 0.95;\n    }\n    to {\n      opacity: 1;\n      scale: 1;\n    }\n  }\n\n  /* Placement variants */\n  .tooltip-content--top {\n    bottom: calc(100% + var(--bp-spacing-xs));\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .tooltip-content--top::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: var(--bp-spacing-sm);\n    border-style: solid;\n    border-color: var(--bp-color-text) transparent transparent transparent;\n  }\n\n  .tooltip-content--bottom {\n    top: calc(100% + var(--bp-spacing-xs));\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .tooltip-content--bottom::after {\n    content: '';\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: var(--bp-spacing-sm);\n    border-style: solid;\n    border-color: transparent transparent var(--bp-color-text) transparent;\n  }\n\n  .tooltip-content--left {\n    right: calc(100% + var(--bp-spacing-xs));\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .tooltip-content--left::after {\n    content: '';\n    position: absolute;\n    left: 100%;\n    top: 50%;\n    transform: translateY(-50%);\n    border-width: var(--bp-spacing-sm);\n    border-style: solid;\n    border-color: transparent transparent transparent var(--bp-color-text);\n  }\n\n  .tooltip-content--right {\n    left: calc(100% + var(--bp-spacing-xs));\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .tooltip-content--right::after {\n    content: '';\n    position: absolute;\n    right: 100%;\n    top: 50%;\n    transform: translateY(-50%);\n    border-width: var(--bp-spacing-sm);\n    border-style: solid;\n    border-color: transparent var(--bp-color-text) transparent transparent;\n  }\n\n  /* States */\n  :host([disabled]) {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n","import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { tooltipStyles } from './tooltip.style.js';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * A tooltip component that displays contextual information on hover or focus.\n *\n * @slot - The trigger element that shows the tooltip on hover/focus\n *\n * @cssprop --bp-tooltip-max-width - Maximum width of the tooltip content\n *\n * @fires bp-show - Fired when tooltip becomes visible\n * @fires bp-hide - Fired when tooltip becomes hidden\n */\n@customElement('bp-tooltip')\nexport class BpTooltip extends LitElement {\n  /**\n   * The text content to display in the tooltip\n   */\n  @property({ type: String }) declare content: string;\n\n  /**\n   * Placement of the tooltip relative to the trigger\n   */\n  @property({ type: String }) declare placement: TooltipPlacement;\n\n  /**\n   * Whether the tooltip is disabled\n   */\n  @property({ type: Boolean }) declare disabled: boolean;\n\n  /**\n   * Delay in milliseconds before showing the tooltip\n   */\n  @property({ type: Number }) declare delay: number;\n\n  /**\n   * Internal state tracking whether tooltip is visible\n   */\n  @state() private isVisible = false;\n\n  private showTimeout: number | null = null;\n  private hideTimeout: number | null = null;\n  private tooltipId = `tooltip-${Math.random().toString(36).substr(2, 9)}`;\n\n  static styles = [tooltipStyles];\n\n  constructor() {\n    super();\n    this.content = '';\n    this.placement = 'top';\n    this.disabled = false;\n    this.delay = 200;\n  }\n\n  private handleMouseEnter() {\n    if (this.disabled) return;\n\n    this.clearTimeouts();\n    this.showTimeout = window.setTimeout(() => {\n      this.isVisible = true;\n      this.dispatchEvent(\n        new CustomEvent('bp-show', {\n          detail: {\n            placement: this.placement,\n            content: this.content,\n          },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }, this.delay);\n  }\n\n  private handleMouseLeave() {\n    this.clearTimeouts();\n    this.hideTimeout = window.setTimeout(() => {\n      this.isVisible = false;\n      this.dispatchEvent(\n        new CustomEvent('bp-hide', {\n          detail: {\n            placement: this.placement,\n            content: this.content,\n          },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }, 100);\n  }\n\n  private handleFocus() {\n    if (this.disabled) return;\n    this.isVisible = true;\n    this.dispatchEvent(\n      new CustomEvent('bp-show', {\n        detail: {\n          placement: this.placement,\n          content: this.content,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private handleBlur() {\n    this.isVisible = false;\n    this.dispatchEvent(\n      new CustomEvent('bp-hide', {\n        detail: {\n          placement: this.placement,\n          content: this.content,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private clearTimeouts() {\n    if (this.showTimeout !== null) {\n      window.clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n    if (this.hideTimeout !== null) {\n      window.clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.clearTimeouts();\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"tooltip-wrapper\"\n        aria-describedby=${this.isVisible ? this.tooltipId : ''}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      >\n        <div class=\"tooltip-trigger\" part=\"trigger\">\n          <slot></slot>\n        </div>\n        ${\n          this.isVisible && !this.disabled\n            ? html`\n                <div\n                  id=${this.tooltipId}\n                  class=\"tooltip-content tooltip-content--${this.placement}\"\n                  part=\"content\"\n                  role=\"tooltip\"\n                  aria-hidden=\"false\"\n                >\n                  ${this.content}\n                </div>\n              `\n            : null\n        }\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-tooltip': BpTooltip;\n  }\n}\n"],"mappings":"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"}

package/dist/shared/tree-Dm3oQey1.js

@@ -0,0 +1,450 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { t } from "./icon-SU3ebQcn.js";
+import { t as n } from "./memoize-CpXRWhgJ.js";
+import { chevronRightSvg as r } from "../icons/chevron-right.js";
+import { LitElement as i, css as a, html as o, nothing as s } from "lit";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
+import { ifDefined as d } from "lit/directives/if-defined.js";
+import { repeat as f } from "lit/directives/repeat.js";
+//#region source/components/tree/tree.style.ts
+var p = a`
+  /* Base styles */
+  :host {
+    display: block;
+  }
+
+  .tree {
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-base);
+    color: var(--bp-color-text);
+  }
+
+  /* Node structure */
+  .node {
+    position: relative;
+  }
+
+  .node-content {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-2);
+    padding: var(--bp-spacing-2) var(--bp-spacing-3);
+    padding-left: calc(
+      var(--bp-spacing-3) + var(--node-level, 0) * var(--bp-spacing-5)
+    );
+    border-radius: var(--bp-border-radius-sm);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      background-color var(--bp-transition-fast),
+      color var(--bp-transition-fast);
+  }
+
+  .node-content:hover {
+    background-color: var(--bp-color-surface-subdued);
+  }
+
+  .node-content:focus {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  .node-content:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  .node-content:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  /* Selected state */
+  .node-content--selected {
+    background-color: oklch(from var(--bp-color-primary) l c h / 0.15);
+    color: var(--bp-color-primary);
+  }
+
+  .node-content--selected:hover {
+    background-color: oklch(from var(--bp-color-primary) l c h / 0.2);
+  }
+
+  /* Active state */
+  .node-content:active {
+    background-color: var(--bp-color-surface-subdued);
+    transform: translateY(1px);
+  }
+
+  .node-content--selected:active {
+    background-color: oklch(from var(--bp-color-primary) l c h / 0.25);
+  }
+
+  /* Toggle icon */
+  .node-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--bp-spacing-5);
+    height: var(--bp-spacing-5);
+    flex-shrink: 0;
+    visibility: hidden;
+  }
+
+  .node-toggle--visible {
+    visibility: visible;
+  }
+
+  .node-toggle--visible:hover {
+    background-color: var(--bp-color-surface-subdued);
+    border-radius: var(--bp-border-radius-sm);
+  }
+
+  .toggle-icon {
+    width: var(--bp-spacing-4);
+    height: var(--bp-spacing-4);
+    transition: transform var(--bp-transition-fast) ease-out;
+  }
+
+  .toggle-icon--expanded {
+    transform: rotate(90deg);
+  }
+
+  /* Node custom icon */
+  .node-icon {
+    flex-shrink: 0;
+    color: var(--bp-color-text-muted);
+  }
+
+  /* Node label */
+  .node-label {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Children container */
+  .node-children {
+    position: relative;
+    content-visibility: auto;
+    contain-intrinsic-size: auto 200px;
+  }
+
+  /* Expanded state visual cue */
+  .node--expanded > .node-content {
+    background-color: var(--bp-color-surface);
+  }
+
+  /* Disabled state */
+  .node--disabled .node-content {
+    cursor: not-allowed;
+  }
+
+  .node--disabled .node-label {
+    opacity: var(--bp-opacity-disabled);
+  }
+
+  .node--disabled .node-content:hover {
+    background-color: transparent;
+  }
+
+  /* Show lines variant */
+  .tree--lines .node-children {
+    margin-left: calc(var(--bp-spacing-4) + var(--bp-spacing-4));
+    padding-left: var(--bp-spacing-4);
+    border-left: var(--bp-border-width) solid var(--bp-color-border);
+  }
+
+  /* Sizes */
+  .tree--sm {
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .tree--sm .node-content {
+    padding: var(--bp-spacing-1) var(--bp-spacing-2);
+    padding-left: calc(
+      var(--bp-spacing-2) + var(--node-level, 0) * var(--bp-spacing-4)
+    );
+  }
+
+  .tree--sm .node-toggle {
+    width: var(--bp-spacing-4);
+    height: var(--bp-spacing-4);
+  }
+
+  .tree--sm .toggle-icon {
+    width: var(--bp-spacing-3);
+    height: var(--bp-spacing-3);
+  }
+
+  .tree--lg {
+    font-size: var(--bp-font-size-lg);
+  }
+
+  .tree--lg .node-content {
+    padding: var(--bp-spacing-3) var(--bp-spacing-4);
+    padding-left: calc(
+      var(--bp-spacing-4) + var(--node-level, 0) * var(--bp-spacing-6)
+    );
+  }
+
+  .tree--lg .node-toggle {
+    width: var(--bp-spacing-6);
+    height: var(--bp-spacing-6);
+  }
+
+  .tree--lg .toggle-icon {
+    width: var(--bp-spacing-5);
+    height: var(--bp-spacing-5);
+  }
+
+  /* Link nodes — reset anchor styles so links look like regular nodes */
+  a.node-content {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  a.node-content:visited {
+    color: inherit;
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .node-content,
+    .toggle-icon {
+      transition: none;
+    }
+
+    .node-content:active {
+      transform: none;
+    }
+  }
+`, m = class extends i {
+	static {
+		this.dependencies = [t];
+	}
+	get expandedSet() {
+		return this.computeExpandedSet(this.expandedIds);
+	}
+	static {
+		this.styles = [p];
+	}
+	constructor() {
+		super(), this.selectedIds = [], this.computeExpandedSet = n((e) => new Set(e)), this.nodes = [], this.selectedId = null, this.expandedIds = [], this.multiSelect = !1, this.showLines = !1, this.selectable = !0, this.size = "md";
+	}
+	expand(e) {
+		if (!this.expandedSet.has(e)) {
+			this.expandedIds = [...this.expandedIds, e];
+			let t = this.findNode(e, this.nodes);
+			t && this.dispatchEvent(new CustomEvent("bp-expand", {
+				detail: {
+					node: t,
+					expanded: !0
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+	}
+	collapse(e) {
+		if (this.expandedSet.has(e)) {
+			this.expandedIds = this.expandedIds.filter((t) => t !== e);
+			let t = this.findNode(e, this.nodes);
+			t && this.dispatchEvent(new CustomEvent("bp-collapse", {
+				detail: {
+					node: t,
+					expanded: !1
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+	}
+	toggle(e) {
+		this.expandedSet.has(e) ? this.collapse(e) : this.expand(e);
+	}
+	expandAll() {
+		let e = this.getAllNodeIds(this.nodes);
+		this.expandedIds = e;
+	}
+	collapseAll() {
+		this.expandedIds = [];
+	}
+	selectNode(e) {
+		let t = this.findNode(e, this.nodes);
+		t && !t.disabled && (this.multiSelect ? this.selectedIds = this.selectedIds.includes(e) ? this.selectedIds.filter((t) => t !== e) : [...this.selectedIds, e] : this.selectedId = e, this.dispatchEvent(new CustomEvent("bp-select", {
+			detail: {
+				node: t,
+				selectedIds: this.multiSelect ? this.selectedIds : [e],
+				path: this.getNodePath(e, this.nodes)
+			},
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	clearSelection() {
+		this.selectedId = null, this.selectedIds = [];
+	}
+	findNode(e, t) {
+		for (let n of t) {
+			if (n.id === e) return n;
+			if (n.children) {
+				let t = this.findNode(e, n.children);
+				if (t) return t;
+			}
+		}
+		return null;
+	}
+	getAllNodeIds(e) {
+		let t = [];
+		for (let n of e) n.children && n.children.length > 0 && (t.push(n.id), t.push(...this.getAllNodeIds(n.children)));
+		return t;
+	}
+	getNodePath(e, t, n = []) {
+		for (let r of t) {
+			if (r.id === e) return [...n, r.id];
+			if (r.children) {
+				let t = this.getNodePath(e, r.children, [...n, r.id]);
+				if (t.length > n.length + 1) return t;
+			}
+		}
+		return n;
+	}
+	handleNodeClick(e, t) {
+		if (e.stopPropagation(), t.href && !t.disabled) {
+			let n = new CustomEvent("bp-navigate", {
+				detail: {
+					node: t,
+					href: t.href,
+					path: this.getNodePath(t.id, this.nodes)
+				},
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0
+			});
+			if (this.dispatchEvent(n)) return;
+			e.preventDefault();
+			return;
+		}
+		this.selectable && !t.disabled && this.selectNode(t.id);
+	}
+	handleToggleClick(e, t) {
+		e.stopPropagation(), e.preventDefault(), this.toggle(t.id);
+	}
+	handleKeyDown(e, t) {
+		let n = t.children && t.children.length > 0, r = this.expandedSet.has(t.id);
+		switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), t.href && !t.disabled ? this.handleNodeClick(e, t) : this.selectable && !t.disabled && this.selectNode(t.id);
+				break;
+			case "ArrowRight":
+				e.preventDefault(), n && !r && this.expand(t.id);
+				break;
+			case "ArrowLeft": e.preventDefault(), n && r && this.collapse(t.id);
+		}
+	}
+	isSelected(e) {
+		return this.multiSelect ? this.selectedIds.includes(e) : this.selectedId === e;
+	}
+	renderNode(e, t = 0) {
+		let n = e.children && e.children.length > 0, i = this.expandedSet.has(e.id), a = this.isSelected(e.id), c = `node-content ${a ? "node-content--selected" : ""} ${e.href ? "node-content--link" : ""}`, l = o`
+      <span
+        class="node-toggle ${n ? "node-toggle--visible" : ""}"
+        part="node-icon"
+        @click=${(t) => this.handleToggleClick(t, e)}
+      >
+        ${n ? o`<bp-icon
+                class="toggle-icon ${i ? "toggle-icon--expanded" : ""}"
+                .svg=${r}
+                size="sm"
+              ></bp-icon>` : s}
+      </span>
+      ${e.icon ? o`<bp-icon
+              class="node-icon"
+              part="node-custom-icon"
+              name=${e.icon}
+              size="sm"
+            ></bp-icon>` : s}
+      <span class="node-label" part="node-label">${e.label}</span>
+    `, u = e.href ? o`
+          <a
+            class=${c}
+            part="node-content"
+            href=${e.href}
+            tabindex=${e.disabled ? -1 : 0}
+            @click=${(t) => this.handleNodeClick(t, e)}
+            @keydown=${(t) => this.handleKeyDown(t, e)}
+          >
+            ${l}
+          </a>
+        ` : o`
+          <div
+            class=${c}
+            part="node-content"
+            tabindex=${e.disabled ? -1 : 0}
+            @click=${(t) => this.handleNodeClick(t, e)}
+            @keydown=${(t) => this.handleKeyDown(t, e)}
+          >
+            ${l}
+          </div>
+        `;
+		return o`
+      <div
+        class="node ${e.disabled ? "node--disabled" : ""} ${n && i ? "node--expanded" : ""}"
+        part="node"
+        role="treeitem"
+        aria-expanded=${d(n ? i ? "true" : "false" : void 0)}
+        aria-selected=${d(this.selectable ? a ? "true" : "false" : void 0)}
+        aria-disabled=${d(e.disabled ? "true" : void 0)}
+        style="--node-level: ${t}"
+      >
+        ${u}
+        ${n && i ? o`
+                <div class="node-children" part="node-children" role="group">
+                  ${f(e.children, (e) => e.id, (e) => this.renderNode(e, t + 1))}
+                </div>
+              ` : s}
+      </div>
+    `;
+	}
+	render() {
+		let e = this.nodes && this.nodes.length > 0;
+		return o`
+      <div
+        class="tree tree--${this.size} ${this.showLines ? "tree--lines" : ""}"
+        part="tree"
+        role="tree"
+        aria-multiselectable=${d(this.multiSelect ? "true" : void 0)}
+      >
+        ${e ? f(this.nodes, (e) => e.id, (e) => this.renderNode(e, 0)) : o`<slot></slot>`}
+      </div>
+    `;
+	}
+};
+e([l({ type: Array })], m.prototype, "nodes", void 0), e([l({
+	type: String,
+	reflect: !0
+})], m.prototype, "selectedId", void 0), e([l({ type: Array })], m.prototype, "expandedIds", void 0), e([l({
+	type: Boolean,
+	reflect: !0,
+	attribute: "multi-select"
+})], m.prototype, "multiSelect", void 0), e([l({
+	type: Boolean,
+	reflect: !0,
+	attribute: "show-lines"
+})], m.prototype, "showLines", void 0), e([l({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "selectable", void 0), e([l({
+	type: String,
+	reflect: !0,
+	converter: { fromAttribute: (e) => e && [
+		"sm",
+		"md",
+		"lg"
+	].includes(e) ? e : "md" }
+})], m.prototype, "size", void 0), e([u()], m.prototype, "selectedIds", void 0), m = e([c("bp-tree")], m);
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=tree-Dm3oQey1.js.map

package/dist/shared/tree-Dm3oQey1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-Dm3oQey1.js","names":["_decorate","__decorate","memoizeOne","treeStyles","BpTree","LitElement","BpIcon","expandedIds","nodeId","node","id","allIds","nodes","found","ids","path","foundPath","event","navigateEvent","hasChildren","isExpanded","isSelected","contentClasses","contentInner","e","chevronRightSvg","nothing","nodeContent","ifDefined","level","repeat","child","hasNodes","property","value","state","customElement"],"sources":["../../source/components/tree/tree.style.ts","../../source/components/tree/tree.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const treeStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n  }\n\n  .tree {\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-base);\n    color: var(--bp-color-text);\n  }\n\n  /* Node structure */\n  .node {\n    position: relative;\n  }\n\n  .node-content {\n    display: flex;\n    align-items: center;\n    gap: var(--bp-spacing-2);\n    padding: var(--bp-spacing-2) var(--bp-spacing-3);\n    padding-left: calc(\n      var(--bp-spacing-3) + var(--node-level, 0) * var(--bp-spacing-5)\n    );\n    border-radius: var(--bp-border-radius-sm);\n    cursor: pointer;\n    user-select: none;\n    transition:\n      background-color var(--bp-transition-fast),\n      color var(--bp-transition-fast);\n  }\n\n  .node-content:hover {\n    background-color: var(--bp-color-surface-subdued);\n  }\n\n  .node-content:focus {\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n  }\n\n  .node-content:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  .node-content:focus-visible {\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n  }\n\n  /* Selected state */\n  .node-content--selected {\n    background-color: oklch(from var(--bp-color-primary) l c h / 0.15);\n    color: var(--bp-color-primary);\n  }\n\n  .node-content--selected:hover {\n    background-color: oklch(from var(--bp-color-primary) l c h / 0.2);\n  }\n\n  /* Active state */\n  .node-content:active {\n    background-color: var(--bp-color-surface-subdued);\n    transform: translateY(1px);\n  }\n\n  .node-content--selected:active {\n    background-color: oklch(from var(--bp-color-primary) l c h / 0.25);\n  }\n\n  /* Toggle icon */\n  .node-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--bp-spacing-5);\n    height: var(--bp-spacing-5);\n    flex-shrink: 0;\n    visibility: hidden;\n  }\n\n  .node-toggle--visible {\n    visibility: visible;\n  }\n\n  .node-toggle--visible:hover {\n    background-color: var(--bp-color-surface-subdued);\n    border-radius: var(--bp-border-radius-sm);\n  }\n\n  .toggle-icon {\n    width: var(--bp-spacing-4);\n    height: var(--bp-spacing-4);\n    transition: transform var(--bp-transition-fast) ease-out;\n  }\n\n  .toggle-icon--expanded {\n    transform: rotate(90deg);\n  }\n\n  /* Node custom icon */\n  .node-icon {\n    flex-shrink: 0;\n    color: var(--bp-color-text-muted);\n  }\n\n  /* Node label */\n  .node-label {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* Children container */\n  .node-children {\n    position: relative;\n    content-visibility: auto;\n    contain-intrinsic-size: auto 200px;\n  }\n\n  /* Expanded state visual cue */\n  .node--expanded > .node-content {\n    background-color: var(--bp-color-surface);\n  }\n\n  /* Disabled state */\n  .node--disabled .node-content {\n    cursor: not-allowed;\n  }\n\n  .node--disabled .node-label {\n    opacity: var(--bp-opacity-disabled);\n  }\n\n  .node--disabled .node-content:hover {\n    background-color: transparent;\n  }\n\n  /* Show lines variant */\n  .tree--lines .node-children {\n    margin-left: calc(var(--bp-spacing-4) + var(--bp-spacing-4));\n    padding-left: var(--bp-spacing-4);\n    border-left: var(--bp-border-width) solid var(--bp-color-border);\n  }\n\n  /* Sizes */\n  .tree--sm {\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .tree--sm .node-content {\n    padding: var(--bp-spacing-1) var(--bp-spacing-2);\n    padding-left: calc(\n      var(--bp-spacing-2) + var(--node-level, 0) * var(--bp-spacing-4)\n    );\n  }\n\n  .tree--sm .node-toggle {\n    width: var(--bp-spacing-4);\n    height: var(--bp-spacing-4);\n  }\n\n  .tree--sm .toggle-icon {\n    width: var(--bp-spacing-3);\n    height: var(--bp-spacing-3);\n  }\n\n  .tree--lg {\n    font-size: var(--bp-font-size-lg);\n  }\n\n  .tree--lg .node-content {\n    padding: var(--bp-spacing-3) var(--bp-spacing-4);\n    padding-left: calc(\n      var(--bp-spacing-4) + var(--node-level, 0) * var(--bp-spacing-6)\n    );\n  }\n\n  .tree--lg .node-toggle {\n    width: var(--bp-spacing-6);\n    height: var(--bp-spacing-6);\n  }\n\n  .tree--lg .toggle-icon {\n    width: var(--bp-spacing-5);\n    height: var(--bp-spacing-5);\n  }\n\n  /* Link nodes — reset anchor styles so links look like regular nodes */\n  a.node-content {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  a.node-content:visited {\n    color: inherit;\n  }\n\n  /* Reduced motion */\n  @media (prefers-reduced-motion: reduce) {\n    .node-content,\n    .toggle-icon {\n      transition: none;\n    }\n\n    .node-content:active {\n      transform: none;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { treeStyles } from './tree.style.js';\nimport { memoizeOne } from '../../utilities/memoize.js';\nimport { chevronRightSvg } from '../icon/icons/entries/chevron-right.js';\nimport { BpIcon } from '../icon/icon.js';\nimport type { IconName } from '../icon/icon.js';\n\n/**\n * Tree node data structure\n */\nexport interface TreeNode {\n  /** Unique identifier for the node */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional icon name */\n  icon?: IconName;\n  /** URL to navigate to when the node is clicked */\n  href?: string;\n  /** Child nodes */\n  children?: TreeNode[];\n  /** Whether the node is disabled */\n  disabled?: boolean;\n  /** Custom data attached to the node */\n  data?: unknown;\n}\n\n/**\n * A hierarchical tree component for displaying nested data structures.\n *\n * @fires bp-select - Fired when a node is selected. Detail: { node: TreeNode, path: string[] }\n * @fires bp-expand - Fired when a node is expanded. Detail: { node: TreeNode, expanded: boolean }\n * @fires bp-collapse - Fired when a node is collapsed. Detail: { node: TreeNode, expanded: boolean }\n * @fires bp-navigate - Fired when a node with href is clicked. Detail: { node: TreeNode, href: string, path: string[] }. Call preventDefault() to handle navigation yourself.\n *\n * @slot - Default slot for custom tree items (when not using data prop)\n *\n * @csspart tree - The tree container\n * @csspart node - Individual tree nodes\n * @csspart node-content - The clickable content area of a node\n * @csspart node-icon - The expand/collapse icon\n * @csspart node-label - The node label text\n * @csspart node-children - Container for child nodes\n */\n@customElement('bp-tree')\nexport class BpTree extends LitElement {\n  /**\n   * Child components that self-register as custom elements on import.\n   * Value imports prevent bundler tree-shaking of the registration side effect.\n   */\n  static dependencies = [BpIcon];\n\n  /** Array of tree nodes to render */\n  @property({ type: Array }) declare nodes: TreeNode[];\n\n  /** Currently selected node ID */\n  @property({ type: String, reflect: true }) declare selectedId: string | null;\n\n  /** Array of expanded node IDs */\n  @property({ type: Array }) declare expandedIds: string[];\n\n  /** Whether multiple nodes can be selected */\n  @property({ type: Boolean, reflect: true, attribute: 'multi-select' })\n  declare multiSelect: boolean;\n\n  /** Whether to show connecting lines between nodes */\n  @property({ type: Boolean, reflect: true, attribute: 'show-lines' })\n  declare showLines: boolean;\n\n  /** Whether nodes can be selected */\n  @property({ type: Boolean, reflect: true }) declare selectable: boolean;\n\n  /** Size variant */\n  @property({\n    type: String,\n    reflect: true,\n    converter: {\n      fromAttribute: (value: string | null) => {\n        const valid = ['sm', 'md', 'lg'];\n        return value && valid.includes(value) ? value : 'md';\n      },\n    },\n  })\n  declare size: 'sm' | 'md' | 'lg';\n\n  /** Selected node IDs when multiSelect is true */\n  @state() private selectedIds: string[] = [];\n\n  /**\n   * Memoized computation of expanded IDs as a Set for O(1) lookups.\n   * Only recomputes when expandedIds reference changes.\n   */\n  private computeExpandedSet = memoizeOne(\n    (expandedIds: string[]): Set<string> => new Set(expandedIds)\n  );\n\n  /**\n   * Get the memoized expanded set for fast lookups during rendering.\n   */\n  private get expandedSet(): Set<string> {\n    return this.computeExpandedSet(this.expandedIds);\n  }\n\n  static styles = [treeStyles];\n\n  constructor() {\n    super();\n    this.nodes = [];\n    this.selectedId = null;\n    this.expandedIds = [];\n    this.multiSelect = false;\n    this.showLines = false;\n    this.selectable = true;\n    this.size = 'md';\n  }\n\n  /**\n   * Expand a node by ID.\n   * Adds the node to expandedIds and dispatches bp-expand event.\n   *\n   * @param nodeId - The ID of the node to expand\n   */\n  expand(nodeId: string): void {\n    if (!this.expandedSet.has(nodeId)) {\n      this.expandedIds = [...this.expandedIds, nodeId];\n      const node = this.findNode(nodeId, this.nodes);\n      if (node) {\n        this.dispatchEvent(\n          new CustomEvent('bp-expand', {\n            detail: { node, expanded: true },\n            bubbles: true,\n            composed: true,\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Collapse a node by ID.\n   * Removes the node from expandedIds and dispatches bp-collapse event.\n   *\n   * @param nodeId - The ID of the node to collapse\n   */\n  collapse(nodeId: string): void {\n    if (this.expandedSet.has(nodeId)) {\n      this.expandedIds = this.expandedIds.filter((id) => id !== nodeId);\n      const node = this.findNode(nodeId, this.nodes);\n      if (node) {\n        this.dispatchEvent(\n          new CustomEvent('bp-collapse', {\n            detail: { node, expanded: false },\n            bubbles: true,\n            composed: true,\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Toggle a node's expanded state.\n   * Calls expand() if collapsed, collapse() if expanded.\n   *\n   * @param nodeId - The ID of the node to toggle\n   */\n  toggle(nodeId: string): void {\n    if (this.expandedSet.has(nodeId)) {\n      this.collapse(nodeId);\n    } else {\n      this.expand(nodeId);\n    }\n  }\n\n  /**\n   * Expand all nodes in the tree.\n   * Sets expandedIds to include all nodes with children.\n   */\n  expandAll(): void {\n    const allIds = this.getAllNodeIds(this.nodes);\n    this.expandedIds = allIds;\n  }\n\n  /**\n   * Collapse all nodes in the tree.\n   * Clears the expandedIds array.\n   */\n  collapseAll(): void {\n    this.expandedIds = [];\n  }\n\n  /**\n   * Select a node by ID.\n   * Respects multiSelect setting and disabled state.\n   * Dispatches bp-select event with node, selectedIds, and path.\n   *\n   * @param nodeId - The ID of the node to select\n   */\n  selectNode(nodeId: string): void {\n    const node = this.findNode(nodeId, this.nodes);\n    if (!node || node.disabled) return;\n\n    if (this.multiSelect) {\n      if (this.selectedIds.includes(nodeId)) {\n        this.selectedIds = this.selectedIds.filter((id) => id !== nodeId);\n      } else {\n        this.selectedIds = [...this.selectedIds, nodeId];\n      }\n    } else {\n      this.selectedId = nodeId;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('bp-select', {\n        detail: {\n          node,\n          selectedIds: this.multiSelect ? this.selectedIds : [nodeId],\n          path: this.getNodePath(nodeId, this.nodes),\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  /**\n   * Clear all selections.\n   * Resets both selectedId and selectedIds.\n   */\n  clearSelection(): void {\n    this.selectedId = null;\n    this.selectedIds = [];\n  }\n\n  /**\n   * Recursively finds a node by ID in the tree structure.\n   *\n   * @param nodeId - The ID to search for\n   * @param nodes - The array of nodes to search within\n   * @returns The found node or null if not found\n   */\n  private findNode(nodeId: string, nodes: TreeNode[]): TreeNode | null {\n    for (const node of nodes) {\n      if (node.id === nodeId) return node;\n      if (node.children) {\n        const found = this.findNode(nodeId, node.children);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Recursively collects all node IDs that have children.\n   * Used for expandAll functionality.\n   *\n   * @param nodes - The array of nodes to collect IDs from\n   * @returns Array of node IDs that have children\n   */\n  private getAllNodeIds(nodes: TreeNode[]): string[] {\n    const ids: string[] = [];\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        ids.push(node.id);\n        ids.push(...this.getAllNodeIds(node.children));\n      }\n    }\n    return ids;\n  }\n\n  /**\n   * Gets the path from root to a specific node.\n   * Returns an array of node IDs representing the path.\n   *\n   * @param nodeId - The target node ID\n   * @param nodes - The array of nodes to search within\n   * @param path - Accumulator for the current path (used in recursion)\n   * @returns Array of node IDs from root to target\n   */\n  private getNodePath(\n    nodeId: string,\n    nodes: TreeNode[],\n    path: string[] = []\n  ): string[] {\n    for (const node of nodes) {\n      if (node.id === nodeId) {\n        return [...path, node.id];\n      }\n      if (node.children) {\n        const foundPath = this.getNodePath(nodeId, node.children, [\n          ...path,\n          node.id,\n        ]);\n        if (foundPath.length > path.length + 1) {\n          return foundPath;\n        }\n      }\n    }\n    return path;\n  }\n\n  /**\n   * Handles click events on tree nodes.\n   * For nodes with href, dispatches bp-navigate and follows the link unless prevented.\n   * For other nodes, selects the node if selectable and not disabled.\n   *\n   * @param event - The click event\n   * @param node - The node that was clicked\n   */\n  private handleNodeClick(event: Event, node: TreeNode): void {\n    event.stopPropagation();\n\n    if (node.href && !node.disabled) {\n      const navigateEvent = new CustomEvent('bp-navigate', {\n        detail: {\n          node,\n          href: node.href,\n          path: this.getNodePath(node.id, this.nodes),\n        },\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n      });\n      const allowed = this.dispatchEvent(navigateEvent);\n      if (allowed) {\n        // Default navigation — let the <a> handle it naturally\n        return;\n      }\n      // Consumer called preventDefault(); suppress default link behavior\n      event.preventDefault();\n      return;\n    }\n\n    if (this.selectable && !node.disabled) {\n      this.selectNode(node.id);\n    }\n  }\n\n  /**\n   * Handles click events on the expand/collapse toggle icon.\n   * Prevents event propagation to avoid triggering node selection.\n   *\n   * @param event - The click event\n   * @param node - The node whose toggle was clicked\n   */\n  private handleToggleClick(event: Event, node: TreeNode): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.toggle(node.id);\n  }\n\n  /**\n   * Handles keyboard navigation on tree nodes.\n   * Enter/Space: select node\n   * ArrowRight: expand node (if has children and collapsed)\n   * ArrowLeft: collapse node (if has children and expanded)\n   *\n   * @param event - The keyboard event\n   * @param node - The node that received the keyboard event\n   */\n  private handleKeyDown(event: KeyboardEvent, node: TreeNode): void {\n    const hasChildren = node.children && node.children.length > 0;\n    const isExpanded = this.expandedSet.has(node.id);\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        if (node.href && !node.disabled) {\n          this.handleNodeClick(event, node);\n        } else if (this.selectable && !node.disabled) {\n          this.selectNode(node.id);\n        }\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (hasChildren && !isExpanded) {\n          this.expand(node.id);\n        }\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (hasChildren && isExpanded) {\n          this.collapse(node.id);\n        }\n        break;\n    }\n  }\n\n  /**\n   * Checks if a node is currently selected.\n   * Handles both single and multi-select modes.\n   *\n   * @param nodeId - The node ID to check\n   * @returns True if the node is selected\n   */\n  private isSelected(nodeId: string): boolean {\n    if (this.multiSelect) {\n      return this.selectedIds.includes(nodeId);\n    }\n    return this.selectedId === nodeId;\n  }\n\n  /**\n   * Recursively renders a tree node and its children.\n   * Handles expand/collapse state, selection, and disabled state.\n   *\n   * @param node - The node to render\n   * @param level - The nesting level (0 for root)\n   * @returns Lit template result\n   */\n  private renderNode(node: TreeNode, level: number = 0): unknown {\n    const hasChildren = node.children && node.children.length > 0;\n    const isExpanded = this.expandedSet.has(node.id);\n    const isSelected = this.isSelected(node.id);\n\n    const contentClasses = `node-content ${isSelected ? 'node-content--selected' : ''} ${node.href ? 'node-content--link' : ''}`;\n\n    const contentInner = html`\n      <span\n        class=\"node-toggle ${hasChildren ? 'node-toggle--visible' : ''}\"\n        part=\"node-icon\"\n        @click=${(e: Event) => this.handleToggleClick(e, node)}\n      >\n        ${\n          hasChildren\n            ? html`<bp-icon\n                class=\"toggle-icon ${isExpanded ? 'toggle-icon--expanded' : ''}\"\n                .svg=${chevronRightSvg}\n                size=\"sm\"\n              ></bp-icon>`\n            : nothing\n        }\n      </span>\n      ${\n        node.icon\n          ? html`<bp-icon\n              class=\"node-icon\"\n              part=\"node-custom-icon\"\n              name=${node.icon}\n              size=\"sm\"\n            ></bp-icon>`\n          : nothing\n      }\n      <span class=\"node-label\" part=\"node-label\">${node.label}</span>\n    `;\n\n    const nodeContent = node.href\n      ? html`\n          <a\n            class=${contentClasses}\n            part=\"node-content\"\n            href=${node.href}\n            tabindex=${node.disabled ? -1 : 0}\n            @click=${(e: Event) => this.handleNodeClick(e, node)}\n            @keydown=${(e: KeyboardEvent) => this.handleKeyDown(e, node)}\n          >\n            ${contentInner}\n          </a>\n        `\n      : html`\n          <div\n            class=${contentClasses}\n            part=\"node-content\"\n            tabindex=${node.disabled ? -1 : 0}\n            @click=${(e: Event) => this.handleNodeClick(e, node)}\n            @keydown=${(e: KeyboardEvent) => this.handleKeyDown(e, node)}\n          >\n            ${contentInner}\n          </div>\n        `;\n\n    return html`\n      <div\n        class=\"node ${node.disabled ? 'node--disabled' : ''} ${\n          hasChildren && isExpanded ? 'node--expanded' : ''\n        }\"\n        part=\"node\"\n        role=\"treeitem\"\n        aria-expanded=${ifDefined(\n          hasChildren ? (isExpanded ? 'true' : 'false') : undefined\n        )}\n        aria-selected=${ifDefined(\n          this.selectable ? (isSelected ? 'true' : 'false') : undefined\n        )}\n        aria-disabled=${ifDefined(node.disabled ? 'true' : undefined)}\n        style=\"--node-level: ${level}\"\n      >\n        ${nodeContent}\n        ${\n          hasChildren && isExpanded\n            ? html`\n                <div class=\"node-children\" part=\"node-children\" role=\"group\">\n                  ${repeat(\n                    node.children!,\n                    (child) => child.id,\n                    (child) => this.renderNode(child, level + 1)\n                  )}\n                </div>\n              `\n            : nothing\n        }\n      </div>\n    `;\n  }\n\n  render() {\n    const hasNodes = this.nodes && this.nodes.length > 0;\n\n    return html`\n      <div\n        class=\"tree tree--${this.size} ${this.showLines ? 'tree--lines' : ''}\"\n        part=\"tree\"\n        role=\"tree\"\n        aria-multiselectable=${ifDefined(this.multiSelect ? 'true' : undefined)}\n      >\n        ${\n          hasNodes\n            ? repeat(\n                this.nodes,\n                (node) => node.id,\n                (node) => this.renderNode(node, 0)\n              )\n            : html`<slot></slot>`\n        }\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-tree': BpTree;\n  }\n}\n"],"mappings":"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"}

package/dist/utilities/field-message.d.ts

@@ -0,0 +1,42 @@
+import { nothing, type TemplateResult } from 'lit';
+/**
+ * Help and error text under a form control.
+ *
+ * Every Blueprint control takes the same two properties:
+ *
+ * - `helperText`: a hint shown under the control.
+ * - `errorMessage`: when set, the control is invalid. The message replaces
+ *   the hint, is announced (`role="alert"`), and the control gets
+ *   `aria-invalid="true"` and an error border.
+ *
+ * The rendered element is referenced from the control's focusable element
+ * with `aria-describedby`, using the ids below.
+ */
+export declare const HELPER_TEXT_ID = "helper-text";
+export declare const ERROR_MESSAGE_ID = "error-message";
+export interface FieldMessageOptions {
+    helperText?: string | null;
+    errorMessage?: string | null;
+    /**
+     * Treat the control as invalid even without a message, e.g. for
+     * `variant="error"` or a boolean `error` flag.
+     */
+    invalid?: boolean;
+}
+export interface FieldMessageState {
+    /** The control should show its error styling and `aria-invalid="true"` */
+    invalid: boolean;
+    /** Id to put in the control's `aria-describedby`, if any */
+    describedBy: string | undefined;
+    showError: boolean;
+    showHelper: boolean;
+}
+export declare function fieldMessageState(options: FieldMessageOptions): FieldMessageState;
+/**
+ * Render the help or error text. `extraParts` adds part names for
+ * backwards compatibility (e.g. `message` on Number Input).
+ */
+export declare function renderFieldMessage(options: FieldMessageOptions, extraParts?: string): TemplateResult | typeof nothing;
+/** Styles for the help and error text; add to a control's `styles`. */
+export declare const fieldMessageStyles: import("lit").CSSResult;
+//# sourceMappingURL=field-message.d.ts.map

package/dist/utilities/field-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-message.d.ts","sourceRoot":"","sources":["../../source/utilities/field-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAC5C,eAAO,MAAM,gBAAgB,kBAAkB,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,mBAAmB,GAC3B,iBAAiB,CAanB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,mBAAmB,EAC5B,UAAU,SAAK,GACd,cAAc,GAAG,OAAO,OAAO,CAuBjC;AAED,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,yBAY9B,CAAC"}

package/dist/utilities/form-control.d.ts

@@ -0,0 +1,87 @@
+import type { LitElement } from 'lit';
+type Constructor<T = object> = new (...args: any[]) => T;
+/** A value `ElementInternals.setFormValue()` accepts. */
+export type FormValue = string | File | FormData | null;
+/** Validity flags plus the message the browser shows for them. */
+export interface FormValidity {
+    flags: ValidityStateFlags;
+    message: string;
+}
+/**
+ * Public API added by {@link FormControlMixin}.
+ *
+ * Declared separately so the mixin's return type can be expressed in .d.ts
+ * output (TypeScript cannot emit anonymous classes with non-public members).
+ */
+export declare class FormControlInterface {
+    static formAssociated: boolean;
+    /** The `<form>` this control belongs to, if any. */
+    readonly form: HTMLFormElement | null;
+    /** Labels associated with the control (e.g. `<label for>` in light DOM). */
+    readonly labels: NodeList | null;
+    /** Current validity state, as on native form controls. */
+    readonly validity: ValidityState | null;
+    /** Message describing why the control is invalid ('' when valid). */
+    readonly validationMessage: string;
+    /** Whether the control takes part in constraint validation. */
+    readonly willValidate: boolean;
+    /** Returns true when the control is valid; fires `invalid` otherwise. */
+    checkValidity(): boolean;
+    /** Like checkValidity(), and shows the browser's validation message. */
+    reportValidity(): boolean;
+    /** Restores the value the control had when it first rendered. */
+    formResetCallback(): void;
+    /** Restores a value the browser saved (back/forward navigation, autofill). */
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    /**
+     * The value submitted with the form. Defaults to `value` as a string;
+     * arrays submit one entry per item. Override for other value shapes.
+     */
+    getFormValue(): FormValue;
+    /**
+     * Validity to report. Defaults to mirroring `getValidityTarget()` when it
+     * returns a native input, else to `valueMissing` when `required` and empty.
+     */
+    getFormValidity(): FormValidity;
+    /**
+     * App-set error that marks the control invalid for its form, like a
+     * native `setCustomValidity()`. Defaults to `errorMessage`. While it is
+     * non-empty the control reports `customError` with this message, taking
+     * precedence over `getFormValidity()`.
+     */
+    getCustomValidityMessage(): string;
+    /** A native input/textarea whose constraint validation is mirrored. */
+    getValidityTarget(): HTMLInputElement | HTMLTextAreaElement | null;
+    /** The focusable element the browser's validation bubble points at. */
+    getValidityAnchor(): HTMLElement | null;
+    /** Pushes value and validity to the form. Runs after every update. */
+    syncFormState(): void;
+}
+/** Validity for an app-set error message, like `setCustomValidity()`. */
+export declare const customErrorValidity: (message: string) => FormValidity;
+/**
+ * Marks a form-associated element invalid while `message` is non-empty
+ * (and it is not disabled), else clears its validity. For controls that
+ * manage their own `ElementInternals` instead of using
+ * {@link FormControlMixin}.
+ */
+export declare const syncCustomValidity: (internals: ElementInternals | null, message: string | null | undefined, disabled: boolean, anchor?: HTMLElement | null) => void;
+/**
+ * Makes a Lit element a form-associated custom element: its `name` and
+ * `value` are submitted with an enclosing `<form>`, `required` takes part in
+ * constraint validation, and form reset restores the initial value.
+ *
+ * The host must expose `name`, `value`, `required` and `disabled` properties.
+ * Components that override `updated()` must call `super.updated()`.
+ *
+ * @example
+ * ```ts
+ * @customElement('bp-input')
+ * export class BpInput extends FormControlMixin(LitElement) { ... }
+ * ```
+ */
+export declare const FormControlMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<FormControlInterface> & {
+    formAssociated: boolean;
+} & T;
+export {};
+//# sourceMappingURL=form-control.d.ts.map

package/dist/utilities/form-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../source/utilities/form-control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEzD,yDAAyD;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC;AAExD,kEAAkE;AAClE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAwBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,MAAM,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,4EAA4E;IAC5E,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IACxC,qEAAqE;IACrE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,+DAA+D;IAC/D,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,aAAa,IAAI,OAAO,CAAC;IACzB,wEAAwE;IACxE,cAAc,IAAI,OAAO,CAAC;IAC1B,iEAAiE;IACjE,iBAAiB,IAAI,IAAI,CAAC;IAC1B,8EAA8E;IAC9E,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IACvE;;;OAGG;IACH,YAAY,IAAI,SAAS,CAAC;IAC1B;;;OAGG;IACH,eAAe,IAAI,YAAY,CAAC;IAChC;;;;;OAKG;IACH,wBAAwB,IAAI,MAAM,CAAC;IACnC,uEAAuE;IACvE,iBAAiB,IAAI,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC;IACnE,uEAAuE;IACvE,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAAC;IACxC,sEAAsE;IACtE,aAAa,IAAI,IAAI,CAAC;CACvB;AAQD,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,YAGpD,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,cAClB,gBAAgB,GAAG,IAAI,WACzB,MAAM,GAAG,IAAI,GAAG,SAAS,YACxB,OAAO,WACR,WAAW,GAAG,IAAI,KAC1B,IAQF,CAAC;AAKF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACpD,CAAC,KA6J2B,WAAW,CAAC,oBAAoB,CAAC,GAAG;IAC1E,cAAc,EAAE,OAAO,CAAC;CACzB,GAAG,CACL,CAAC"}