@redvars/peacock 3.6.1 → 3.6.3

package/dist/popover-content.js

@@ -74,7 +74,7 @@ var css_248z = i`* {
  * @tag wc-popover-content
  * @rawTag popover-content
  * @summary Content container for the wc-popover component.
- * @childComponent true
+ * @parentRawTag popover
  * @tags display
  *
  * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.

package/dist/popover-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.js","sources":["../../src/popover/popover-content.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './popover-content.scss';\n\n/**\n * @label Popover Content\n * @tag wc-popover-content\n * @rawTag popover-content\n * @summary Content container for the wc-popover component.\n * @childComponent true\n * @tags display\n *\n * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.\n * @cssprop --popover-content-padding - Padding of the popover content. Defaults to `var(--spacing-200)`.\n * @cssprop --popover-content-border-radius - Border radius of the popover content. Defaults to `var(--shape-corner-small)`.\n * @cssprop --popover-content-min-width - Minimum width of the popover content. Defaults to `10rem`.\n *\n * @example\n * ```html\n * <wc-popover-content>\n *   <p>Popover body text</p>\n * </wc-popover-content>\n * ```\n */\n@IndividualComponent\nexport class PopoverContent extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Whether the popover content is visible.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'popover-content': true,\n          open: this.open,\n        })}\n        part=\"container\"\n      >\n        <slot></slot>\n        <wc-elevation class=\"elevation\"></wc-elevation>\n        <div class=\"arrow\" part=\"arrow\"></div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;AAmBG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQA,GAAU,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGL;;AAEG;QACyC,IAAA,CAAA,IAAI,GAAG,KAAK;IAiB1D;IAfE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;AAEC,cAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,iBAAiB,EAAE,IAAI;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;;;;;;;KAOL;IACH;;AArBO,cAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAKoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAe,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAN9C,cAAc,GAAA,UAAA,CAAA;IAD1B;AACY,CAAA,EAAA,cAAc,CAuB1B;;;;"}
+{"version":3,"file":"popover-content.js","sources":["../../src/popover/popover-content.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './popover-content.scss';\n\n/**\n * @label Popover Content\n * @tag wc-popover-content\n * @rawTag popover-content\n * @summary Content container for the wc-popover component.\n * @parentRawTag popover\n * @tags display\n *\n * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.\n * @cssprop --popover-content-padding - Padding of the popover content. Defaults to `var(--spacing-200)`.\n * @cssprop --popover-content-border-radius - Border radius of the popover content. Defaults to `var(--shape-corner-small)`.\n * @cssprop --popover-content-min-width - Minimum width of the popover content. Defaults to `10rem`.\n *\n * @example\n * ```html\n * <wc-popover-content>\n *   <p>Popover body text</p>\n * </wc-popover-content>\n * ```\n */\n@IndividualComponent\nexport class PopoverContent extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Whether the popover content is visible.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          'popover-content': true,\n          open: this.open,\n        })}\n        part=\"container\"\n      >\n        <slot></slot>\n        <wc-elevation class=\"elevation\"></wc-elevation>\n        <div class=\"arrow\" part=\"arrow\"></div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;AAmBG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQA,GAAU,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGL;;AAEG;QACyC,IAAA,CAAA,IAAI,GAAG,KAAK;IAiB1D;IAfE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;AAEC,cAAA,EAAAC,CAAQ,CAAC;AACf,YAAA,iBAAiB,EAAE,IAAI;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;;;;;;;KAOL;IACH;;AArBO,cAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAKoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAe,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAN9C,cAAc,GAAA,UAAA,CAAA;IAD1B;AACY,CAAA,EAAA,cAAc,CAuB1B;;;;"}

package/dist/popover.js

@@ -1,4 +1,4 @@
 import './IndividualComponent-DUINtMGK.js';
 import './property-1psGvXOq.js';
-export { P as Popover } from './popover-NC7b1lTq.js';
+export { P as Popover } from './popover-DUPmMVWS.js';
 //# sourceMappingURL=popover.js.map

package/dist/search.js

@@ -289,6 +289,9 @@ let Search = class Search extends i$2 {
         this.size = 'md';
         this.focused = false;
         this.leadingSlotHasContent = false;
+        this.__handleFocusChange = (event) => {
+            this.focused = event.type === 'focus';
+        };
     }
     firstUpdated() {
         observerSlotChangesWithCallback(this.renderRoot.querySelector('slot[name="leading"]'), hasContent => {
@@ -296,14 +299,14 @@ let Search = class Search extends i$2 {
             this.requestUpdate();
         });
     }
-    /** Focuses the internal input element. */
-    focus() {
+    async focus() {
+        await Promise.all([
+            customElements.whenDefined('wc-input'),
+            customElements.whenDefined('wc-field'),
+        ]);
+        await this.updateComplete;
         this.inputElement?.focus();
     }
-    /** Blurs the internal input element. */
-    blur() {
-        this.inputElement?.blur();
-    }
     __handleInput(event) {
         const input = event.target;
         this.value = input.value;
@@ -338,12 +341,6 @@ let Search = class Search extends i$2 {
             this.__clearValue();
         }
     }
-    __handleFocus() {
-        this.focused = true;
-    }
-    __handleBlur() {
-        this.focused = false;
-    }
     __clearValue() {
         this.value = '';
         this.inputElement?.focus();
@@ -408,8 +405,8 @@ let Search = class Search extends i$2 {
           @input=${this.__handleInput}
           @change=${this.__handleChange}
           @keydown=${this.__handleKeydown}
-          @focus=${this.__handleFocus}
-          @blur=${this.__handleBlur}
+          @focus=${this.__handleFocusChange}
+          @blur=${this.__handleFocusChange}
         />
 
         <div class="trailing-actions">

package/dist/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../node_modules/lit-html/directive-helpers.js","../node_modules/lit-html/directives/live.js","../../src/search/search.ts"],"sourcesContent":["import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","import{noChange as r,nothing as e}from\"../lit-html.js\";import{directive as i,Directive as t,PartType as n}from\"../directive.js\";import{isSingleExpression as o,setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const l=i(class extends t{constructor(r){if(super(r),r.type!==n.PROPERTY&&r.type!==n.ATTRIBUTE&&r.type!==n.BOOLEAN_ATTRIBUTE)throw Error(\"The `live` directive is not allowed on child or event bindings\");if(!o(r))throw Error(\"`live` bindings can only contain a single expression\")}render(r){return r}update(i,[t]){if(t===r||t===e)return t;const o=i.element,l=i.name;if(i.type===n.PROPERTY){if(t===o[l])return r}else if(i.type===n.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return r}else if(i.type===n.ATTRIBUTE&&o.getAttribute(l)===t+\"\")return r;return s(i),t}});export{l as live};\n//# sourceMappingURL=live.js.map\n","import { LitElement, html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './search.scss';\nimport colorStyles from './search-colors.scss';\nimport { observerSlotChangesWithCallback } from '@/__utils/observe-slot-change.js';\n\n/**\n * @label Search\n * @tag wc-search\n * @rawTag search\n *\n * @summary A Material 3 search bar for filtering and finding content.\n * @overview\n * <p>The search component provides a text input designed for search interactions.\n * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>\n *\n * @cssprop --search-container-shape - Border radius of the search bar. Defaults to full (pill shape).\n * @cssprop --search-container-color - Background color of the search container.\n * @cssprop --search-input-text-color - Color of the input text.\n * @cssprop --search-placeholder-color - Color of the placeholder text.\n * @cssprop --search-icon-color - Color of the leading and trailing icons.\n * @cssprop --search-outline-color - Border color for the outlined variant.\n * @cssprop --search-outline-width - Border width for the outlined variant.\n *\n * @fires {CustomEvent} input - Dispatched when the search value changes.\n * @fires {CustomEvent} change - Dispatched when the search input loses focus or Enter is pressed.\n * @fires {CustomEvent} clear - Dispatched when the clear button is activated.\n * @fires {CustomEvent} search - Dispatched when the user submits the search (presses Enter).\n *\n * @example\n * ```html\n * <wc-search placeholder=\"Search...\"></wc-search>\n * ```\n * @tags form\n */\n@IndividualComponent\nexport class Search extends LitElement {\n  static styles = [styles, colorStyles];\n\n  /**\n   * Visual style variant.\n   * Possible values: `\"outlined\"`, `\"filled\"`. Defaults to `\"filled\"`.\n   */\n  @property({ type: String, reflect: true })\n  variant: 'outlined' | 'filled' = 'filled';\n\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  @property({ type: String })\n  placeholder: string = 'Search';\n\n  /**\n   * Current search value.\n   */\n  @property({ type: String })\n  value: string = '';\n\n  /**\n   * Whether the search bar is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Whether a clear button is shown when the input has a value.\n   */\n  @property({ type: Boolean })\n  clearable: boolean = true;\n\n  /**\n   * Size of the search bar.\n   * Possible values: `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  @state()\n  private focused: boolean = false;\n\n  @state()\n  private leadingSlotHasContent: boolean = false;\n\n  @query('.search-input')\n  private inputElement?: HTMLInputElement;\n\n  override firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot[name=\"leading\"]'),\n      hasContent => {\n        this.leadingSlotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  /** Focuses the internal input element. */\n  override focus() {\n    this.inputElement?.focus();\n  }\n\n  /** Blurs the internal input element. */\n  override blur() {\n    this.inputElement?.blur();\n  }\n\n  private __handleInput(event: InputEvent) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native input event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native change event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleKeydown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      this.dispatchEvent(\n        new CustomEvent('search', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n    if (event.key === 'Escape') {\n      this.__clearValue();\n    }\n  }\n\n  private __handleFocus() {\n    this.focused = true;\n  }\n\n  private __handleBlur() {\n    this.focused = false;\n  }\n\n  private __clearValue() {\n    this.value = '';\n    this.inputElement?.focus();\n    this.dispatchEvent(\n      new CustomEvent('clear', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: '' },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __renderClearButton() {\n    if (!this.clearable || !this.value) return nothing;\n\n    return html`\n      <button\n        class=\"clear-button\"\n        aria-label=\"Clear search\"\n        tabindex=\"-1\"\n        @click=${this.__clearValue}\n        ?disabled=${this.disabled}\n      >\n        <wc-icon name=\"close\"></wc-icon>\n      </button>\n    `;\n  }\n\n  private __renderLeadingIcon() {\n    return html`\n      <div class=\"leading-icon ${this.leadingSlotHasContent ? 'has-slot' : ''}\">\n        <slot name=\"leading\">\n          <wc-icon name=\"search\"></wc-icon>\n        </slot>\n      </div>\n    `;\n  }\n\n  override render() {\n    const cssClasses = {\n      search: true,\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      focused: this.focused,\n      disabled: this.disabled,\n      'has-value': !!this.value,\n    };\n\n    return html`\n      <div class=${classMap(cssClasses)} role=\"search\">\n        <div class=\"background\"></div>\n        <div class=\"outline\"></div>\n\n        ${this.__renderLeadingIcon()}\n\n        <input\n          class=\"search-input\"\n          type=\"search\"\n          role=\"searchbox\"\n          .value=${live(this.value)}\n          placeholder=${this.placeholder}\n          ?disabled=${this.disabled}\n          aria-label=${this.placeholder}\n          @input=${this.__handleInput}\n          @change=${this.__handleChange}\n          @keydown=${this.__handleKeydown}\n          @focus=${this.__handleFocus}\n          @blur=${this.__handleBlur}\n        />\n\n        <div class=\"trailing-actions\">\n          ${this.__renderClearButton()}\n          <slot name=\"trailing\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["i","t","r","n","o","e","s","LitElement","nothing","html","classMap","live","styles","colorStyles","property","state","query"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AACA,GAAO,MAAoP,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAuc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;;ACJjvB;AACA;AACA;AACA;AACA,GAAG,MAAM,CAAC,CAACA,CAAC,CAAC,cAAcC,CAAC,CAAC,WAAW,CAACC,GAAC,CAAC,CAAC,GAAG,KAAK,CAACA,GAAC,CAAC,CAACA,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,QAAQ,EAAED,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,SAAS,EAAED,GAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,gEAAgE,CAAC,CAAC,GAAG,CAACC,CAAC,CAACF,GAAC,CAAC,CAAC,MAAM,KAAK,CAAC,sDAAsD,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAACD,GAAC,CAAC,CAAC,CAAC,GAAGA,GAAC,GAAGC,CAAC,EAAED,GAAC,GAAGI,CAAC,CAAC,OAAOJ,GAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAGE,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAGF,GAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAACF,GAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAOC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAGC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAGF,GAAC,CAAC,EAAE,CAAC,OAAOC,CAAC,CAAC,OAAOI,CAAC,CAAC,CAAC,CAAC,CAACL,GAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACIvjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQM,GAAU,CAAA;AAA/B,IAAA,WAAA,GAAA;;AAGL;;;AAGG;QAEH,IAAA,CAAA,OAAO,GAA0B,QAAQ;AAEzC;;AAEG;QAEH,IAAA,CAAA,WAAW,GAAW,QAAQ;AAE9B;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAW,EAAE;AAElB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAY,KAAK;AAEzB;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAY,IAAI;AAEzB;;;AAGG;QAEH,IAAA,CAAA,IAAI,GAAuB,IAAI;QAGvB,IAAA,CAAA,OAAO,GAAY,KAAK;QAGxB,IAAA,CAAA,qBAAqB,GAAY,KAAK;IA+JhD;IA1JW,YAAY,GAAA;AACnB,QAAA,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC,EACrD,UAAU,IAAG;AACX,YAAA,IAAI,CAAC,qBAAqB,GAAG,UAAU;YACvC,IAAI,CAAC,aAAa,EAAE;AACtB,QAAA,CAAC,CACF;IACH;;IAGS,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;IAC5B;;IAGS,IAAI,GAAA;AACX,QAAA,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE;IAC3B;AAEQ,IAAA,aAAa,CAAC,KAAiB,EAAA;AACrC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;;QAExB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,YAAA,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AAC7B,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;AAEQ,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;;QAExB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;AACxB,YAAA,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AAC7B,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;AAEQ,IAAA,eAAe,CAAC,KAAoB,EAAA;AAC1C,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;AACxB,gBAAA,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AAC7B,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC,CACH;QACH;AACA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAAC,YAAY,EAAE;QACrB;IACF;IAEQ,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;IACrB;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;IACtB;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;AAC1B,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,YAAA,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AACrB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;IAEQ,mBAAmB,GAAA;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOC,CAAO;AAElD,QAAA,OAAOC,CAAI,CAAA;;;;;AAKE,eAAA,EAAA,IAAI,CAAC,YAAY;AACd,kBAAA,EAAA,IAAI,CAAC,QAAQ;;;;KAI5B;IACH;IAEQ,mBAAmB,GAAA;AACzB,QAAA,OAAOA,CAAI,CAAA;iCACkB,IAAI,CAAC,qBAAqB,GAAG,UAAU,GAAG,EAAE,CAAA;;;;;KAKxE;IACH;IAES,MAAM,GAAA;AACb,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACjC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;SAC1B;AAED,QAAA,OAAOA,CAAI,CAAA;mBACIC,GAAQ,CAAC,UAAU,CAAC,CAAA;;;;UAI7B,IAAI,CAAC,mBAAmB,EAAE;;;;;;AAMjB,iBAAA,EAAAC,CAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AACX,sBAAA,EAAA,IAAI,CAAC,WAAW;AAClB,oBAAA,EAAA,IAAI,CAAC,QAAQ;AACZ,qBAAA,EAAA,IAAI,CAAC,WAAW;AACpB,iBAAA,EAAA,IAAI,CAAC,aAAa;AACjB,kBAAA,EAAA,IAAI,CAAC,cAAc;AAClB,mBAAA,EAAA,IAAI,CAAC,eAAe;AACtB,iBAAA,EAAA,IAAI,CAAC,aAAa;AACnB,gBAAA,EAAA,IAAI,CAAC,YAAY;;;;YAIvB,IAAI,CAAC,mBAAmB,EAAE;;;;KAIjC;IACH;;AA1MO,MAAA,CAAA,MAAM,GAAG,CAACC,UAAM,EAAEC,QAAW,CAAC;AAOrC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACC,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAM1C,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACK,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAM/B,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACP,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMnB,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACD,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAO1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACT,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGxB,UAAA,CAAA;AADP,IAAAC,GAAK;AAC2B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;AADP,IAAAA,GAAK;AACyC,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,MAAA,CAAA;AAGvC,UAAA,CAAA;IADPC,GAAK,CAAC,eAAe;AACkB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAhD7B,MAAM,GAAA,UAAA,CAAA;IADlB;AACY,CAAA,EAAA,MAAM,CA4MlB;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"search.js","sources":["../node_modules/lit-html/directive-helpers.js","../node_modules/lit-html/directives/live.js","../../src/search/search.ts"],"sourcesContent":["import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","import{noChange as r,nothing as e}from\"../lit-html.js\";import{directive as i,Directive as t,PartType as n}from\"../directive.js\";import{isSingleExpression as o,setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const l=i(class extends t{constructor(r){if(super(r),r.type!==n.PROPERTY&&r.type!==n.ATTRIBUTE&&r.type!==n.BOOLEAN_ATTRIBUTE)throw Error(\"The `live` directive is not allowed on child or event bindings\");if(!o(r))throw Error(\"`live` bindings can only contain a single expression\")}render(r){return r}update(i,[t]){if(t===r||t===e)return t;const o=i.element,l=i.name;if(i.type===n.PROPERTY){if(t===o[l])return r}else if(i.type===n.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return r}else if(i.type===n.ATTRIBUTE&&o.getAttribute(l)===t+\"\")return r;return s(i),t}});export{l as live};\n//# sourceMappingURL=live.js.map\n","import { LitElement, html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './search.scss';\nimport colorStyles from './search-colors.scss';\nimport { observerSlotChangesWithCallback } from '@/__utils/observe-slot-change.js';\n\n/**\n * @label Search\n * @tag wc-search\n * @rawTag search\n *\n * @summary A Material 3 search bar for filtering and finding content.\n * @overview\n * <p>The search component provides a text input designed for search interactions.\n * It supports outlined and filled variants, an optional clear button, and leading/trailing icon slots.</p>\n *\n * @cssprop --search-container-shape - Border radius of the search bar. Defaults to full (pill shape).\n * @cssprop --search-container-color - Background color of the search container.\n * @cssprop --search-input-text-color - Color of the input text.\n * @cssprop --search-placeholder-color - Color of the placeholder text.\n * @cssprop --search-icon-color - Color of the leading and trailing icons.\n * @cssprop --search-outline-color - Border color for the outlined variant.\n * @cssprop --search-outline-width - Border width for the outlined variant.\n *\n * @fires {CustomEvent} input - Dispatched when the search value changes.\n * @fires {CustomEvent} change - Dispatched when the search input loses focus or Enter is pressed.\n * @fires {CustomEvent} clear - Dispatched when the clear button is activated.\n * @fires {CustomEvent} search - Dispatched when the user submits the search (presses Enter).\n *\n * @example\n * ```html\n * <wc-search placeholder=\"Search...\"></wc-search>\n * ```\n * @tags form\n */\n@IndividualComponent\nexport class Search extends LitElement {\n  static styles = [styles, colorStyles];\n\n  /**\n   * Visual style variant.\n   * Possible values: `\"outlined\"`, `\"filled\"`. Defaults to `\"filled\"`.\n   */\n  @property({ type: String, reflect: true })\n  variant: 'outlined' | 'filled' = 'filled';\n\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  @property({ type: String })\n  placeholder: string = 'Search';\n\n  /**\n   * Current search value.\n   */\n  @property({ type: String })\n  value: string = '';\n\n  /**\n   * Whether the search bar is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Whether a clear button is shown when the input has a value.\n   */\n  @property({ type: Boolean })\n  clearable: boolean = true;\n\n  /**\n   * Size of the search bar.\n   * Possible values: `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  @state()\n  private focused: boolean = false;\n\n  @state()\n  private leadingSlotHasContent: boolean = false;\n\n  @query('.search-input')\n  private inputElement?: HTMLInputElement;\n\n  override firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot[name=\"leading\"]'),\n      hasContent => {\n        this.leadingSlotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  override async focus() {\n    await Promise.all([\n      customElements.whenDefined('wc-input'),\n      customElements.whenDefined('wc-field'),\n    ]);\n    await this.updateComplete;\n    this.inputElement?.focus();\n  }\n\n  private __handleInput(event: InputEvent) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native input event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    // Prevent the native change event from escaping in addition to our API event.\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __handleKeydown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      this.dispatchEvent(\n        new CustomEvent('search', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n    if (event.key === 'Escape') {\n      this.__clearValue();\n    }\n  }\n\n  private __handleFocusChange = (event: FocusEvent) => {\n    this.focused = event.type === 'focus';\n  };\n\n  private __clearValue() {\n    this.value = '';\n    this.inputElement?.focus();\n    this.dispatchEvent(\n      new CustomEvent('clear', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.dispatchEvent(\n      new CustomEvent('input', {\n        detail: { value: '' },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private __renderClearButton() {\n    if (!this.clearable || !this.value) return nothing;\n\n    return html`\n      <button\n        class=\"clear-button\"\n        aria-label=\"Clear search\"\n        tabindex=\"-1\"\n        @click=${this.__clearValue}\n        ?disabled=${this.disabled}\n      >\n        <wc-icon name=\"close\"></wc-icon>\n      </button>\n    `;\n  }\n\n  private __renderLeadingIcon() {\n    return html`\n      <div class=\"leading-icon ${this.leadingSlotHasContent ? 'has-slot' : ''}\">\n        <slot name=\"leading\">\n          <wc-icon name=\"search\"></wc-icon>\n        </slot>\n      </div>\n    `;\n  }\n\n  override render() {\n    const cssClasses = {\n      search: true,\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      focused: this.focused,\n      disabled: this.disabled,\n      'has-value': !!this.value,\n    };\n\n    return html`\n      <div class=${classMap(cssClasses)} role=\"search\">\n        <div class=\"background\"></div>\n        <div class=\"outline\"></div>\n\n        ${this.__renderLeadingIcon()}\n\n        <input\n          class=\"search-input\"\n          type=\"search\"\n          role=\"searchbox\"\n          .value=${live(this.value)}\n          placeholder=${this.placeholder}\n          ?disabled=${this.disabled}\n          aria-label=${this.placeholder}\n          @input=${this.__handleInput}\n          @change=${this.__handleChange}\n          @keydown=${this.__handleKeydown}\n          @focus=${this.__handleFocusChange}\n          @blur=${this.__handleFocusChange}\n        />\n\n        <div class=\"trailing-actions\">\n          ${this.__renderClearButton()}\n          <slot name=\"trailing\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["i","t","r","n","o","e","s","LitElement","nothing","html","classMap","live","styles","colorStyles","property","state","query"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/src/__controllers/floating-controller.d.ts

@@ -28,6 +28,7 @@ export declare class FloatingController implements ReactiveController {
     private toggle;
     private handleContextMenu;
     private handleFocusOut;
+    private isEventInsideElement;
     private handleOutsideClick;
     open: () => void;
     close: () => void;

package/dist/src/avatar/avatar.d.ts

@@ -6,7 +6,7 @@ import { LitElement } from 'lit';
  * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
  *
  * @cssprop --avatar-border-radius - Controls the border radius of the avatar.
- * @cssprop --avatar-background-color - Controls the color of the avatar.
+ * @cssprop --avatar-container-color - Controls the color of the avatar container.
  * @cssprop --avatar-size - Controls the size of the avatar.
  * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
  *

package/dist/src/breadcrumb/breadcrumb/breadcrumb.d.ts

@@ -25,7 +25,6 @@ export declare class Breadcrumb extends LitElement {
     static Item: typeof BreadcrumbItem;
     /**
      * Accessible label for the breadcrumb navigation landmark.
-     * @default "Breadcrumb"
      */
     label: string;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/canvas/canvas.d.ts

@@ -81,12 +81,12 @@ export declare class Canvas extends LitElement {
      * Optional viewbox override string (e.g. "0 0 100 100").
      */
     viewbox?: string;
-    private unitSize;
-    private gap;
     private static getNextPoint;
-    private static updateComputationArea;
+    private static updateExtents;
     private static getStrokeVariantClasses;
     private computeShapes;
+    private renderBackgroundSvg;
+    private renderShapesSvg;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/src/chip/chip/chip.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { BaseButton } from '@/button/BaseButton.js';
 /**
  * @label Chip
  * @tag wc-chip
@@ -11,20 +11,23 @@ import { LitElement } from 'lit';
  * <wc-chip>Chip content</wc-chip>
  * ```
  */
-export declare class Chip extends LitElement {
+export declare class Chip extends BaseButton {
     static styles: import("lit").CSSResultGroup[];
     /** If true, the tag will have a close icon. */
     dismissible: boolean;
-    /** Tag color. */
-    color?: 'default' | 'blue' | 'green' | 'red' | 'yellow';
-    /** Tag value. */
-    value: string;
-    /** If true, the tag will be selected. */
-    selected: boolean;
-    /** Image source. */
-    imageSrc?: string;
+    /**
+     * Additional ARIA attributes to pass to the inner button/anchor element.
+     */
+    configAria?: {
+        [key: string]: any;
+    };
+    private _hasIconSlotContent;
+    private _isPressed;
+    focus(): void;
+    blur(): void;
+    firstUpdated(): void;
     private _dismissClickHandler;
     private _renderCloseButton;
-    private _renderImage;
     render(): import("lit-html").TemplateResult<1>;
+    renderChipContent(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/chip/chip-set/chip-set.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * @label Chip Set
+ * @tag wc-chip-set
+ * @rawTag chip-set
+ * @summary A layout container for wrapping chips.
+ * @tags layout
+ *
+ * @example
+ * ```html
+ * <wc-chip-set>
+ *   <wc-chip>One</wc-chip>
+ *   <wc-chip>Two</wc-chip>
+ * </wc-chip-set>
+ * ```
+ */
+export declare class ChipSet extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/chip/chip-set/index.d.ts

@@ -0,0 +1 @@
+export { ChipSet } from './chip-set.js';

package/dist/src/code-highlighter/code-highlighter.d.ts

@@ -19,14 +19,18 @@ import { BundledLanguage } from 'shiki';
  */
 export declare class CodeHighlighter extends LitElement {
     static styles: import("lit").CSSResultGroup[];
+    private static readonly COPY_FEEDBACK_DURATION;
     language: BundledLanguage;
     lineNumbers: boolean;
     value: string;
     format?: boolean;
     hideCopy: boolean;
     private compiledCode;
+    private _copied;
     private parsedCode;
+    private _copyFeedbackTimeout;
     connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
     firstUpdated(): void;
     private decode;
     private __highlightCode;

package/dist/src/field/field.d.ts

@@ -17,6 +17,7 @@ import { LitElement, nothing } from 'lit';
  * @tags form
  */
 export declare class Field extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     label: string;
     help: string;

package/dist/src/flow-designer/flow-designer-node.d.ts

@@ -6,6 +6,7 @@ import type { WorkflowNode } from './types.js';
  *
  * @tag wc-flow-designer-node
  * @rawTag flow-designer-node
+ * @parentRawTag flow-designer
  * @wip true
  */
 export declare class FlowDesignerNode extends LitElement {

package/dist/src/image/image.d.ts

@@ -23,7 +23,7 @@ export declare class Image extends LitElement {
     preview: boolean;
     private _isDarkMode;
     private _loaded;
-    private _previewOpen;
+    private _dialog?;
     private _intersectionObserver;
     private _themeCleanup;
     connectedCallback(): void;
@@ -32,6 +32,6 @@ export declare class Image extends LitElement {
     private _setupIntersectionObserver;
     private get _activeSrc();
     private _handleClick;
-    private _closePreview;
+    private _handleDialogClick;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/index.d.ts

@@ -15,6 +15,7 @@ export { Accordion } from './accordion/index.js';
 export { Link } from './link/index.js';
 export { Tag } from './chip/tag/index.js';
 export { Chip } from './chip/chip/index.js';
+export { ChipSet } from './chip/chip-set/index.js';
 export { LinearProgress } from './progress/linear-progress/index.js';
 export { CircularProgress } from './progress/circular-progress/index.js';
 export { Skeleton } from './skeleton/index.js';
@@ -36,6 +37,7 @@ export { Popover, PopoverContent } from './popover/index.js';
 export { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';
 export { Menu, MenuItem, SubMenu } from './menu/index.js';
 export { List, ListItem } from './list/index.js';
+export { Item } from './item/index.js';
 export { CodeHighlighter } from './code-highlighter/index.js';
 export { CodeEditor } from './code-editor/index.js';
 export { HtmlEditor } from './html-editor/index.js';

package/dist/src/input/input.d.ts

@@ -39,12 +39,10 @@ export declare class Input extends BaseInput {
      */
     private dirty;
     private inputElement?;
-    private tabindex?;
+    focus(): Promise<void>;
     connectedCallback(): void;
     private handleInitialAttributes;
     private __handleInput;
-    focus(): void;
-    blur(): void;
     private __handleFocusChange;
     private __redispatchEvent;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/item/index.d.ts

@@ -0,0 +1 @@
+export { Item } from './item.js';

package/dist/src/item/item.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
+/**
+ * @label Item
+ * @tag wc-item
+ * @rawTag item
+ *
+ * @summary A Material 3 item with start, text and end slots.
+ *
+ * @example
+ * ```html
+ * <wc-item selected>
+ *   <wc-icon slot="start" name="home"></wc-icon>
+ *   <div slot="overline">Overline</div>
+ *   <div slot="headline">Headline</div>
+ *   <div slot="supporting-text">Supporting text</div>
+ *   <div slot="trailing-supporting-text">Trailing</div>
+ *   <wc-icon slot="end" name="chevron_right"></wc-icon>
+ * </wc-item>
+ * ```
+ * @tags display
+ */
+export declare class Item extends Item_base {
+    static styles: import("lit").CSSResultGroup[];
+    static get observedAttributes(): string[];
+    private readonly __contentObserver;
+    private __capturedTabIndex?;
+    private __isCapturingTabIndex;
+    selected: boolean;
+    readonly itemElement: HTMLElement | null;
+    isPressed: boolean;
+    private __handleSlotChange;
+    private __hasNamedSlot;
+    private __hasDefaultSlot;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    focus(): void;
+    blur(): void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handleKeyDown: (event: KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    private __getForwardedAttribute;
+    private __captureHostTabIndex;
+    render(): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/menu/menu/menu.d.ts

@@ -63,6 +63,7 @@ export declare class Menu extends LitElement {
     private _isEventFromThisMenu;
     private _ownedItemFromEvent;
     private _setActiveItem;
+    private _dispatchItemActivate;
     private _onClick;
     private _onKeyDown;
     private _onSlotChange;

package/dist/src/menu/menu-item/menu-item.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { Item } from '@/item/item.js';
 declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
 /**
  * @label Menu Item
@@ -21,19 +22,17 @@ export declare class MenuItem extends MenuItem_base {
     submenuOpen: boolean;
     variant: 'standard' | 'vibrant';
     static styles: import("lit").CSSResultGroup[];
-    readonly itemElement: HTMLElement | null;
-    /**
-       * States
-       */
-    isPressed: boolean;
+    readonly itemElement: Item | null;
+    private readonly _contentObserver;
+    private _rovingTabIndex;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    get tabIndex(): number;
+    set tabIndex(value: number);
     focus(): void;
     blur(): void;
-    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
-    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __handleKeyDown: (event: KeyboardEvent) => void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    private _hasNamedSlot;
+    private _hasDefaultSlot;
     render(): import("lit-html").TemplateResult<1>;
     renderContent(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/menu/sub-menu/sub-menu.d.ts

@@ -18,6 +18,7 @@ export declare class SubMenu extends LitElement {
     private readonly _menus;
     private _openTimeout?;
     private _closeTimeout?;
+    private _resolveAnchorElement;
     private readonly _onChildMenuOpened;
     private readonly _onChildMenuClosed;
     get item(): MenuItem | null;

package/dist/src/modal/modal.d.ts

@@ -3,7 +3,7 @@ type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'fullscreen';
 /**
  * @label Modal
  * @tag wc-modal
- * @rawTag modal-wc
+ * @rawTag modal
  * @summary A Material Design 3 dialog/modal for displaying content in a layer above the page, with optional header, body, and footer slots.
  *
  * @cssprop --modal-container-color - Background color of the dialog container.

package/dist/src/navigation-rail/navigation-rail.d.ts

@@ -28,17 +28,13 @@ import { NavigationRailItem } from './navigation-rail-item.js';
  * ```html
  * <wc-navigation-rail>
  *   <wc-navigation-rail-item active>
- *     <wc-icon slot="icon">home</wc-icon>
+ *     <wc-icon slot="icon" name="home"></wc-icon>
  *     Home
  *   </wc-navigation-rail-item>
  *   <wc-navigation-rail-item>
- *     <wc-icon slot="icon">search</wc-icon>
+ *     <wc-icon slot="icon" name="search"></wc-icon>
  *     Search
  *   </wc-navigation-rail-item>
- *   <wc-navigation-rail-item>
- *     <wc-icon slot="icon">settings</wc-icon>
- *     Settings
- *   </wc-navigation-rail-item>
  * </wc-navigation-rail>
  * ```
  * @tags navigation

package/dist/src/popover/popover-content.d.ts

@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
  * @tag wc-popover-content
  * @rawTag popover-content
  * @summary Content container for the wc-popover component.
- * @childComponent true
+ * @parentRawTag popover
  * @tags display
  *
  * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.

package/dist/src/search/search.d.ts

@@ -60,15 +60,11 @@ export declare class Search extends LitElement {
     private leadingSlotHasContent;
     private inputElement?;
     firstUpdated(): void;
-    /** Focuses the internal input element. */
-    focus(): void;
-    /** Blurs the internal input element. */
-    blur(): void;
+    focus(): Promise<void>;
     private __handleInput;
     private __handleChange;
     private __handleKeydown;
-    private __handleFocus;
-    private __handleBlur;
+    private __handleFocusChange;
     private __clearValue;
     private __renderClearButton;
     private __renderLeadingIcon;

package/dist/test/chip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/item.test.d.ts

@@ -0,0 +1 @@
+export {};