@redvars/peacock 3.0.1 → 3.1.1

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

@@ -1,5 +1,5 @@
-import { css, unsafeCSS } from 'lit';
-import { getTypography } from '../utils.js';
+import { css } from 'lit';
+import { getTypography } from '../styleMixins.css.js';
 export const styles = css `
   :host {
     display: inline-block;
@@ -25,7 +25,7 @@ export const styles = css `
     color: var(--avatar-text-color);
     width: var(--avatar-size);
     height: var(--avatar-size);
-    ${unsafeCSS(getTypography('body-large-emphasized'))}
+    ${getTypography('body-large-emphasized')}
     background-color: var(--avatar-background-color);
 
     font-size: calc(var(--avatar-size) * 0.4);

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,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;MAyBnB,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;;;;;;;;;;;;CAYtD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { getTypography } from '../utils.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    ${unsafeCSS(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,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"]}

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

@@ -1,10 +1,4 @@
 import { LitElement } from 'lit';
-/**
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop --icon-size - Controls the size of the icon.
- */
 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,12 +3,6 @@ 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';
-/**
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop --icon-size - Controls the size of the icon.
- */
 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;;;;;GAKG;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 * @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 - Controls the size of the icon.\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,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"]}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,17 @@
+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([
+    customElement('p-avatar')
+], PAvatar);
+export { PAvatar };
+//# sourceMappingURL=p-avatar.js.map

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+import { getTypography } from '../styleMixins.css.js';
+export const styles = css `
+  :host {
+    display: inline-block;
+    --badge-color: var(--global-badge-color);
+  }
+
+  .badge {
+    pointer-events: none;
+    z-index: var(--z-index-badge);
+    color: var(--color-white);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--badge-color);
+    border-radius: var(--shape-corner-full);
+
+    &.has-content {
+      height: 1rem;
+      min-width: 1rem;
+      padding-inline: var(--spacing-050);
+      ${getTypography('label-small')};
+      color: var(--color-on-error);
+    }
+
+    &:not(.has-content) {
+      height: 6px;
+      width: 6px;
+    }
+  }
+`;
+//# sourceMappingURL=badge.css.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class Badge extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    name: string;
+    src?: string;
+    slotHasContent: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,37 @@
+var _Badge_instances, _Badge_handleSlotChange;
+import { __classPrivateFieldGet, __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';
+export class Badge extends LitElement {
+    constructor() {
+        super(...arguments);
+        _Badge_instances.add(this);
+        this.name = '';
+        this.slotHasContent = false;
+    }
+    render() {
+        return html `<div
+      class=${classMap({ badge: true, 'has-content': this.slotHasContent })}
+    >
+      <slot @slotchange=${__classPrivateFieldGet(this, _Badge_instances, "m", _Badge_handleSlotChange)}></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 })
+], Badge.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Badge.prototype, "src", void 0);
+__decorate([
+    state()
+], Badge.prototype, "slotHasContent", void 0);
+//# sourceMappingURL=badge.js.map

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

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

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

@@ -0,0 +1 @@
+export { Badge } from './badge.js';

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,15 @@
+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([
+    customElement('p-badge')
+], PBadge);
+export { PBadge };
+//# sourceMappingURL=p-badge.js.map

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

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

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

@@ -1,10 +1,4 @@
 import { LitElement } from 'lit';
-/**
- * @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 Icon extends LitElement {
     static styles: import("lit").CSSResult[];
     name?: string;

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

@@ -5,16 +5,9 @@ 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';
-/**
- * @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 class Icon extends LitElement {
     constructor() {
         super(...arguments);
-        this.name = 'home';
         this.provider = 'material-symbols';
         this.svgContent = '';
         // loading + error states for consumers/tests

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":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAG6C,SAAI,GAAY,MAAM,CAAC;QAItC,aAAQ,GAClC,kBAAkB,CAAC;QAGb,eAAU,GAAW,EAAE,CAAC;QAEhC,6CAA6C;QAErC,YAAO,GAAY,KAAK,CAAC;QAGzB,UAAK,GAAiB,IAAI,CAAC;QAEnC,+DAA+D;QACvD,aAAQ,GAAG,CAAC,CAAC;IAkFvB,CAAC;IA7EC,YAAY;QACV,iEAAiE;QACjE,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,OAAO,CAAC,iBAAsB;QAC5B,wCAAwC;QACxC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAClE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,mFAAmF;QACnF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;YAC5B,CAAC,CAAC,IAAI,CAAA,+BAA+B;WAClC,CAAC;IACV,CAAC;IAED,kDAAkD;IAC1C,gBAAgB;QACtB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,YAAY,CAAC,IAAI,CAAC,cAAqB,CAAC,CAAC;QAC3C,CAAC;QACD,gDAAgD;QAChD,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACxE,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,WAAW;QACvB,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,IAAI,CAAC;YACH,IAAI,GAAuB,CAAC;YAE5B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,GAAG,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClD,CAAC;iBAAM,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBACpB,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,GAAG,GAAG,EAAE,CAAC;YACX,CAAC;YAED,8DAA8D;YAC9D,IAAI,SAAS,KAAK,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAExC,IAAI,GAAG,EAAE,CAAC;gBACR,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAClB,gDAAgD;YAChD,IAAI,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;YACrB,yCAAyC;YACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC5B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;gBAC7D,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,yDAAyD;YACzD,IAAI,SAAS,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;;AArGM,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAAwB;AAEvB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iCAAc;AAE5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACN;AAGb;IADP,KAAK,EAAE;wCACwB;AAIxB;IADP,KAAK,EAAE;qCACyB;AAGzB;IADP,KAAK,EAAE;mCAC2B","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\n/**\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 */\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name?: string = 'home';\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';\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"]}

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

@@ -1,3 +1,10 @@
 import { Icon } from './icon.js';
-export declare class IconComponent extends Icon {
+/**
+ * @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,10 +1,17 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import { Icon } from './icon.js';
-let IconComponent = class IconComponent extends Icon {
+/**
+ * @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 {
 };
-IconComponent = __decorate([
+PIcon = __decorate([
     customElement('p-icon')
-], IconComponent);
-export { IconComponent };
+], PIcon);
+export { PIcon };
 //# sourceMappingURL=p-icon.js.map

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;AAG1B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,IAAI;CAAG,CAAA;AAA7B,aAAa;IADzB,aAAa,CAAC,QAAQ,CAAC;GACX,aAAa,CAAgB","sourcesContent":["import { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon.js';\n\n@customElement('p-icon')\nexport class IconComponent 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;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"]}

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

@@ -1,2 +1,3 @@
-export { Icon } from './icon/icon.js';
-export { Avatar } from './avatar/avatar.js';
+export { Icon } from './icon/index.js';
+export { Avatar } from './avatar/index.js';
+export { Badge } from './badge/index.js';

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

@@ -1,3 +1,4 @@
-export { Icon } from './icon/icon.js';
-export { Avatar } from './avatar/avatar.js';
+export { Icon } from './icon/index.js';
+export { Avatar } from './avatar/index.js';
+export { Badge } from './badge/index.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { Icon } from './icon/icon.js';\nexport { Avatar } from './avatar/avatar.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { Icon } from './icon/index.js';\nexport { Avatar } from './avatar/index.js';\nexport { Badge } from './badge/index.js';\n"]}

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

@@ -0,0 +1 @@
+export { Link } from './link.js';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { CSSResult } from 'lit';
+export declare const createLinkStyles: (prefix: string) => CSSResult;

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

@@ -0,0 +1,36 @@
+import { css, unsafeCSS } from 'lit';
+import { focusRing } from '../styleMixins.css.js';
+export const createLinkStyles = (prefix) => css `
+  .${unsafeCSS(prefix)}-link {
+    border-radius: inherit;
+    corner-shape: inherit;
+
+    color: var(--color-primary);
+    --icon-color: var(--color-primary);
+  }
+
+  .${unsafeCSS(prefix)}-link:hover {
+    color: var(--color-on-primary-container);
+    --icon-color: var(--color-on-primary-container);
+  }
+
+  .${unsafeCSS(prefix)}-link:focus {
+    text-decoration: none;
+    ${focusRing()}
+  }
+
+  .${unsafeCSS(prefix)}-link.no-style {
+    color: var(--color-on-surface);
+    --icon-color: var(--color-on-surface);
+    text-decoration: none !important;
+  }
+
+  .${unsafeCSS(prefix)}-link.no-decoration {
+    text-decoration: none !important;
+  }
+
+  .${unsafeCSS(prefix)}-link.inline {
+    text-decoration: var(--link-decoration, underline);
+  }
+`;
+//# sourceMappingURL=link.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.css.js","sourceRoot":"","sources":["../../../src/link/link.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAa,EAAE,CAAC,GAAG,CAAA;KAC7D,SAAS,CAAC,MAAM,CAAC;;;;;;;;KAQjB,SAAS,CAAC,MAAM,CAAC;;;;;KAKjB,SAAS,CAAC,MAAM,CAAC;;MAEhB,SAAS,EAAE;;;KAGZ,SAAS,CAAC,MAAM,CAAC;;;;;;KAMjB,SAAS,CAAC,MAAM,CAAC;;;;KAIjB,SAAS,CAAC,MAAM,CAAC;;;CAGrB,CAAC","sourcesContent":["import { css, unsafeCSS, CSSResult } from 'lit';\nimport { focusRing } from '../styleMixins.css.js';\n\nexport const createLinkStyles = (prefix: string): CSSResult => css`\n  .${unsafeCSS(prefix)}-link {\n    border-radius: inherit;\n    corner-shape: inherit;\n\n    color: var(--color-primary);\n    --icon-color: var(--color-primary);\n  }\n\n  .${unsafeCSS(prefix)}-link:hover {\n    color: var(--color-on-primary-container);\n    --icon-color: var(--color-on-primary-container);\n  }\n\n  .${unsafeCSS(prefix)}-link:focus {\n    text-decoration: none;\n    ${focusRing()}\n  }\n\n  .${unsafeCSS(prefix)}-link.no-style {\n    color: var(--color-on-surface);\n    --icon-color: var(--color-on-surface);\n    text-decoration: none !important;\n  }\n\n  .${unsafeCSS(prefix)}-link.no-decoration {\n    text-decoration: none !important;\n  }\n\n  .${unsafeCSS(prefix)}-link.inline {\n    text-decoration: var(--link-decoration, underline);\n  }\n`;\n"]}

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

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+/**
+ * @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 Link extends LitElement {
+    static styles: import("lit").CSSResult[];
+    createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,18 @@
+import { html, LitElement } from 'lit';
+import { styles } from './link.css.js';
+/**
+ * @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 class Link extends LitElement {
+    createRenderRoot() {
+        return this; // Renders to the Light DOM
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+Link.styles = [styles];
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;IAGlC,gBAAgB;QACd,OAAO,IAAI,CAAC,CAAC,2BAA2B;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AARM,WAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './link.css.js';\n\n/**\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 */\nexport class Link extends LitElement {\n  static styles = [styles];\n\n  createRenderRoot() {\n    return this; // Renders to the Light DOM\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n"]}

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

@@ -1,14 +1,43 @@
 // Eager loaded
 import { Icon } from './icon/icon.js';
+import { Avatar } from './avatar/avatar.js';
 import { LoaderUtils } from './LoaderUtils.js';
+import cssComponentsStyleSheet from '../assets/tokens.css';
+import { createLinkStyles } from './link/link.css.js';
+import { createTextStyles } from './text/text.css.js';
+const libraryPrefix = 'p';
+function buildSheet(styleSheet) {
+    const sheet = new CSSStyleSheet();
+    // Add rules
+    sheet.replaceSync(styleSheet.toString());
+    return sheet;
+}
+const styleSheets = [buildSheet(cssComponentsStyleSheet)];
+const linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;
+if (linkStylesheet)
+    styleSheets.push(linkStylesheet);
+const textStylesheet = createTextStyles(libraryPrefix).styleSheet;
+if (textStylesheet)
+    styleSheets.push(textStylesheet);
+function stringifyStyleSheet(stylesheet) {
+    // Use Array.from() to convert the CSSRuleList to an array
+    return (Array.from(stylesheet.cssRules)
+        // Map each rule to its cssText property
+        .map((rule) => rule.cssText || '')
+        // Join all the rules with a newline character
+        .join('\\n'));
+}
+console.log(stringifyStyleSheet(textStylesheet));
+document.adoptedStyleSheets = styleSheets;
 const loaderConfig = {
-    prefix: 'p',
+    prefix: libraryPrefix,
     components: {
         icon: {
             CustomElementClass: Icon,
+            // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass
         },
         avatar: {
-            importPath: './component/avatar.js',
+            CustomElementClass: Avatar,
         },
     },
 };

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

@@ -1 +1 @@
-{"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,GAAG;IACX,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;SACzB;QACD,MAAM,EAAE;YACN,UAAU,EAAE,uBAAuB;SACpC;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\n\nconst loaderConfig: LoaderConfig = {\n  prefix: 'p',\n  components: {\n    icon: {\n      CustomElementClass: Icon,\n    },\n    avatar: {\n      importPath: './component/avatar.js',\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"]}
+{"version":3,"file":"peacock-loader.js","sourceRoot":"","sources":["../../src/peacock-loader.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAgB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,uBAAuB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,SAAS,UAAU,CAAC,UAAe;IACjC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAE1D,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AAClE,IAAI,cAAc;IAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAErD,SAAS,mBAAmB,CAAC,UAAe;IAC1C,0DAA0D;IAC1D,OAAO,CACL,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,wCAAwC;SACvC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QACvC,8CAA8C;SAC7C,IAAI,CAAC,KAAK,CAAC,CACf,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC;AAEjD,QAAQ,CAAC,kBAAkB,GAAG,WAAW,CAAC;AAE1C,MAAM,YAAY,GAAiB;IACjC,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,kBAAkB,EAAE,IAAI;YACxB,6FAA6F;SAC9F;QACD,MAAM,EAAE;YACN,kBAAkB,EAAE,MAAM;SAC3B;KACF;CACF,CAAC;AAEF,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC","sourcesContent":["// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport cssComponentsStyleSheet from '../assets/tokens.css';\nimport { createLinkStyles } from './link/link.css.js';\nimport { createTextStyles } from './text/text.css.js';\n\nconst libraryPrefix = 'p';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [buildSheet(cssComponentsStyleSheet)];\n\nconst linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;\nif (linkStylesheet) styleSheets.push(linkStylesheet);\n\nconst textStylesheet = createTextStyles(libraryPrefix).styleSheet;\nif (textStylesheet) styleSheets.push(textStylesheet);\n\nfunction stringifyStyleSheet(stylesheet: any) {\n  // Use Array.from() to convert the CSSRuleList to an array\n  return (\n    Array.from(stylesheet.cssRules)\n      // Map each rule to its cssText property\n      .map((rule: any) => rule.cssText || '')\n      // Join all the rules with a newline character\n      .join('\\\\n')\n  );\n}\n\nconsole.log(stringifyStyleSheet(textStylesheet));\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n  prefix: libraryPrefix,\n  components: {\n    icon: {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    avatar: {\n      CustomElementClass: Avatar,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"]}

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

@@ -0,0 +1,9 @@
+import { CSSResult } from 'lit';
+export declare const focusRing: (color?: string) => CSSResult;
+export declare const getTypography: (name: string) => CSSResult;
+export declare const getTypographyNotImportant: (name: string) => CSSResult;
+export declare const forPhoneOnly: (content: CSSResult) => CSSResult;
+export declare const forTabletPortraitUp: (content: CSSResult) => CSSResult;
+export declare const forTabletLandscapeUp: (content: CSSResult) => CSSResult;
+export declare const forDesktopUp: (content: CSSResult) => CSSResult;
+export declare const forBigDesktopUp: (content: CSSResult) => CSSResult;

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

@@ -0,0 +1,46 @@
+import { css, unsafeCSS } from 'lit';
+export const focusRing = (color = 'var(--border-interactive)') => css `
+  outline: 2px solid ${unsafeCSS(color)};
+`;
+export const getTypography = (name) => css `
+  font-family: var(--typography-${unsafeCSS(name)}-font-family) !important;
+  font-size: var(--typography-${unsafeCSS(name)}-font-size) !important;
+  font-weight: var(--typography-${unsafeCSS(name)}-font-weight) !important;
+  line-height: var(--typography-${unsafeCSS(name)}-line-height) !important;
+  letter-spacing: var(
+    --typography-${unsafeCSS(name)}-letter-spacing
+  ) !important;
+`;
+export const getTypographyNotImportant = (name) => css `
+  font-family: var(--typography-${unsafeCSS(name)}-font-family);
+  font-size: var(--typography-${unsafeCSS(name)}-font-size);
+  font-weight: var(--typography-${unsafeCSS(name)}-font-weight);
+  line-height: var(--typography-${unsafeCSS(name)}-line-height);
+  letter-spacing: var(--typography-${unsafeCSS(name)}-letter-spacing);
+`;
+export const forPhoneOnly = (content) => css `
+  @media (max-width: 671px) {
+    ${content}
+  }
+`;
+export const forTabletPortraitUp = (content) => css `
+  @media (min-width: 672px) {
+    ${content}
+  }
+`;
+export const forTabletLandscapeUp = (content) => css `
+  @media (min-width: 1056px) {
+    ${content}
+  }
+`;
+export const forDesktopUp = (content) => css `
+  @media (min-width: 1312px) {
+    ${content}
+  }
+`;
+export const forBigDesktopUp = (content) => css `
+  @media (min-width: 1584px) {
+    ${content}
+  }
+`;
+//# sourceMappingURL=styleMixins.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styleMixins.css.js","sourceRoot":"","sources":["../../src/styleMixins.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAEhD,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAK,GAAG,2BAA2B,EACxB,EAAE,CAAC,GAAG,CAAA;uBACI,SAAS,CAAC,KAAK,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAa,EAAE,CAAC,GAAG,CAAA;kCAC3B,SAAS,CAAC,IAAI,CAAC;gCACjB,SAAS,CAAC,IAAI,CAAC;kCACb,SAAS,CAAC,IAAI,CAAC;kCACf,SAAS,CAAC,IAAI,CAAC;;mBAE9B,SAAS,CAAC,IAAI,CAAC;;CAEjC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAY,EAAa,EAAE,CAAC,GAAG,CAAA;kCACvC,SAAS,CAAC,IAAI,CAAC;gCACjB,SAAS,CAAC,IAAI,CAAC;kCACb,SAAS,CAAC,IAAI,CAAC;kCACf,SAAS,CAAC,IAAI,CAAC;qCACZ,SAAS,CAAC,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE5D,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAEnE,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAEpE,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE5D,OAAO;;CAEZ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAa,EAAE,CAAC,GAAG,CAAA;;MAE/D,OAAO;;CAEZ,CAAC","sourcesContent":["import { css, unsafeCSS, CSSResult } from 'lit';\n\nexport const focusRing = (\n  color = 'var(--border-interactive)',\n): CSSResult => css`\n  outline: 2px solid ${unsafeCSS(color)};\n`;\n\nexport const getTypography = (name: string): CSSResult => css`\n  font-family: var(--typography-${unsafeCSS(name)}-font-family) !important;\n  font-size: var(--typography-${unsafeCSS(name)}-font-size) !important;\n  font-weight: var(--typography-${unsafeCSS(name)}-font-weight) !important;\n  line-height: var(--typography-${unsafeCSS(name)}-line-height) !important;\n  letter-spacing: var(\n    --typography-${unsafeCSS(name)}-letter-spacing\n  ) !important;\n`;\n\nexport const getTypographyNotImportant = (name: string): CSSResult => css`\n  font-family: var(--typography-${unsafeCSS(name)}-font-family);\n  font-size: var(--typography-${unsafeCSS(name)}-font-size);\n  font-weight: var(--typography-${unsafeCSS(name)}-font-weight);\n  line-height: var(--typography-${unsafeCSS(name)}-line-height);\n  letter-spacing: var(--typography-${unsafeCSS(name)}-letter-spacing);\n`;\n\nexport const forPhoneOnly = (content: CSSResult): CSSResult => css`\n  @media (max-width: 671px) {\n    ${content}\n  }\n`;\n\nexport const forTabletPortraitUp = (content: CSSResult): CSSResult => css`\n  @media (min-width: 672px) {\n    ${content}\n  }\n`;\n\nexport const forTabletLandscapeUp = (content: CSSResult): CSSResult => css`\n  @media (min-width: 1056px) {\n    ${content}\n  }\n`;\n\nexport const forDesktopUp = (content: CSSResult): CSSResult => css`\n  @media (min-width: 1312px) {\n    ${content}\n  }\n`;\n\nexport const forBigDesktopUp = (content: CSSResult): CSSResult => css`\n  @media (min-width: 1584px) {\n    ${content}\n  }\n`;\n"]}

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

@@ -0,0 +1,2 @@
+import { CSSResult } from 'lit';
+export declare const createTextStyles: (prefix: string) => CSSResult;