@redvars/peacock 3.1.1 → 3.1.3

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js

@@ -0,0 +1,58 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+
+    --divider-color: var(--color-outline-variant);
+    --divider-padding: var(--spacing-200);
+  }
+
+  .divider {
+    display: flex;
+    margin: 0;
+    @include get-typography(body-small-emphasized);
+    color: var(--divider-color);
+
+    &:not(.vertical) {
+      width: 100%;
+      padding: var(--divider-padding) 0;
+      align-items: center;
+      justify-content: center;
+
+      .line {
+        width: 100%;
+        border-top: 1px solid var(--divider-color);
+      }
+
+      &.slot-has-content .slot-container {
+        padding: 0 var(--spacing-200);
+      }
+    }
+
+    &.vertical {
+      height: 100%;
+      padding: 0 var(--divider-padding);
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+
+      .line {
+        height: 100%;
+        border-right: 1px solid var(--divider-color);
+      }
+
+      &.slot-has-content .slot-container {
+        padding: var(--spacing-200) 0;
+      }
+    }
+  }
+
+  :host(:not([vertical])) {
+    width: auto;
+  }
+
+  :host([vertical]) {
+    height: auto;
+  }
+`;
+//# sourceMappingURL=divider.css.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.css.js","sourceRoot":"","sources":["../../../src/divider/divider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n\n    --divider-color: var(--color-outline-variant);\n    --divider-padding: var(--spacing-200);\n  }\n\n  .divider {\n    display: flex;\n    margin: 0;\n    @include get-typography(body-small-emphasized);\n    color: var(--divider-color);\n\n    &:not(.vertical) {\n      width: 100%;\n      padding: var(--divider-padding) 0;\n      align-items: center;\n      justify-content: center;\n\n      .line {\n        width: 100%;\n        border-top: 1px solid var(--divider-color);\n      }\n\n      &.slot-has-content .slot-container {\n        padding: 0 var(--spacing-200);\n      }\n    }\n\n    &.vertical {\n      height: 100%;\n      padding: 0 var(--divider-padding);\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n\n      .line {\n        height: 100%;\n        border-right: 1px solid var(--divider-color);\n      }\n\n      &.slot-has-content .slot-container {\n        padding: var(--spacing-200) 0;\n      }\n    }\n  }\n\n  :host(:not([vertical])) {\n    width: auto;\n  }\n\n  :host([vertical]) {\n    height: auto;\n  }\n`;\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @label Divider
+ * @tag p-divider
+ * @rawTag divider
+ *
+ * @summary The divider component is used to visually separate content.
+ * @overview
+ *  - Dividers are used to separate content into clear groups, making it easier for users to scan and understand the information presented.
+ *  - They can be oriented either vertically or horizontally, depending on the layout requirements.
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <p-divider style="width: 12rem;">or</p-divider>
+ * ```
+ * @tags display
+ */
+export declare class Divider extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    vertical: boolean;
+    slotHasContent: boolean;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js

@@ -0,0 +1,61 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import styles from './divider.scss';
+import { observerSlotChangesWithCallback } from '../utils.js';
+/**
+ * @label Divider
+ * @tag p-divider
+ * @rawTag divider
+ *
+ * @summary The divider component is used to visually separate content.
+ * @overview
+ *  - Dividers are used to separate content into clear groups, making it easier for users to scan and understand the information presented.
+ *  - They can be oriented either vertically or horizontally, depending on the layout requirements.
+ *
+ * @cssprop --divider-color - Controls the color of the divider.
+ * @cssprop --divider-padding - Controls the padding of the divider.
+ *
+ * @example
+ * ```html
+ * <p-divider style="width: 12rem;">or</p-divider>
+ * ```
+ * @tags display
+ */
+export class Divider extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.vertical = false;
+        this.slotHasContent = false;
+    }
+    firstUpdated() {
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot'), hasContent => {
+            this.slotHasContent = hasContent;
+            this.requestUpdate();
+        });
+    }
+    render() {
+        return html `<div
+      class=${classMap({
+            divider: true,
+            vertical: this.vertical,
+            'slot-has-content': this.slotHasContent,
+        })}
+    >
+      <div class="line"></div>
+      <div class="slot-container">
+        <slot></slot>
+      </div>
+      <div class="line"></div>
+    </div>`;
+    }
+}
+Divider.styles = [styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Divider.prototype, "vertical", void 0);
+__decorate([
+    state()
+], Divider.prototype, "slotHasContent", void 0);
+//# sourceMappingURL=divider.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/divider/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAG8C,aAAQ,GAAG,KAAK,CAAC;QAG7D,mBAAc,GAAG,KAAK,CAAC;IA2BzB,CAAC;IAzBC,YAAY;QACV,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,EACrC,UAAU,CAAC,EAAE;YACX,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CACF,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;cACD,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,kBAAkB,EAAE,IAAI,CAAC,cAAc;SACxC,CAAC;;;;;;;WAOG,CAAC;IACV,CAAC;;AA/BM,cAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAkB;AAG7D;IADC,KAAK,EAAE;+CACe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './divider.scss';\nimport { observerSlotChangesWithCallback } from '../utils.js';\n\n/**\n * @label Divider\n * @tag p-divider\n * @rawTag divider\n *\n * @summary The divider component is used to visually separate content.\n * @overview\n *  - Dividers are used to separate content into clear groups, making it easier for users to scan and understand the information presented.\n *  - They can be oriented either vertically or horizontally, depending on the layout requirements.\n *\n * @cssprop --divider-color - Controls the color of the divider.\n * @cssprop --divider-padding - Controls the padding of the divider.\n *\n * @example\n * ```html\n * <p-divider style=\"width: 12rem;\">or</p-divider>\n * ```\n * @tags display\n */\nexport class Divider extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  @state()\n  slotHasContent = false;\n\n  firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('slot'),\n      hasContent => {\n        this.slotHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        divider: true,\n        vertical: this.vertical,\n        'slot-has-content': this.slotHasContent,\n      })}\n    >\n      <div class=\"line\"></div>\n      <div class=\"slot-container\">\n        <slot></slot>\n      </div>\n      <div class=\"line\"></div>\n    </div>`;\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from './divider.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js

@@ -0,0 +1,2 @@
+export { Divider } from './divider.js';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { Divider } from './divider.js';\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+export const styles = css `
+  /**
+ * Derived from Material Design Elevation
+ * https://github.com/material-components/material-web/blob/main/elevation/internal/_elevation.scss
+ */
+
+  :host,
+  .shadow,
+  .shadow::before,
+  .shadow::after {
+    border-radius: inherit;
+    inset: 0;
+    position: absolute;
+    transition-duration: inherit;
+    transition-property: inherit;
+    transition-timing-function: inherit;
+  }
+
+  :host {
+    display: flex;
+    pointer-events: none;
+    transition-property: box-shadow, opacity;
+    --elevation-level: 0;
+    --elevation-color: #000;
+  }
+
+  .shadow::before,
+  .shadow::after {
+    content: '';
+    transition-property: box-shadow, opacity;
+
+    --_level: var(--elevation-level);
+    --_shadow-color: var(--elevation-color);
+  }
+
+  // Key box shadow
+  .shadow::before {
+    opacity: 0.3;
+  }
+
+  // Ambient box shadow
+  .shadow::after {
+    opacity: 0.15;
+  }
+`;
+//# sourceMappingURL=elevation.css.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.css.js","sourceRoot":"","sources":["../../../src/elevation/elevation.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,KAAK,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CxB,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\n\nexport const styles = css`\n  /**\n * Derived from Material Design Elevation\n * https://github.com/material-components/material-web/blob/main/elevation/internal/_elevation.scss\n */\n\n  :host,\n  .shadow,\n  .shadow::before,\n  .shadow::after {\n    border-radius: inherit;\n    inset: 0;\n    position: absolute;\n    transition-duration: inherit;\n    transition-property: inherit;\n    transition-timing-function: inherit;\n  }\n\n  :host {\n    display: flex;\n    pointer-events: none;\n    transition-property: box-shadow, opacity;\n    --elevation-level: 0;\n    --elevation-color: #000;\n  }\n\n  .shadow::before,\n  .shadow::after {\n    content: '';\n    transition-property: box-shadow, opacity;\n\n    --_level: var(--elevation-level);\n    --_shadow-color: var(--elevation-color);\n  }\n\n  // Key box shadow\n  .shadow::before {\n    opacity: 0.3;\n  }\n\n  // Ambient box shadow\n  .shadow::after {\n    opacity: 0.15;\n  }\n`;\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+export declare class Elevation extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js

@@ -0,0 +1,31 @@
+import { html, LitElement } from 'lit';
+import styles from './elevation.scss';
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+export class Elevation extends LitElement {
+    render() {
+        return html `<span class="shadow"></span>`;
+    }
+}
+Elevation.styles = [styles];
+//# sourceMappingURL=elevation.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../../src/elevation/elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAGvC,MAAM;QACJ,OAAO,IAAI,CAAA,8BAA8B,CAAC;IAC5C,CAAC;;AAJM,gBAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport styles from './elevation.scss';\n\n/**\n * @label Elevation\n * @tag p-elevation\n * @rawTag elevation\n *\n * @summary Adds elevation to an element.\n * @overview\n *  - Elevation adds a shadow effect to an element to give it depth.\n *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.\n *\n * @cssprop --elevation-level - Controls the elevation level of the shadow.\n * @cssprop --elevation-color - Controls the color of the shadow.\n *\n * @example\n * ```html\n *   <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n *     <p-elevation style='--elevation-level: 2'></p-elevation>\n *     Level 2\n *   </div>\n * ```\n * @tags display\n */\nexport class Elevation extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`<span class=\"shadow\"></span>`;\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.d.ts

@@ -0,0 +1 @@
+export { Elevation } from './elevation.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js

@@ -0,0 +1,2 @@
+export { Elevation } from './elevation.js';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/elevation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elevation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { Elevation } from './elevation.js';\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class FocusAttachableController implements ReactiveController {
+    host: ReactiveControllerHost;
+    getControlElement: () => HTMLElement;
+    visible: boolean;
+    constructor(host: ReactiveControllerHost, getControlElement: () => HTMLElement);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js

@@ -0,0 +1,25 @@
+export class FocusAttachableController {
+    constructor(host, getControlElement) {
+        this.visible = false;
+        (this.host = host).addController(this);
+        this.getControlElement = getControlElement;
+    }
+    hostConnected() {
+        // Start a timer when the host is connected
+        console.log('connected');
+        if (this.getControlElement) {
+            const element = this.getControlElement();
+            element.addEventListener('focus', () => {
+                console.log('focus');
+                // @ts-ignore
+                this.host.handleEvent();
+                this.host.requestUpdate();
+            });
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    hostDisconnected() {
+        console.log('disconnected');
+    }
+}
+//# sourceMappingURL=FocusAttachableController.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/FocusAttachableController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusAttachableController.js","sourceRoot":"","sources":["../../../src/focus-ring/FocusAttachableController.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,yBAAyB;IAOpC,YACE,IAA4B,EAC5B,iBAAoC;QAJtC,YAAO,GAAG,KAAK,CAAC;QAMd,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAC7C,CAAC;IAED,aAAa;QACX,2CAA2C;QAC3C,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACrC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACrB,aAAa;gBACb,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,kDAAkD;IAClD,gBAAgB;QACd,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC;CACF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\r\n\r\nexport class FocusAttachableController implements ReactiveController {\r\n  host: ReactiveControllerHost;\r\n\r\n  getControlElement: () => HTMLElement;\r\n\r\n  visible = false;\r\n\r\n  constructor(\r\n    host: ReactiveControllerHost,\r\n    getControlElement: () => HTMLElement,\r\n  ) {\r\n    (this.host = host).addController(this);\r\n    this.getControlElement = getControlElement;\r\n  }\r\n\r\n  hostConnected() {\r\n    // Start a timer when the host is connected\r\n    console.log('connected');\r\n    if (this.getControlElement) {\r\n      const element = this.getControlElement();\r\n      element.addEventListener('focus', () => {\r\n        console.log('focus');\r\n        // @ts-ignore\r\n        this.host.handleEvent();\r\n        this.host.requestUpdate();\r\n      });\r\n    }\r\n  }\r\n\r\n  // eslint-disable-next-line class-methods-use-this\r\n  hostDisconnected() {\r\n    console.log('disconnected');\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+export declare class FocusRing extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    visible: boolean;
+    render(): symbol;
+    _control?: HTMLElement;
+    get control(): HTMLElement | null;
+    set control(control: HTMLElement | null);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attach(): void;
+    detach(): void;
+}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js

@@ -0,0 +1,81 @@
+import { __decorate } from "tslib";
+import { LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './focus-ring.scss';
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+export class FocusRing extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.visible = false;
+    }
+    render() {
+        return nothing;
+    }
+    get control() {
+        return this._control || null;
+    }
+    set control(control) {
+        if (control) {
+            this._control = control;
+        }
+        else {
+            this.detach();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.attach();
+    }
+    disconnectedCallback() {
+        this.detach();
+        super.disconnectedCallback();
+    }
+    attach() {
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('focusin', () => {
+            this.visible =
+                // @ts-ignore - buttonElement is not defined on the base class
+                this._control?.buttonElement?.matches(':focus-visible') ?? false;
+        });
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('focusout', () => {
+            this.visible = false;
+        });
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('pointerdown', () => {
+            this.visible = false;
+        });
+    }
+    detach() {
+        this._control?.removeEventListener('focusin', () => { });
+        this._control?.removeEventListener('focusout', () => { });
+        this._control?.removeEventListener('pointerdown', () => { });
+        this._control = undefined;
+    }
+}
+FocusRing.styles = [styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], FocusRing.prototype, "visible", void 0);
+//# sourceMappingURL=focus-ring.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/focus-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.js","sourceRoot":"","sources":["../../../src/focus-ring/focus-ring.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QAG8C,YAAO,GAAY,KAAK,CAAC;IAqDvE,CAAC;IAnDC,MAAM;QACJ,OAAO,OAAO,CAAC;IACjB,CAAC;IAID,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;IAC/B,CAAC;IAED,IAAI,OAAO,CAAC,OAA2B;QACrC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,8DAA8D;QAC9D,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YAC7D,IAAI,CAAC,OAAO;gBACV,8DAA8D;gBAC9D,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC;QACrE,CAAC,CAAC,CAAC;QACH,8DAA8D;QAC9D,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;YAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,8DAA8D;QAC9D,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE;YACjE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;;AAtDM,gBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA0B","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './focus-ring.scss';\n\n/**\n * @label Elevation\n * @tag p-elevation\n * @rawTag elevation\n *\n * @summary Adds elevation to an element.\n * @overview\n *  - Elevation adds a shadow effect to an element to give it depth.\n *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.\n *\n * @cssprop --elevation-level - Controls the elevation level of the shadow.\n * @cssprop --elevation-color - Controls the color of the shadow.\n *\n * @example\n * ```html\n *   <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n *     <p-elevation style='--elevation-level: 2'></p-elevation>\n *     Level 2\n *   </div>\n * ```\n * @tags display\n */\nexport class FocusRing extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, reflect: true }) visible: boolean = false;\n\n  render() {\n    return nothing;\n  }\n\n  _control?: HTMLElement;\n\n  get control() {\n    return this._control || null;\n  }\n\n  set control(control: HTMLElement | null) {\n    if (control) {\n      this._control = control;\n    } else {\n      this.detach();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.attach();\n  }\n\n  disconnectedCallback() {\n    this.detach();\n    super.disconnectedCallback();\n  }\n\n  attach() {\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('focusin', () => {\n      this.visible =\n        // @ts-ignore - buttonElement is not defined on the base class\n        this._control?.buttonElement?.matches(':focus-visible') ?? false;\n    });\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('focusout', () => {\n      this.visible = false;\n    });\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('pointerdown', () => {\n      this.visible = false;\n    });\n  }\n\n  detach() {\n    this._control?.removeEventListener('focusin', () => {});\n    this._control?.removeEventListener('focusout', () => {});\n    this._control?.removeEventListener('pointerdown', () => {});\n    this._control = undefined;\n  }\n}\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.d.ts

@@ -0,0 +1 @@
+export { FocusRing } from './focus-ring.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js

@@ -0,0 +1,2 @@
+export { FocusRing } from './focus-ring.js';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/focus-ring/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/focus-ring/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { FocusRing } from './focus-ring.js';\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.d.ts

@@ -1,9 +1,30 @@
 import { LitElement } from 'lit';
+export type IconProvider = 'material-symbols' | 'material-icons';
+/**
+ * @label Icon
+ * @tag p-icon
+ * @rawTag icon
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ *
+ * @example
+ * ```html
+ * <p-icon name="home"></p-icon>
+ * ```
+ *
+ */
 export declare class Icon extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The identifier for the icon.
+     * This name corresponds to a specific SVG asset in the icon set.
+     */
     name?: string;
     src?: string;
-    provider?: 'material-symbols' | 'carbon';
+    provider: IconProvider;
     private svgContent;
     private loading;
     private error;

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js

@@ -4,7 +4,23 @@ import { property, state } from 'lit/decorators.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { fetchIcon, fetchSVG } from './datasource.js';
 import { sanitizeSvg } from '../utils.js';
-import { styles } from './icon.css.js';
+import styles from './icon.scss';
+/**
+ * @label Icon
+ * @tag p-icon
+ * @rawTag icon
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ *
+ * @example
+ * ```html
+ * <p-icon name="home"></p-icon>
+ * ```
+ *
+ */
 export class Icon extends LitElement {
     constructor() {
         super(...arguments);
@@ -28,10 +44,10 @@ export class Icon extends LitElement {
     }
     render() {
         // accessible wrapper; consumers can provide a fallback via <slot name="fallback">.
-        return html ` <div class="icon">
+        return html ` <div class="icon">
       ${this.svgContent
             ? unsafeSVG(this.svgContent)
-            : html `<slot name="fallback"></slot>`}
+            : html `<slot name="fallback"></slot>`}
     </div>`;
     }
     // small debounce to coalesce rapid changes (50ms)
@@ -104,7 +120,7 @@ __decorate([
     state()
 ], Icon.prototype, "svgContent", void 0);
 __decorate([
-    state()
+    state() // @ts-ignore
 ], Icon.prototype, "loading", void 0);
 __decorate([
     state()

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { fetchIcon, fetchSVG } from './datasource.js';\nimport { sanitizeSvg } from '../utils.js';\nimport { styles } from './icon.css.js';\n\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name?: string;\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  @property({ type: String }) provider?: 'material-symbols' | 'carbon' =\n    'material-symbols';\n\n  @state()\n  private svgContent: string = '';\n\n  // loading + error states for consumers/tests\n  @state()\n  private loading: boolean = false;\n\n  @state()\n  private error: Error | null = null;\n\n  // token to avoid race conditions when multiple fetches overlap\n  private _fetchId = 0;\n\n  // optional debounce for rapid property changes\n  private _debounceTimer: number | undefined;\n\n  firstUpdated() {\n    // perform initial fetch once component is connected and rendered\n    this.__scheduleUpdate();\n  }\n\n  updated(changedProperties: any) {\n    // only refetch when name or src changed\n    if (changedProperties.has('name') || changedProperties.has('src')) {\n      this.__scheduleUpdate();\n    }\n  }\n\n  render() {\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\n    return html` <div class=\"icon\">\n      ${this.svgContent\n        ? unsafeSVG(this.svgContent)\n        : html`<slot name=\"fallback\"></slot>`}\n    </div>`;\n  }\n\n  // small debounce to coalesce rapid changes (50ms)\n  private __scheduleUpdate() {\n    if (this._debounceTimer) {\n      clearTimeout(this._debounceTimer as any);\n    }\n    // @ts-ignore - setTimeout in DOM returns number\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\n  }\n\n  /**\n   * @internal\n   */\n  private async __updateSvg() {\n    this._fetchId += 1;\n    const currentId = this._fetchId;\n    this.loading = true;\n    this.error = null;\n\n    try {\n      let raw: string | undefined;\n\n      if (this.name) {\n        raw = await fetchIcon(this.name, this.provider);\n      } else if (this.src) {\n        raw = await fetchSVG(this.src);\n      } else {\n        raw = '';\n      }\n\n      // If another fetch started after this one, ignore this result\n      if (currentId !== this._fetchId) return;\n\n      if (raw) {\n        this.svgContent = sanitizeSvg(raw);\n      } else {\n        this.svgContent = '';\n      }\n    } catch (err: any) {\n      // capture and surface error, but avoid throwing\n      this.error = err instanceof Error ? err : new Error(String(err));\n      this.svgContent = '';\n      // bubble an event so consumers can react\n      this.dispatchEvent(\n        new CustomEvent('icon-error', {\n          detail: { name: this.name, src: this.src, error: this.error },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    } finally {\n      // ensure loading is cleared unless another fetch started\n      if (currentId === this._fetchId) {\n        this.loading = false;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\r\nimport { property, state } from 'lit/decorators.js';\r\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\r\nimport { fetchIcon, fetchSVG } from './datasource.js';\r\nimport { sanitizeSvg } from '../utils.js';\r\nimport styles from './icon.scss';\r\n\r\nexport type IconProvider = 'material-symbols' | 'material-icons';\r\n/**\r\n * @label Icon\r\n * @tag p-icon\r\n * @rawTag icon\r\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\r\n * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.\r\n *\r\n * @cssprop --icon-color - Controls the color of the icon.\r\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\r\n *\r\n * @example\r\n * ```html\r\n * <p-icon name=\"home\"></p-icon>\r\n * ```\r\n *\r\n */\r\nexport class Icon extends LitElement {\r\n  static styles = [styles];\r\n\r\n  /**\r\n   * The identifier for the icon.\r\n   * This name corresponds to a specific SVG asset in the icon set.\r\n   */\r\n  @property({ type: String, reflect: true }) name?: string;\r\n\r\n  @property({ type: String, reflect: true }) src?: string;\r\n\r\n  @property({ type: String }) provider: IconProvider = 'material-symbols';\r\n\r\n  @state()\r\n  private svgContent: string = '';\r\n\r\n  // loading + error states for consumers/tests\r\n  @state() // @ts-ignore\r\n  private loading: boolean = false;\r\n\r\n  @state()\r\n  private error: Error | null = null;\r\n\r\n  // token to avoid race conditions when multiple fetches overlap\r\n  private _fetchId = 0;\r\n\r\n  // optional debounce for rapid property changes\r\n  private _debounceTimer: number | undefined;\r\n\r\n  firstUpdated() {\r\n    // perform initial fetch once component is connected and rendered\r\n    this.__scheduleUpdate();\r\n  }\r\n\r\n  updated(changedProperties: any) {\r\n    // only refetch when name or src changed\r\n    if (changedProperties.has('name') || changedProperties.has('src')) {\r\n      this.__scheduleUpdate();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\r\n    return html` <div class=\"icon\">\r\n      ${this.svgContent\r\n        ? unsafeSVG(this.svgContent)\r\n        : html`<slot name=\"fallback\"></slot>`}\r\n    </div>`;\r\n  }\r\n\r\n  // small debounce to coalesce rapid changes (50ms)\r\n  private __scheduleUpdate() {\r\n    if (this._debounceTimer) {\r\n      clearTimeout(this._debounceTimer as any);\r\n    }\r\n    // @ts-ignore - setTimeout in DOM returns number\r\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  private async __updateSvg() {\r\n    this._fetchId += 1;\r\n    const currentId = this._fetchId;\r\n    this.loading = true;\r\n    this.error = null;\r\n\r\n    try {\r\n      let raw: string | undefined;\r\n\r\n      if (this.name) {\r\n        raw = await fetchIcon(this.name, this.provider);\r\n      } else if (this.src) {\r\n        raw = await fetchSVG(this.src);\r\n      } else {\r\n        raw = '';\r\n      }\r\n\r\n      // If another fetch started after this one, ignore this result\r\n      if (currentId !== this._fetchId) return;\r\n\r\n      if (raw) {\r\n        this.svgContent = sanitizeSvg(raw);\r\n      } else {\r\n        this.svgContent = '';\r\n      }\r\n    } catch (err: any) {\r\n      // capture and surface error, but avoid throwing\r\n      this.error = err instanceof Error ? err : new Error(String(err));\r\n      this.svgContent = '';\r\n      // bubble an event so consumers can react\r\n      this.dispatchEvent(\r\n        new CustomEvent('icon-error', {\r\n          detail: { name: this.name, src: this.src, error: this.error },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    } finally {\r\n      // ensure loading is cleared unless another fetch started\r\n      if (currentId === this._fetchId) {\r\n        this.loading = false;\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.d.ts

@@ -1,10 +1,3 @@
 import { Icon } from './icon.js';
-/**
- * @name Icon
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
- */
 export declare class PIcon extends Icon {
 }

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js

@@ -1,13 +1,6 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import { Icon } from './icon.js';
-/**
- * @name Icon
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
- */
 let PIcon = class PIcon extends Icon {
 };
 PIcon = __decorate([

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/icon/p-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;;;;;GAMG;AAEI,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,IAAI;CAAG,CAAA;AAArB,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CAAgB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon.js';\n\n/**\n * @name Icon\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n */\n@customElement('p-icon')\nexport class PIcon extends Icon {}\n"]}
+{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/icon/p-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG1B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,IAAI;CAAG,CAAA;AAArB,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CAAgB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon.js';\n\n@customElement('p-icon')\nexport class PIcon extends Icon {}\n"]}