@redvars/peacock 3.1.2 → 3.1.3

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

@@ -1,7 +1,8 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { styles } from './clock.css.js';
+import { property } from 'lit/decorators.js';
+import styles from './clock.scss';
+import { ClockController } from './ClockController.js';
 /**
  * @label Clock
  * @tag p-clock
@@ -21,38 +22,20 @@ import { styles } from './clock.css.js';
 export class Clock extends LitElement {
     constructor() {
         super(...arguments);
-        // `currentTime` is decorated with `@State()`,
-        // as we need to trigger a rerender when its
-        // value changes to show the latest time
-        this.currentTime = '';
+        this.clockController = new ClockController(this, 100);
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.__updateCurrentTime();
-        this._timerId = setInterval(() => {
-            this.__updateCurrentTime();
-        }, 1000);
-    }
-    disconnectedCallback() {
-        if (this._timerId) {
-            clearInterval(this._timerId);
-        }
-        super.disconnectedCallback();
-    }
-    __updateCurrentTime() {
-        this.currentTime = new Date().toLocaleTimeString('en-US', {
+    __formatDate(date) {
+        return date.toLocaleTimeString('en-US', {
             timeZone: this.timezone,
         });
     }
     render() {
-        return html `<div class="current-time">${this.currentTime}</div>`;
+        const currentDate = this.__formatDate(this.clockController.value);
+        return html `<div class="current-time">${currentDate}</div>`;
     }
 }
 Clock.styles = [styles];
 __decorate([
     property()
 ], Clock.prototype, "timezone", void 0);
-__decorate([
-    state()
-], Clock.prototype, "currentTime", void 0);
 //# sourceMappingURL=clock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../src/clock/clock.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,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAKE,8CAA8C;QAC9C,4CAA4C;QAC5C,wCAAwC;QAC/B,gBAAW,GAAW,EAAE,CAAC;IA4BpC,CAAC;IAxBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;QACD,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACxD,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,WAAW,QAAQ,CAAC;IACnE,CAAC;;AAlCM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEb;IAAX,QAAQ,EAAE;uCAAmB;AAKrB;IAAR,KAAK,EAAE;0CAA0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { styles } from './clock.css.js';\n\n/**\n * @label Clock\n * @tag p-clock\n * @rawTag clock\n *\n * @summary Displays the current time in a given timezone.\n * @overview\n *  - Clocks are used to display the current time in a specified timezone.\n *  - They can be displayed in various formats, including 12-hour and 24-hour time.\n *\n * @example\n * ```html\n * <p-clock></p-clock>\n * ```\n * @tags display\n */\nexport class Clock extends LitElement {\n  static styles = [styles];\n\n  @property() timezone?: string;\n\n  // `currentTime` is decorated with `@State()`,\n  // as we need to trigger a rerender when its\n  // value changes to show the latest time\n  @state() currentTime: string = '';\n\n  private _timerId: any;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.__updateCurrentTime();\n    this._timerId = setInterval(() => {\n      this.__updateCurrentTime();\n    }, 1000);\n  }\n\n  disconnectedCallback() {\n    if (this._timerId) {\n      clearInterval(this._timerId);\n    }\n    super.disconnectedCallback();\n  }\n\n  __updateCurrentTime() {\n    this.currentTime = new Date().toLocaleTimeString('en-US', {\n      timeZone: this.timezone,\n    });\n  }\n\n  render() {\n    return html`<div class=\"current-time\">${this.currentTime}</div>`;\n  }\n}\n"]}
+{"version":3,"file":"clock.js","sourceRoot":"","sources":["../../../src/clock/clock.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAGE,oBAAe,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAcnD,CAAC;IAVC,YAAY,CAAC,IAAU;QACrB,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACtC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAClE,OAAO,IAAI,CAAA,6BAA6B,WAAW,QAAQ,CAAC;IAC9D,CAAC;;AAfM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAIb;IAAX,QAAQ,EAAE;uCAAmB","sourcesContent":["import { html, LitElement } from 'lit';\r\nimport { property } from 'lit/decorators.js';\r\nimport styles from './clock.scss';\r\nimport { ClockController } from './ClockController.js';\r\n\r\n/**\r\n * @label Clock\r\n * @tag p-clock\r\n * @rawTag clock\r\n *\r\n * @summary Displays the current time in a given timezone.\r\n * @overview\r\n *  - Clocks are used to display the current time in a specified timezone.\r\n *  - They can be displayed in various formats, including 12-hour and 24-hour time.\r\n *\r\n * @example\r\n * ```html\r\n * <p-clock></p-clock>\r\n * ```\r\n * @tags display\r\n */\r\nexport class Clock extends LitElement {\r\n  static styles = [styles];\r\n\r\n  clockController = new ClockController(this, 100);\r\n\r\n  @property() timezone?: string;\r\n\r\n  __formatDate(date: Date) {\r\n    return date.toLocaleTimeString('en-US', {\r\n      timeZone: this.timezone,\r\n    });\r\n  }\r\n\r\n  render() {\r\n    const currentDate = this.__formatDate(this.clockController.value);\r\n    return html`<div class=\"current-time\">${currentDate}</div>`;\r\n  }\r\n}\r\n"]}

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+/**
+ * @label Code Highlighter
+ * @tag p-code-highlighter
+ * @rawTag code-highlighter
+ *
+ * @summary The code highlighter component is used to display code snippets with syntax highlighting.
+ * @overview
+ * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>
+ *
+ * @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 CodeHighlighter 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/code-highlighter/code-highlighter.js

@@ -0,0 +1,60 @@
+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 './code-highlighter.scss';
+import { observerSlotChangesWithCallback } from '../utils.js';
+/**
+ * @label Code Highlighter
+ * @tag p-code-highlighter
+ * @rawTag code-highlighter
+ *
+ * @summary The code highlighter component is used to display code snippets with syntax highlighting.
+ * @overview
+ * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>
+ *
+ * @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 CodeHighlighter 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>`;
+    }
+}
+CodeHighlighter.styles = [styles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CodeHighlighter.prototype, "vertical", void 0);
+__decorate([
+    state()
+], CodeHighlighter.prototype, "slotHasContent", void 0);
+//# sourceMappingURL=code-highlighter.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/code-highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlighter.js","sourceRoot":"","sources":["../../../src/code-highlighter/code-highlighter.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,yBAAyB,CAAC;AAC7C,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAA/C;;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,sBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAkB;AAG7D;IADC,KAAK,EAAE;uDACe","sourcesContent":["import { html, LitElement } from 'lit';\r\nimport { property, state } from 'lit/decorators.js';\r\nimport { classMap } from 'lit/directives/class-map.js';\r\nimport styles from './code-highlighter.scss';\r\nimport { observerSlotChangesWithCallback } from '../utils.js';\r\n\r\n/**\r\n * @label Code Highlighter\r\n * @tag p-code-highlighter\r\n * @rawTag code-highlighter\r\n *\r\n * @summary The code highlighter component is used to display code snippets with syntax highlighting.\r\n * @overview\r\n * <p>The <strong>Code Highlighter</strong> component allows you to display code snippets with syntax highlighting for various programming languages. It supports features like line numbers, code formatting, and a copy-to-clipboard button.</p>\r\n *\r\n * @cssprop --divider-color - Controls the color of the divider.\r\n * @cssprop --divider-padding - Controls the padding of the divider.\r\n *\r\n * @example\r\n * ```html\r\n * <p-divider style=\"width: 12rem;\">or</p-divider>\r\n * ```\r\n * @tags display\r\n */\r\nexport class CodeHighlighter extends LitElement {\r\n  static styles = [styles];\r\n\r\n  @property({ type: Boolean, reflect: true }) vertical = false;\r\n\r\n  @state()\r\n  slotHasContent = false;\r\n\r\n  firstUpdated() {\r\n    observerSlotChangesWithCallback(\r\n      this.renderRoot.querySelector('slot'),\r\n      hasContent => {\r\n        this.slotHasContent = hasContent;\r\n        this.requestUpdate();\r\n      },\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return html`<div\r\n      class=${classMap({\r\n        divider: true,\r\n        vertical: this.vertical,\r\n        'slot-has-content': this.slotHasContent,\r\n      })}\r\n    >\r\n      <div class=\"line\"></div>\r\n      <div class=\"slot-container\">\r\n        <slot></slot>\r\n      </div>\r\n      <div class=\"line\"></div>\r\n    </div>`;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1 @@
+export { CodeHighlighter } from './code-highlighter.js';

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/index.js

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

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

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

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.d.ts

@@ -0,0 +1,6 @@
+export declare const locale: {
+    loading: string;
+    copyToClipboard: string;
+    copied: string;
+    copiedCode: string;
+};

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js

@@ -0,0 +1,7 @@
+export const locale = {
+    loading: 'Loading code...',
+    copyToClipboard: 'Copy to clipboard',
+    copied: 'Copied',
+    copiedCode: 'Copied code',
+};
+//# sourceMappingURL=local.js.map

package/.rollup.cache/E/git/redvars/peacock/components/dist/src/code-highlighter/local.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local.js","sourceRoot":"","sources":["../../../src/code-highlighter/local.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAKf;IACF,OAAO,EAAE,iBAAiB;IAC1B,eAAe,EAAE,mBAAmB;IACpC,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAC","sourcesContent":["export const locale: {\n  loading: string;\n  copyToClipboard: string;\n  copied: string;\n  copiedCode: string;\n} = {\n  loading: 'Loading code...',\n  copyToClipboard: 'Copy to clipboard',\n  copied: 'Copied',\n  copiedCode: 'Copied code',\n};\n"]}

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

@@ -19,8 +19,7 @@ import { LitElement } from 'lit';
  * @tags display
  */
 export declare class Divider extends LitElement {
-    #private;
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResultGroup[];
     vertical: boolean;
     slotHasContent: boolean;
     firstUpdated(): void;

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

@@ -1,9 +1,8 @@
-var _Divider_instances, _Divider_handleSlotChange;
 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.css.js';
+import styles from './divider.scss';
 import { observerSlotChangesWithCallback } from '../utils.js';
 /**
  * @label Divider
@@ -27,7 +26,6 @@ import { observerSlotChangesWithCallback } from '../utils.js';
 export class Divider extends LitElement {
     constructor() {
         super(...arguments);
-        _Divider_instances.add(this);
         this.vertical = false;
         this.slotHasContent = false;
     }
@@ -53,11 +51,6 @@ export class Divider extends LitElement {
     </div>`;
     }
 }
-_Divider_instances = new WeakSet(), _Divider_handleSlotChange = function _Divider_handleSlotChange(event) {
-    const slot = event.target;
-    // Check assignedElements length
-    this.slotHasContent = slot.assignedNodes({ flatten: true }).length > 0;
-};
 Divider.styles = [styles];
 __decorate([
     property({ type: Boolean, reflect: true })

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

@@ -1 +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,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,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;IAiCzB,CAAC;IA/BC,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;;mGAEiB,KAAsB;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AACzE,CAAC;AArCM,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.css.js';\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  #handleSlotChange(event: { target: any }) {\n    const slot = event.target;\n    // Check assignedElements length\n    this.slotHasContent = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n}\n"]}
+{"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/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,4 +1,5 @@
 import { LitElement } from 'lit';
+export type IconProvider = 'material-symbols' | 'material-icons';
 /**
  * @label Icon
  * @tag p-icon
@@ -16,14 +17,14 @@ import { LitElement } from 'lit';
  *
  */
 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,7 @@ 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
@@ -44,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)
@@ -120,7 +120,7 @@ __decorate([
     state()
 ], Icon.prototype, "svgContent", void 0);
 __decorate([
-    state()
+    state() // @ts-ignore
 ], Icon.prototype, "loading", void 0);
 __decorate([
     state()