@redvars/peacock 3.1.1 → 3.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.css.js","sourceRoot":"","sources":["../../../src/avatar/avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;MAyBnB,aAAa,CAAC,uBAAuB,CAAC;;;;;;;;;;;;CAY3C,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    pointer-events: none;\n    --avatar-size: 2rem;\n    --avatar-background-color: var(--color-primary);\n    --avatar-text-color: var(--color-on-primary);\n    --avatar-border-radius: var(--global-avatar-border-radius);\n  }\n\n  .avatar-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-050);\n    line-height: 0;\n  }\n\n  .avatar {\n    border-radius: var(--avatar-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--avatar-text-color);\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    ${getTypography('body-large-emphasized')}\n    background-color: var(--avatar-background-color);\n\n    font-size: calc(var(--avatar-size) * 0.4);\n\n    .image {\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      border-radius: inherit;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"avatar.css.js","sourceRoot":"","sources":["../../../src/avatar/avatar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;MAyBnB,aAAa,CAAC,uBAAuB,CAAC;;;;;;;;;;;;CAY3C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    pointer-events: none;\n    --avatar-size: 2rem;\n    --avatar-background-color: var(--color-primary);\n    --avatar-text-color: var(--color-on-primary);\n    --avatar-border-radius: var(--global-avatar-border-radius);\n  }\n\n  .avatar-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-050);\n    line-height: 0;\n  }\n\n  .avatar {\n    border-radius: var(--avatar-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--avatar-text-color);\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    ${getTypography('body-large-emphasized')}\n    background-color: var(--avatar-background-color);\n\n    font-size: calc(var(--avatar-size) * 0.4);\n\n    .image {\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      border-radius: inherit;\n    }\n  }\n`;\n"]}

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

@@ -1,4 +1,23 @@
 import { LitElement } from 'lit';
+/**
+ * @label Avatar
+ * @tag p-avatar
+ * @rawTag avatar
+ * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
+ *
+ * @cssprop --avatar-border-radius - Controls the border radius of the avatar.
+ * @cssprop --avatar-background-color - Controls the color of the avatar.
+ * @cssprop --avatar-size - Controls the size of the avatar.
+ * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
+ *
+ *
+ * @example
+ * ```html
+ * <p-avatar name="Shivaji Varma" src="https://peacock.redvars.com/assets/img/avatar.webp"></p-avatar>
+ * ```
+ *
+ * @tags display
+ */
 export declare class Avatar extends LitElement {
     static styles: import("lit").CSSResult[];
     name: string;

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

@@ -3,6 +3,25 @@ import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './avatar.css.js';
+/**
+ * @label Avatar
+ * @tag p-avatar
+ * @rawTag avatar
+ * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
+ *
+ * @cssprop --avatar-border-radius - Controls the border radius of the avatar.
+ * @cssprop --avatar-background-color - Controls the color of the avatar.
+ * @cssprop --avatar-size - Controls the size of the avatar.
+ * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
+ *
+ *
+ * @example
+ * ```html
+ * <p-avatar name="Shivaji Varma" src="https://peacock.redvars.com/assets/img/avatar.webp"></p-avatar>
+ * ```
+ *
+ * @tags display
+ */
 export class Avatar extends LitElement {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAG6C,SAAI,GAAW,EAAE,CAAC;IAwB/D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;YACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;UAEA,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,IAAI,KAAK;YAC9D,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,aAAa,EAAE,QAAQ;;WAE1D,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC;;AAzBM,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './avatar.css.js';\n\nexport class Avatar 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  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"]}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QAG6C,SAAI,GAAW,EAAE,CAAC;IAwB/D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG;YACnB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;SAClB,CAAC;;UAEA,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,IAAI,KAAK;YAC9D,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,aAAa,EAAE,QAAQ;;WAE1D,CAAC;IACV,CAAC;IAEO,aAAa;QACnB,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC;;AAzBM,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './avatar.css.js';\n\n/**\n * @label Avatar\n * @tag p-avatar\n * @rawTag avatar\n * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @cssprop --avatar-border-radius - Controls the border radius of the avatar.\n * @cssprop --avatar-background-color - Controls the color of the avatar.\n * @cssprop --avatar-size - Controls the size of the avatar.\n * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.\n *\n *\n * @example\n * ```html\n * <p-avatar name=\"Shivaji Varma\" src=\"https://peacock.redvars.com/assets/img/avatar.webp\"></p-avatar>\n * ```\n *\n * @tags display\n */\nexport class Avatar 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  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"]}

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

@@ -1,10 +1,3 @@
 import { Avatar } from './avatar.js';
-/**
- * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
- *
- * @cssprop --avatar-background-color - Controls the color of the avatar.
- * @cssprop --avatar-size - Controls the size of the avatar.
- * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
- */
 export declare class PAvatar extends Avatar {
 }

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

@@ -1,13 +1,6 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import { Avatar } from './avatar.js';
-/**
- * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
- *
- * @cssprop --avatar-background-color - Controls the color of the avatar.
- * @cssprop --avatar-size - Controls the size of the avatar.
- * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
- */
 let PAvatar = class PAvatar extends Avatar {
 };
 PAvatar = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"p-avatar.js","sourceRoot":"","sources":["../../../src/avatar/p-avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;;;GAMG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,MAAM;CAAG,CAAA;AAAzB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAAkB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Avatar } from './avatar.js';\n\n/**\n * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @cssprop --avatar-background-color - Controls the color of the avatar.\n * @cssprop --avatar-size - Controls the size of the avatar.\n * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.\n */\n@customElement('p-avatar')\nexport class PAvatar extends Avatar {}\n"]}
+{"version":3,"file":"p-avatar.js","sourceRoot":"","sources":["../../../src/avatar/p-avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG9B,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,MAAM;CAAG,CAAA;AAAzB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAAkB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Avatar } from './avatar.js';\n\n@customElement('p-avatar')\nexport class PAvatar extends Avatar {}\n"]}

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

@@ -15,8 +15,9 @@ export const styles = css `
     align-items: center;
     background-color: var(--badge-color);
     border-radius: var(--shape-corner-full);
+    box-sizing: border-box;
 
-    &.has-content {
+    &.slot-has-content {
       height: 1rem;
       min-width: 1rem;
       padding-inline: var(--spacing-050);
@@ -24,9 +25,9 @@ export const styles = css `
       color: var(--color-on-error);
     }
 
-    &:not(.has-content) {
-      height: 6px;
-      width: 6px;
+    &:not(.slot-has-content) {
+      height: 0.375rem;
+      width: 0.375rem;
     }
   }
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.css.js","sourceRoot":"","sources":["../../../src/badge/badge.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;QAoBjB,aAAa,CAAC,aAAa,CAAC;;;;;;;;;CASnC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    --badge-color: var(--global-badge-color);\n  }\n\n  .badge {\n    pointer-events: none;\n    z-index: var(--z-index-badge);\n    color: var(--color-white);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--badge-color);\n    border-radius: var(--shape-corner-full);\n\n    &.has-content {\n      height: 1rem;\n      min-width: 1rem;\n      padding-inline: var(--spacing-050);\n      ${getTypography('label-small')};\n      color: var(--color-on-error);\n    }\n\n    &:not(.has-content) {\n      height: 6px;\n      width: 6px;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"badge.css.js","sourceRoot":"","sources":["../../../src/badge/badge.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;QAqBjB,aAAa,CAAC,aAAa,CAAC;;;;;;;;;CASnC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    --badge-color: var(--global-badge-color);\n  }\n\n  .badge {\n    pointer-events: none;\n    z-index: var(--z-index-badge);\n    color: var(--color-white);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--badge-color);\n    border-radius: var(--shape-corner-full);\n    box-sizing: border-box;\n\n    &.slot-has-content {\n      height: 1rem;\n      min-width: 1rem;\n      padding-inline: var(--spacing-050);\n      ${getTypography('label-small')};\n      color: var(--color-on-error);\n    }\n\n    &:not(.slot-has-content) {\n      height: 0.375rem;\n      width: 0.375rem;\n    }\n  }\n`;\n"]}

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

@@ -1,9 +1,23 @@
 import { LitElement } from 'lit';
+/**
+ * @label Badge
+ * @tag p-badge
+ * @rawTag badge
+ * @summary The badge component is used to display a small amount of information to the user.
+ *
+ * @cssprop --badge-color - Controls the color of the badge.
+ *
+ * @example
+ * ```html
+ * <p-badge>1</p-badge>
+ * ```
+ * @tags display
+ */
 export declare class Badge extends LitElement {
-    #private;
     static styles: import("lit").CSSResult[];
     name: string;
     src?: string;
     slotHasContent: boolean;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,29 +1,46 @@
-var _Badge_instances, _Badge_handleSlotChange;
-import { __classPrivateFieldGet, __decorate } from "tslib";
+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 './badge.css.js';
+import { observerSlotChangesWithCallback } from '../utils.js';
+/**
+ * @label Badge
+ * @tag p-badge
+ * @rawTag badge
+ * @summary The badge component is used to display a small amount of information to the user.
+ *
+ * @cssprop --badge-color - Controls the color of the badge.
+ *
+ * @example
+ * ```html
+ * <p-badge>1</p-badge>
+ * ```
+ * @tags display
+ */
 export class Badge extends LitElement {
     constructor() {
         super(...arguments);
-        _Badge_instances.add(this);
         this.name = '';
         this.slotHasContent = false;
     }
+    firstUpdated() {
+        observerSlotChangesWithCallback(this.renderRoot.querySelector('slot'), hasContent => {
+            this.slotHasContent = hasContent;
+            this.requestUpdate();
+        });
+    }
     render() {
         return html `<div
-      class=${classMap({ badge: true, 'has-content': this.slotHasContent })}
+      class=${classMap({
+            badge: true,
+            'slot-has-content': this.slotHasContent,
+        })}
     >
-      <slot @slotchange=${__classPrivateFieldGet(this, _Badge_instances, "m", _Badge_handleSlotChange)}></slot>
+      <slot></slot>
     </div>`;
     }
 }
-_Badge_instances = new WeakSet(), _Badge_handleSlotChange = function _Badge_handleSlotChange(event) {
-    const slot = event.target;
-    // Check assignedElements length
-    this.slotHasContent = slot.assignedElements().length > 0;
-};
 Badge.styles = [styles];
 __decorate([
     property({ type: String, reflect: true })

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.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,gBAAgB,CAAC;AAExC,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;;QAG6C,SAAI,GAAW,EAAE,CAAC;QAK7D,mBAAc,GAAG,KAAK,CAAC;IAezB,CAAC;IAbC,MAAM;QACJ,OAAO,IAAI,CAAA;cACD,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;;0BAEjD,uBAAA,IAAI,iDAAkB;WACrC,CAAC;IACV,CAAC;;6FAEiB,KAAsB;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AAC3D,CAAC;AArBM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAAc;AAGxD;IADC,KAAK,EAAE;6CACe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './badge.css.js';\n\nexport class Badge 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  @state()\n  slotHasContent = false;\n\n  render() {\n    return html`<div\n      class=${classMap({ badge: true, 'has-content': this.slotHasContent })}\n    >\n      <slot @slotchange=${this.#handleSlotChange}></slot>\n    </div>`;\n  }\n\n  #handleSlotChange(event: { target: any }) {\n    const slot = event.target;\n    // Check assignedElements length\n    this.slotHasContent = slot.assignedElements().length > 0;\n  }\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/badge/badge.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,gBAAgB,CAAC;AACxC,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QAG6C,SAAI,GAAW,EAAE,CAAC;QAK7D,mBAAc,GAAG,KAAK,CAAC;IAsBzB,CAAC;IApBC,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,KAAK,EAAE,IAAI;YACX,kBAAkB,EAAE,IAAI,CAAC,cAAc;SACxC,CAAC;;;WAGG,CAAC;IACV,CAAC;;AA5BM,YAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mCAAmB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAAc;AAGxD;IADC,KAAK,EAAE;6CACe","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './badge.css.js';\nimport { observerSlotChangesWithCallback } from '../utils.js';\n\n/**\n * @label Badge\n * @tag p-badge\n * @rawTag badge\n * @summary The badge component is used to display a small amount of information to the user.\n *\n * @cssprop --badge-color - Controls the color of the badge.\n *\n * @example\n * ```html\n * <p-badge>1</p-badge>\n * ```\n * @tags display\n */\nexport class Badge 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  @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        badge: true,\n        'slot-has-content': this.slotHasContent,\n      })}\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

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

@@ -1,8 +1,3 @@
 import { Badge } from './badge.js';
-/**
- * @summary The badge component is used to display a small amount of information to the user.
- *
- * @cssprop --badge-color - Controls the color of the badge.
- */
 export declare class PBadge extends Badge {
 }

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

@@ -1,11 +1,6 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import { Badge } from './badge.js';
-/**
- * @summary The badge component is used to display a small amount of information to the user.
- *
- * @cssprop --badge-color - Controls the color of the badge.
- */
 let PBadge = class PBadge extends Badge {
 };
 PBadge = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"p-badge.js","sourceRoot":"","sources":["../../../src/badge/p-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC;;;;GAIG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,KAAK;CAAG,CAAA;AAAvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAAiB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Badge } from './badge.js';\n\n/**\n * @summary The badge component is used to display a small amount of information to the user.\n *\n * @cssprop --badge-color - Controls the color of the badge.\n */\n@customElement('p-badge')\nexport class PBadge extends Badge {}\n"]}
+{"version":3,"file":"p-badge.js","sourceRoot":"","sources":["../../../src/badge/p-badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAG5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,KAAK;CAAG,CAAA;AAAvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAAiB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Badge } from './badge.js';\n\n@customElement('p-badge')\nexport class PBadge extends Badge {}\n"]}

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

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

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

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+import { getTypography } from '../styleMixins.css.js';
+export const styles = css `
+  :host {
+    display: inline-block;
+  }
+
+  .current-time {
+    ${getTypography('body-medium')}
+  }
+`;
+//# sourceMappingURL=clock.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clock.css.js","sourceRoot":"","sources":["../../../src/clock/clock.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;MAMnB,aAAa,CAAC,aAAa,CAAC;;CAEjC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n\n  .current-time {\n    ${getTypography('body-medium')}\n  }\n`;\n"]}

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

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @label Clock
+ * @tag p-clock
+ * @rawTag clock
+ *
+ * @summary Displays the current time in a given timezone.
+ * @overview
+ *  - Clocks are used to display the current time in a specified timezone.
+ *  - They can be displayed in various formats, including 12-hour and 24-hour time.
+ *
+ * @example
+ * ```html
+ * <p-clock></p-clock>
+ * ```
+ * @tags display
+ */
+export declare class Clock extends LitElement {
+    static styles: import("lit").CSSResult[];
+    timezone?: string;
+    currentTime: string;
+    private _timerId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    __updateCurrentTime(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { styles } from './clock.css.js';
+/**
+ * @label Clock
+ * @tag p-clock
+ * @rawTag clock
+ *
+ * @summary Displays the current time in a given timezone.
+ * @overview
+ *  - Clocks are used to display the current time in a specified timezone.
+ *  - They can be displayed in various formats, including 12-hour and 24-hour time.
+ *
+ * @example
+ * ```html
+ * <p-clock></p-clock>
+ * ```
+ * @tags display
+ */
+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 = '';
+    }
+    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', {
+            timeZone: this.timezone,
+        });
+    }
+    render() {
+        return html `<div class="current-time">${this.currentTime}</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

@@ -0,0 +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"]}

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

@@ -0,0 +1 @@
+export { Clock } from './clock.js';

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

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

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

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

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

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

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,28 @@
+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 {
+    #private;
+    static styles: import("lit").CSSResult[];
+    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,68 @@
+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 { 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);
+        _Divider_instances.add(this);
+        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_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 })
+], 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,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"]}

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/icon/icon.d.ts

@@ -1,9 +1,29 @@
 import { LitElement } from 'lit';
+/**
+ * @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[];
+    /**
+     * 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: 'material-symbols' | 'carbon';
     private svgContent;
     private loading;
     private error;

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

@@ -5,6 +5,22 @@ 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';
+/**
+ * @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);