@redvars/peacock 3.3.3 → 3.5.0

package/dist/side-sheet.js

@@ -0,0 +1,186 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, A, b } from './IndividualComponent-DUINtMGK.js';
+import { n } from './property-1psGvXOq.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: contents;
+  --side-sheet-container-color: var(--color-surface-container-low, #f7f2fa);
+  --side-sheet-scrim-color: rgba(0, 0, 0, 0.32);
+  --side-sheet-shape: var(--shape-corner-extra-large, 28px);
+  --side-sheet-width: 360px;
+  --side-sheet-transition-duration: var(--duration-medium2, 300ms);
+  --side-sheet-transition-easing: var(--easing-standard, cubic-bezier(0.2, 0, 0, 1));
+}
+
+.scrim {
+  inset: 0;
+  position: fixed;
+  background-color: var(--side-sheet-scrim-color);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--side-sheet-transition-duration) var(--side-sheet-transition-easing);
+  z-index: 1000;
+}
+
+.scrim.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.sheet {
+  background-color: var(--side-sheet-container-color);
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: transform var(--side-sheet-transition-duration) var(--side-sheet-transition-easing);
+  width: var(--side-sheet-width);
+  will-change: transform;
+  z-index: 1001;
+}
+
+.sheet.variant-standard {
+  position: relative;
+  z-index: 1;
+}
+
+/* Position: right */
+.sheet.position-right {
+  border-radius: var(--side-sheet-shape) 0 0 var(--side-sheet-shape);
+  right: 0;
+  transform: translateX(100%);
+}
+
+.sheet.position-right.open {
+  transform: translateX(0);
+}
+
+/* Position: left */
+.sheet.position-left {
+  border-radius: 0 var(--side-sheet-shape) var(--side-sheet-shape) 0;
+  left: 0;
+  transform: translateX(-100%);
+}
+
+.sheet.position-left.open {
+  transform: translateX(0);
+}
+
+.content {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  padding: var(--spacing-300, 1.5rem);
+}`;
+
+/**
+ * @label Side Sheet
+ * @tag wc-side-sheet
+ * @rawTag side-sheet
+ * @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.
+ *
+ * @cssprop --side-sheet-container-color - Background color of the sheet container.
+ * @cssprop --side-sheet-scrim-color - Color of the modal scrim overlay.
+ * @cssprop --side-sheet-shape - Corner radius of the leading edge.
+ * @cssprop --side-sheet-width - Width of the side sheet.
+ *
+ * @example
+ * ```html
+ * Side Sheet
+
+ * ```
+ * @tags navigation, overlay
+ */
+let SideSheet = class SideSheet extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Whether the sheet is visible. */
+        this.open = false;
+        /**
+         * Sheet variant.
+         * - `"standard"`: Coexists with page content; no scrim.
+         * - `"modal"`: Overlays page content with a scrim backdrop.
+         */
+        this.variant = 'modal';
+        /**
+         * Side from which the sheet slides in.
+         * - `"left"`: Sheet opens from the left edge.
+         * - `"right"`: Sheet opens from the right edge.
+         */
+        this.position = 'right';
+    }
+    show() {
+        this.open = true;
+    }
+    hide() {
+        this._close('programmatic');
+    }
+    _close(reason) {
+        if (!this.open)
+            return;
+        this.open = false;
+        this.dispatchEvent(new CustomEvent('side-sheet-close', {
+            detail: { reason },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleScrimClick() {
+        if (this.variant === 'modal') {
+            this._close('scrim');
+        }
+    }
+    render() {
+        return b `
+      ${this.variant === 'modal'
+            ? b `<div
+            class=${e({ scrim: true, visible: this.open })}
+            @click=${this._handleScrimClick}
+          ></div>`
+            : A}
+
+      <div
+        class=${e({
+            sheet: true,
+            open: this.open,
+            [`variant-${this.variant}`]: true,
+            [`position-${this.position}`]: true,
+        })}
+        role="dialog"
+        aria-modal=${this.variant === 'modal' ? 'true' : 'false'}
+        aria-hidden=${!this.open ? 'true' : 'false'}
+      >
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+SideSheet.styles = [css_248z];
+__decorate([
+    n({ type: Boolean, reflect: true })
+], SideSheet.prototype, "open", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], SideSheet.prototype, "variant", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], SideSheet.prototype, "position", void 0);
+SideSheet = __decorate([
+    IndividualComponent
+], SideSheet);
+
+export { SideSheet };
+//# sourceMappingURL=side-sheet.js.map

package/dist/side-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-sheet.js","sources":["../../src/side-sheet/side-sheet.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '../IndividualComponent.js';\nimport styles from './side-sheet.scss';\n\n/**\n * @label Side Sheet\n * @tag wc-side-sheet\n * @rawTag side-sheet\n * @summary Side sheets slide in from the edge of the screen to reveal supplemental content. Supports standard and modal variants per Material Design 3.\n *\n * @cssprop --side-sheet-container-color - Background color of the sheet container.\n * @cssprop --side-sheet-scrim-color - Color of the modal scrim overlay.\n * @cssprop --side-sheet-shape - Corner radius of the leading edge.\n * @cssprop --side-sheet-width - Width of the side sheet.\n *\n * @example\n * ```html\n * Side Sheet\n\n * ```\n * @tags navigation, overlay\n */\n@IndividualComponent\nexport class SideSheet extends LitElement {\n  static styles = [styles];\n\n  /** Whether the sheet is visible. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * Sheet variant.\n   * - `\"standard\"`: Coexists with page content; no scrim.\n   * - `\"modal\"`: Overlays page content with a scrim backdrop.\n   */\n  @property({ type: String, reflect: true }) variant: 'standard' | 'modal' =\n    'modal';\n\n  /**\n   * Side from which the sheet slides in.\n   * - `\"left\"`: Sheet opens from the left edge.\n   * - `\"right\"`: Sheet opens from the right edge.\n   */\n  @property({ type: String, reflect: true }) position: 'left' | 'right' =\n    'right';\n\n  show() {\n    this.open = true;\n  }\n\n  hide() {\n    this._close('programmatic');\n  }\n\n  private _close(reason: string) {\n    if (!this.open) return;\n    this.open = false;\n    this.dispatchEvent(\n      new CustomEvent('side-sheet-close', {\n        detail: { reason },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _handleScrimClick() {\n    if (this.variant === 'modal') {\n      this._close('scrim');\n    }\n  }\n\n  render() {\n    return html`\n      ${this.variant === 'modal'\n        ? html`<div\n            class=${classMap({ scrim: true, visible: this.open })}\n            @click=${this._handleScrimClick}\n          ></div>`\n        : nothing}\n\n      <div\n        class=${classMap({\n          sheet: true,\n          open: this.open,\n          [`variant-${this.variant}`]: true,\n          [`position-${this.position}`]: true,\n        })}\n        role=\"dialog\"\n        aria-modal=${this.variant === 'modal' ? 'true' : 'false'}\n        aria-hidden=${!this.open ? 'true' : 'false'}\n      >\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","nothing","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQA,GAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;;QAIuC,IAAA,CAAA,IAAI,GAAG,KAAK;AAExD;;;;AAIG;QACwC,IAAA,CAAA,OAAO,GAChD,OAAO;AAET;;;;AAIG;QACwC,IAAA,CAAA,QAAQ,GACjD,OAAO;IAsDX;IApDE,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;IAClB;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;IAC7B;AAEQ,IAAA,MAAM,CAAC,MAAc,EAAA;QAC3B,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;AAChB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAClC,MAAM,EAAE,EAAE,MAAM,EAAE;AAClB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;IAEQ,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QACtB;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;QACP,IAAI,CAAC,OAAO,KAAK;cACfA,CAAI,CAAA,CAAA;AACM,kBAAA,EAAAC,CAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;AAC5C,mBAAA,EAAA,IAAI,CAAC,iBAAiB;AACzB,iBAAA;AACV,cAAEC,CAAO;;;AAGD,cAAA,EAAAD,CAAQ,CAAC;AACf,YAAA,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACjC,YAAA,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAA,CAAE,GAAG,IAAI;SACpC,CAAC;;qBAEW,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO;sBAC1C,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO;;;;;;KAM9C;IACH;;AAxEO,SAAA,CAAA,MAAM,GAAG,CAACE,QAAM,CAAC;AAGoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAe,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IAA1CA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAOiC,UAAA,CAAA;IAA1CA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AApBC,SAAS,GAAA,UAAA,CAAA;IADrB;AACY,CAAA,EAAA,SAAS,CA0ErB;;;;"}

package/dist/spread-B5cgadZl.js

@@ -0,0 +1,32 @@
+import { e, i, t } from './directive-ZPhl09Yt.js';
+
+class SpreadDirective extends i {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== t.ELEMENT) {
+            throw new Error('spread() can only be used on elements');
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    render(_props) {
+        return '';
+    }
+    update(part, [props]) {
+        if (!props)
+            return;
+        // eslint-disable-next-line guard-for-in,no-restricted-syntax
+        for (const key in props) {
+            const value = props[key];
+            if (value === undefined || value === null) {
+                part.element.removeAttribute(key);
+            }
+            else {
+                part.element.setAttribute(key, value);
+            }
+        }
+    }
+}
+const spread = e(SpreadDirective);
+
+export { spread as s };
+//# sourceMappingURL=spread-B5cgadZl.js.map

package/dist/spread-B5cgadZl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-B5cgadZl.js","sources":["../../src/__directive/spread.ts"],"sourcesContent":["import {\n  directive,\n  Directive,\n  ElementPart,\n  PartInfo,\n  PartType,\n} from 'lit/directive.js';\n\nclass SpreadDirective extends Directive {\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error('spread() can only be used on elements');\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  render(_props: { [key: string]: any } | undefined) {\n    return '';\n  }\n\n  update(part: ElementPart, [props]: [{ [key: string]: any } | undefined]) {\n    if (!props) return;\n    // eslint-disable-next-line guard-for-in,no-restricted-syntax\n    for (const key in props) {\n      const value = props[key];\n      if (value === undefined || value === null) {\n        part.element.removeAttribute(key);\n      } else {\n        part.element.setAttribute(key, value);\n      }\n    }\n  }\n}\n\nexport const spread = directive(SpreadDirective);\n"],"names":["Directive","PartType","directive"],"mappings":";;AAQA,MAAM,eAAgB,SAAQA,CAAS,CAAA;AACrC,IAAA,WAAA,CAAY,QAAkB,EAAA;QAC5B,KAAK,CAAC,QAAQ,CAAC;QACf,IAAI,QAAQ,CAAC,IAAI,KAAKC,CAAQ,CAAC,OAAO,EAAE;AACtC,YAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;QAC1D;IACF;;AAGA,IAAA,MAAM,CAAC,MAA0C,EAAA;AAC/C,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,MAAM,CAAC,IAAiB,EAAE,CAAC,KAAK,CAAuC,EAAA;AACrE,QAAA,IAAI,CAAC,KAAK;YAAE;;AAEZ,QAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC;YACxB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;AACzC,gBAAA,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC;YACnC;iBAAO;gBACL,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACvC;QACF;IACF;AACD;MAEY,MAAM,GAAGC,CAAS,CAAC,eAAe;;;;"}

package/dist/src/__base_element/BaseHyperlink.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * 1. Define an interface for the members the mixin adds.
+ * This makes the type annotation much cleaner.
+ */
+export interface BaseHyperlinkInterface {
+    href?: string;
+    target: '_self' | '_parent' | '_blank' | '_top' | string;
+    __isLink(): boolean;
+}
+/**
+ * 2. Define the Mixin type separately for readability.
+ */
+type BaseHyperlinkMixinType = <T extends Constructor<LitElement>>(superclass: T) => T & Constructor<BaseHyperlinkInterface>;
+/**
+ * 3. Apply the type annotation to the variable.
+ */
+declare const BaseHyperlink: BaseHyperlinkMixinType;
+export default BaseHyperlink;

package/dist/src/__utils/cache-fetch.d.ts

@@ -0,0 +1 @@
+export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;

package/dist/src/__utils/is-dark-mode.d.ts

@@ -0,0 +1 @@
+export declare function isDarkMode(): boolean;

package/dist/src/__utils/is-in-viewport.d.ts

@@ -0,0 +1 @@
+export declare function isInViewport(element: HTMLElement): boolean;

package/dist/src/__utils/observe-slot-change.d.ts

@@ -0,0 +1 @@
+export declare function observerSlotChangesWithCallback(slot: HTMLSlotElement | null, callback: (hasContent: boolean) => void): void;

package/dist/src/__utils/sanitize-svg.d.ts

@@ -0,0 +1 @@
+export declare function sanitizeSvg(rawSvg: string): string;

package/dist/src/__utils/throttle.d.ts

@@ -0,0 +1,4 @@
+export declare function throttle(func: Function, delay: number, options?: {
+    leading: boolean;
+    trailing: boolean;
+}): (...args: any[]) => void;

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

@@ -3,13 +3,27 @@ import { LitElement } from 'lit';
  * @label Accordion Item
  * @tag wc-accordion-item
  * @rawTag accordion-item
- * @summary An accordion item is single item in an accordion list. It contains a header and a content section that can be expanded or collapsed by the user.
+ * @summary An expansion panel with a header that reveals or hides associated content. Follows Material Design 3 expansion panel guidelines.
  * @parentRawTag accordion
  *
+ * @slot - The body content revealed when the panel is expanded.
+ * @slot heading - The panel title. Renders as `body-large` text.
+ * @slot description - Optional subtitle rendered below the title. Renders as `body-small` text.
+ * @slot header-actions - Actions (e.g. icon buttons) placed at the trailing end of the header, before the toggle icon.
+ *
+ * @part header - The header `<button>` element.
+ * @part title - The title text container.
+ * @part description - The description text container.
+ * @part content - The expandable content region wrapper.
+ *
+ * @fires {CustomEvent<{ open: boolean }>} accordion-item:toggle - Fired when the panel is expanded or collapsed.
+ *
  * @example
  * ```html
  * <wc-accordion-item>
- * Testing
+ *   <span slot="heading">Personal information</span>
+ *   <span slot="description">Fill in your details</span>
+ *   <p>Content goes here.</p>
  * </wc-accordion-item>
  * ```
  * @tags display
@@ -18,20 +32,30 @@ export declare class AccordionItem extends LitElement {
     #private;
     static styles: import("lit").CSSResultGroup[];
     /**
-     * The menu item value.
-     */
-    heading: string;
-    /**
-     * If true, the user cannot interact with the button. Defaults to `false`.
+     * Whether the user cannot interact with the panel.
      */
     disabled: boolean;
     /**
-     * Menu item selection state.
+     * Whether the panel is expanded.
      */
     open: boolean;
+    /**
+     * Whether to hide the expand/collapse toggle indicator icon.
+     */
+    hideToggle: boolean;
+    /**
+     * Position of the toggle icon relative to the panel title.
+     * `'after'` places it at the trailing end (default, matches M3).
+     * `'before'` places it at the leading start.
+     */
+    togglePosition: 'before' | 'after';
+    private _hasDescriptionSlot;
+    private _hasHeadingSlot;
     private readonly buttonElement;
     focus(): void;
     blur(): void;
-    private __handleToggle;
+    private _handleToggle;
+    private static _onSlotChange;
+    private _renderToggleIcon;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/accordion/accordion.d.ts

@@ -4,21 +4,37 @@ import { AccordionItem } from './accordion-item.js';
  * @label Accordion
  * @tag wc-accordion
  * @rawTag accordion
- * @summary An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.
+ * @summary A vertically stacked set of expansion panels. Follows Material Design 3 expansion panel guidelines.
  *
  * @example
  * ```html
  * <wc-accordion>
- *     <wc-accordion-item heading="Accordion">
- *         Content
- *     </wc-accordion-item>
+ *   <wc-accordion-item>
+ *     <span slot="heading">Panel 1</span>
+ *     <span slot="description">Summary text</span>
+ *     Content
+ *   </wc-accordion-item>
+ *   <wc-accordion-item>
+ *     <span slot="heading">Panel 2</span>
+ *     Content
+ *   </wc-accordion-item>
  * </wc-accordion>
  * ```
  * @tags display
  */
 export declare class Accordion extends LitElement {
     static styles: import("lit").CSSResultGroup[];
-    allowMultiple: boolean;
+    /**
+     * Whether multiple panels can be expanded simultaneously.
+     * When `false` (default), expanding one panel collapses all others.
+     */
+    multi: boolean;
+    /**
+     * Display mode for the accordion.
+     * `'default'` renders panels with a subtle background on expand and dividers between items.
+     * `'flat'` renders panels without borders or background changes — suitable for use inside cards.
+     */
+    displayMode: 'default' | 'flat';
     items: Array<AccordionItem>;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/banner/banner.d.ts

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+type BannerVariant = 'note' | 'info' | 'success' | 'warning' | 'error';
+/**
+ * @label Banner
+ * @tag wc-banner
+ * @rawTag banner
+ * @summary Banners show short, prominent contextual messages with optional icon and description.
+ *
+ * @cssprop --banner-container-color - Background color of the banner container.
+ * @cssprop --banner-label-text-color - Label text color.
+ * @cssprop --banner-description-text-color - Description text color.
+ * @cssprop --banner-icon-color - Icon color.
+ * @cssprop --banner-border-radius - Border radius of the banner surface.
+ *
+ * @example
+ * ```html
+ * <wc-banner variant="note" description="Use semantic roles that preserve a 3:1 contrast ratio."></wc-banner>
+ * ```
+ * @tags display, feedback
+ */
+export declare class Banner extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Visual intent of the banner.
+     */
+    variant: BannerVariant;
+    /**
+     * Optional explicit label text. Falls back to a variant-based label.
+     */
+    label?: string;
+    /**
+     * Optional explicit icon name. Falls back to a variant-based icon.
+     */
+    icon?: string;
+    /**
+     * Optional description text when a default slot is not provided.
+     */
+    description: string;
+    /**
+     * When true, label and description are rendered on a single line.
+     */
+    inline: boolean;
+    private get resolvedLabel();
+    private get resolvedIcon();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1 @@
+export { Banner } from './banner.js';

package/dist/src/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+/**
+ * @label Bottom Sheet
+ * @tag wc-bottom-sheet
+ * @rawTag bottom-sheet
+ * @summary Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants per Material Design 3.
+ *
+ * @cssprop --bottom-sheet-container-color - Background color of the sheet container.
+ * @cssprop --bottom-sheet-scrim-color - Color of the modal scrim overlay.
+ * @cssprop --bottom-sheet-shape - Corner radius of the top edge.
+ * @cssprop --bottom-sheet-max-height - Maximum height of the sheet.
+ *
+ * @example
+ * ```html
+ * Bottom Sheet
+ * ```
+ * @tags navigation, overlay
+ */
+export declare class BottomSheet extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether the sheet is visible. */
+    open: boolean;
+    /**
+     * Sheet variant.
+     * - `"standard"`: Coexists with page content; no scrim.
+     * - `"modal"`: Overlays page content with a scrim backdrop.
+     */
+    variant: 'standard' | 'modal';
+    /** Whether to show the drag handle. */
+    showHandle: boolean;
+    private _dragging;
+    private _dragStartY;
+    private _dragOffsetY;
+    show(): void;
+    hide(): void;
+    private _close;
+    private _handleScrimClick;
+    private _handleDragStart;
+    private _handleDragMove;
+    private _handleDragEnd;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/bottom-sheet/index.d.ts

@@ -0,0 +1 @@
+export { BottomSheet } from './bottom-sheet.js';

package/dist/src/button/BaseButton.d.ts

@@ -1,6 +1,7 @@
 import { LitElement, nothing } from 'lit';
-export declare class BaseButton extends LitElement {
-    #private;
+declare const BaseButton_base: typeof LitElement & (new (...args: any[]) => import("@/__base_element/BaseHyperlink.js").BaseHyperlinkInterface);
+export declare class BaseButton extends BaseButton_base {
+    protected static readonly DISABLED_REASON_ID = "disabled-reason";
     htmlType: 'button' | 'submit' | 'reset';
     /**
      * Type is preset of color and variant. Type will be only applied.
@@ -21,7 +22,7 @@ export declare class BaseButton extends LitElement {
     /**
      * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
      */
-    color: 'primary' | 'success' | 'danger' | 'warning' | 'light' | 'dark';
+    color: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
     /**
      * Button size.
      * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
@@ -40,17 +41,10 @@ export declare class BaseButton extends LitElement {
      * If button is disabled, the reason why it is disabled.
      */
     disabledReason: string;
-    /**
-     * Hyperlink to navigate to on click.
-     */
-    href?: string;
     configAria?: {
         [key: string]: any;
     };
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target: string;
+    toggle: boolean;
     selected: boolean;
     /**
      * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
@@ -67,11 +61,11 @@ export declare class BaseButton extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __isLink(): boolean;
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
     __convertTypeToVariantAndColor(): void;
-    __getDisabledReasonID(): string | typeof nothing;
+    protected get __disabledReasonID(): string | undefined;
     __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
     __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/button/button/button.d.ts

@@ -50,6 +50,10 @@ export declare class Button extends BaseButton {
      */
     iconAlign: 'start' | 'end';
     private slotHasContent;
+    focus(): void;
+    blur(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;

package/dist/src/button/button-group/button-group.d.ts

@@ -10,9 +10,9 @@ import { IconButton } from '../icon-button/icon-button.js';
 
  * @example
  * ```html
- * <wc-button-group>
- *  <wc-icon-button name="home"></wc-icon-button>
- *  <wc-icon-button name="alarm"></wc-icon-button>
+ * <wc-button-group variant="connected">
+ *  <wc-icon-button name="home" toggle selected></wc-icon-button>
+ *  <wc-icon-button name="alarm" toggle></wc-icon-button>
  * </wc-button-group>
  * ```
  *
@@ -27,5 +27,34 @@ export declare class ButtonGroup extends LitElement {
      * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
      */
     size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Layout variant of the button group.
+     * `"standard"` shows buttons with a small gap between them.
+     * `"connected"` places buttons with a 2px gap; in horizontal orientation outer buttons have fully
+     * rounded outer corners and middle buttons keep standard rounded corners. In vertical orientation
+     * all buttons keep their default corner shape.
+     * Defaults to `"standard"`.
+     */
+    variant: 'standard' | 'connected';
+    /**
+     * Orientation of the button group.
+     * `"horizontal"` lays buttons out in a row.
+     * `"vertical"` stacks buttons in a column.
+     * Defaults to `"horizontal"`.
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Color applied to all buttons in the group.
+     * Possible values are `"primary"`, `"success"`, `"danger"`, `"warning"`, `"surface"`, `"on-surface"`.
+     */
+    color?: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
+    /**
+     * Visual style applied to all buttons in the group.
+     * Possible values are `"filled"`, `"tonal"`, `"outlined"`.
+     */
+    buttonVariant?: 'filled' | 'tonal' | 'outlined';
+    updated(): void;
+    private _getSlottedElements;
+    private _syncChildren;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/button/icon-button/icon-button.d.ts

@@ -49,6 +49,10 @@ export declare class IconButton extends BaseButton {
     name?: string;
     src?: string;
     provider: IconProvider;
+    focus(): void;
+    blur(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * @label Card Content
+ * @tag wc-card-content
+ * @rawTag card-content
+ * @parentRawTag
+ *
+ * @cssprop --card-content-padding - Inner padding for the card container. Defaults to 1rem.
+ *
+ * ```
+ */
+export declare class CardContent extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}