@redvars/peacock 3.1.2 → 3.1.3

package/dist/elevation.js

@@ -0,0 +1,77 @@
+import { i, a as i$1, b } from './lit-element-CkD27PXL.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var css_248z = i`/**
+ * Derived from Material Design Elevation
+ * https://github.com/material-components/material-web/blob/main/elevation/internal/_elevation.scss
+ */
+:host,
+.shadow,
+.shadow::before,
+.shadow::after {
+  border-radius: inherit;
+  inset: 0;
+  position: absolute;
+  transition-duration: inherit;
+  transition-property: inherit;
+  transition-timing-function: inherit;
+}
+
+:host {
+  display: flex;
+  pointer-events: none;
+  transition-property: box-shadow, opacity;
+  --elevation-level: 0;
+  --elevation-color: var(--elevation-color-default, black);
+}
+
+.shadow::before,
+.shadow::after {
+  content: "";
+  transition-property: box-shadow, opacity;
+  --_level: var(--elevation-level);
+  --_shadow-color: var(--elevation-color);
+}
+
+.shadow::before {
+  box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);
+  opacity: 0.3;
+}
+
+.shadow::after {
+  box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);
+  opacity: 0.15;
+}`;
+styleInject(css_248z);
+
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+class Elevation extends i$1 {
+    render() {
+        return b `<span class="shadow"></span>`;
+    }
+}
+Elevation.styles = [css_248z];
+
+export { Elevation };
+//# sourceMappingURL=elevation.js.map

package/dist/elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.js","sources":["../../src/elevation/elevation.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport styles from './elevation.scss';\n\n/**\n * @label Elevation\n * @tag p-elevation\n * @rawTag elevation\n *\n * @summary Adds elevation to an element.\n * @overview\n *  - Elevation adds a shadow effect to an element to give it depth.\n *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.\n *\n * @cssprop --elevation-level - Controls the elevation level of the shadow.\n * @cssprop --elevation-color - Controls the color of the shadow.\n *\n * @example\n * ```html\n *   <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n *     <p-elevation style='--elevation-level: 2'></p-elevation>\n *     Level 2\n *   </div>\n * ```\n * @tags display\n */\nexport class Elevation extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`<span class=\"shadow\"></span>`;\n  }\n}\n"],"names":["LitElement","html","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,MAAO,SAAU,SAAQA,GAAU,CAAA;IAGvC,MAAM,GAAA;QACJ,OAAOC,CAAI,CAAA,CAAA,4BAAA,CAA8B;IAC3C;;AAJO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;;;;"}

package/dist/focus-ring/FocusAttachableController.d.ts

@@ -0,0 +1,10 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class FocusAttachableController implements ReactiveController {
+    host: ReactiveControllerHost;
+    getControlElement: () => HTMLElement;
+    visible: boolean;
+    constructor(host: ReactiveControllerHost, getControlElement: () => HTMLElement);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=FocusAttachableController.d.ts.map

package/dist/focus-ring/FocusAttachableController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusAttachableController.d.ts","sourceRoot":"","sources":["../../src/focus-ring/FocusAttachableController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,qBAAa,yBAA0B,YAAW,kBAAkB;IAClE,IAAI,EAAE,sBAAsB,CAAC;IAE7B,iBAAiB,EAAE,MAAM,WAAW,CAAC;IAErC,OAAO,UAAS;gBAGd,IAAI,EAAE,sBAAsB,EAC5B,iBAAiB,EAAE,MAAM,WAAW;IAMtC,aAAa;IAeb,gBAAgB;CAGjB"}

package/dist/focus-ring/focus-ring.d.ts

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

package/dist/focus-ring/focus-ring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../src/focus-ring/focus-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAI1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,iCAAY;IAEmB,OAAO,EAAE,OAAO,CAAS;IAErE,MAAM;IAIN,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB,IAAI,OAAO,IAIU,WAAW,GAAG,IAAI,CAFtC;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAMtC;IAED,iBAAiB;IASjB,MAAM,CAAC,OAAO,EAAE,WAAW;IAI3B,MAAM;IAIN,oBAAoB;CAIrB"}

package/dist/focus-ring/index.d.ts

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

package/dist/focus-ring/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/focus-ring/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/focus-ring.js

@@ -0,0 +1,105 @@
+import { _ as __decorate, n } from './property-CR1ZrEd9.js';
+import { i, a as i$1, A } from './lit-element-CkD27PXL.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var css_248z = i`:host {
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  border-start-start-radius: var(--focus-ring-shape-start-start);
+  border-start-end-radius: var(--focus-ring-shape-start-end);
+  border-end-start-radius: var(--focus-ring-shape-end-start);
+  border-end-end-radius: var(--focus-ring-shape-end-end);
+  inset: calc(-1 * var(--focus-ring-inset, 2px));
+  animation-delay: 0s, calc(var(--focus-ring-duration, 600ms) * 0.25);
+  animation-duration: calc(var(--focus-ring-duration, 600ms) * 0.25), calc(var(--focus-ring-duration, 600ms) * 0.75);
+  animation-timing-function: var(--easing-standard);
+  box-sizing: border-box;
+  animation-name: outward-grow, outward-shrink;
+}
+
+:host([visible]) {
+  display: flex;
+  outline: 3px solid var(--color-primary);
+}`;
+styleInject(css_248z);
+
+/**
+ * @label Elevation
+ * @tag p-elevation
+ * @rawTag elevation
+ *
+ * @summary Adds elevation to an element.
+ * @overview
+ *  - Elevation adds a shadow effect to an element to give it depth.
+ *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.
+ *
+ * @cssprop --elevation-level - Controls the elevation level of the shadow.
+ * @cssprop --elevation-color - Controls the color of the shadow.
+ *
+ * @example
+ * ```html
+ *   <div style="position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);">
+ *     <p-elevation style='--elevation-level: 2'></p-elevation>
+ *     Level 2
+ *   </div>
+ * ```
+ * @tags display
+ */
+class FocusRing extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.visible = false;
+    }
+    render() {
+        return A;
+    }
+    get control() {
+        return this._control || null;
+    }
+    set control(control) {
+        if (control) {
+            this._control = control;
+        }
+        else {
+            this.detach();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.attach();
+    }
+    disconnectedCallback() {
+        this.detach();
+        super.disconnectedCallback();
+    }
+    attach() {
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('focusin', () => {
+            this.visible =
+                // @ts-ignore - buttonElement is not defined on the base class
+                this._control?.buttonElement?.matches(':focus-visible') ?? false;
+        });
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('focusout', () => {
+            this.visible = false;
+        });
+        // @ts-ignore - buttonElement is not defined on the base class
+        this._control?.buttonElement?.addEventListener('pointerdown', () => {
+            this.visible = false;
+        });
+    }
+    detach() {
+        this._control?.removeEventListener('focusin', () => { });
+        this._control?.removeEventListener('focusout', () => { });
+        this._control?.removeEventListener('pointerdown', () => { });
+        this._control = undefined;
+    }
+}
+FocusRing.styles = [css_248z];
+__decorate([
+    n({ type: Boolean, reflect: true })
+], FocusRing.prototype, "visible", void 0);
+
+export { FocusRing };
+//# sourceMappingURL=focus-ring.js.map

package/dist/focus-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.js","sources":["../../src/focus-ring/focus-ring.ts"],"sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './focus-ring.scss';\n\n/**\n * @label Elevation\n * @tag p-elevation\n * @rawTag elevation\n *\n * @summary Adds elevation to an element.\n * @overview\n *  - Elevation adds a shadow effect to an element to give it depth.\n *  - It can be used to create a sense of hierarchy or to draw attention to a particular element.\n *\n * @cssprop --elevation-level - Controls the elevation level of the shadow.\n * @cssprop --elevation-color - Controls the color of the shadow.\n *\n * @example\n * ```html\n *   <div style=\"position: relative; padding: var(--spacing-200); border-radius: var(--shape-corner-small);\">\n *     <p-elevation style='--elevation-level: 2'></p-elevation>\n *     Level 2\n *   </div>\n * ```\n * @tags display\n */\nexport class FocusRing extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Boolean, reflect: true }) visible: boolean = false;\n\n  render() {\n    return nothing;\n  }\n\n  _control?: HTMLElement;\n\n  get control() {\n    return this._control || null;\n  }\n\n  set control(control: HTMLElement | null) {\n    if (control) {\n      this._control = control;\n    } else {\n      this.detach();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.attach();\n  }\n\n  disconnectedCallback() {\n    this.detach();\n    super.disconnectedCallback();\n  }\n\n  attach() {\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('focusin', () => {\n      this.visible =\n        // @ts-ignore - buttonElement is not defined on the base class\n        this._control?.buttonElement?.matches(':focus-visible') ?? false;\n    });\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('focusout', () => {\n      this.visible = false;\n    });\n    // @ts-ignore - buttonElement is not defined on the base class\n    this._control?.buttonElement?.addEventListener('pointerdown', () => {\n      this.visible = false;\n    });\n  }\n\n  detach() {\n    this._control?.removeEventListener('focusin', () => {});\n    this._control?.removeEventListener('focusout', () => {});\n    this._control?.removeEventListener('pointerdown', () => {});\n    this._control = undefined;\n  }\n}\n"],"names":["LitElement","nothing","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,MAAO,SAAU,SAAQA,GAAU,CAAA;AAAzC,IAAA,WAAA,GAAA;;QAG8C,IAAA,CAAA,OAAO,GAAY,KAAK;IAqDtE;IAnDE,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAO;IAChB;AAIA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI;IAC9B;IAEA,IAAI,OAAO,CAAC,OAA2B,EAAA;QACrC,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;QACzB;aAAO;YACL,IAAI,CAAC,MAAM,EAAE;QACf;IACF;IAEA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,MAAM,EAAE;IACf;IAEA,oBAAoB,GAAA;QAClB,IAAI,CAAC,MAAM,EAAE;QACb,KAAK,CAAC,oBAAoB,EAAE;IAC9B;IAEA,MAAM,GAAA;;QAEJ,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,SAAS,EAAE,MAAK;AAC7D,YAAA,IAAI,CAAC,OAAO;;gBAEV,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK;AACpE,QAAA,CAAC,CAAC;;QAEF,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,UAAU,EAAE,MAAK;AAC9D,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,QAAA,CAAC,CAAC;;QAEF,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC,aAAa,EAAE,MAAK;AACjE,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,MAAK,EAAE,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,UAAU,EAAE,MAAK,EAAE,CAAC,CAAC;AACxD,QAAA,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,aAAa,EAAE,MAAK,EAAE,CAAC,CAAC;AAC3D,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;IAC3B;;AAtDO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAEoB,UAAA,CAAA;IAA3CC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAA2B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/icon/datasource.d.ts

@@ -0,0 +1,3 @@
+export declare function fetchSVG(url: string): Promise<string>;
+export declare function fetchIcon(name: string, provider?: string): Promise<string>;
+//# sourceMappingURL=datasource.d.ts.map

package/dist/icon/datasource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasource.d.ts","sourceRoot":"","sources":["../../src/icon/datasource.ts"],"names":[],"mappings":"AAWA,wBAAsB,QAAQ,CAAC,GAAG,EAAE,MAAM,mBAGzC;AAED,wBAAsB,SAAS,CAC7B,IAAI,EAAE,MAAM,EACZ,QAAQ,GAAE,MAA2B,mBAStC"}

package/dist/icon/icon.d.ts

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

package/dist/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;AACjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,iCAAY;IAEzB;;;OAGG;IACwC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,EAAE,YAAY,CAAsB;IAGxE,OAAO,CAAC,UAAU,CAAc;IAIhC,OAAO,CAAC,OAAO,CAAkB;IAGjC,OAAO,CAAC,KAAK,CAAsB;IAGnC,OAAO,CAAC,QAAQ,CAAK;IAGrB,OAAO,CAAC,cAAc,CAAqB;IAE3C,YAAY;IAKZ,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAO9B,MAAM;IAUN,OAAO,CAAC,gBAAgB;IAQxB;;OAEG;YACW,WAAW;CA4C1B"}

package/dist/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './icon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/icon/p-icon.d.ts

@@ -0,0 +1,4 @@
+import { Icon } from './icon.js';
+export declare class PIcon extends Icon {
+}
+//# sourceMappingURL=p-icon.d.ts.map

package/dist/icon/p-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-icon.d.ts","sourceRoot":"","sources":["../../src/icon/p-icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,qBACa,KAAM,SAAQ,IAAI;CAAG"}

package/dist/icon.js

@@ -1,7 +1,8 @@
-import { A, E, i as i$1, _ as __decorate, n, a as i$2, b } from './property-D4Kn9TsY.js';
-import { r } from './state-CxzmLNIi.js';
+import { _ as __decorate, n } from './property-CR1ZrEd9.js';
+import { A, E, i as i$1, a as i$2, b } from './lit-element-CkD27PXL.js';
+import { c as createCacheFetch, r, s as sanitizeSvg } from './utils-CY3RyfcA.js';
 import { i, t as t$1, e as e$1 } from './directive-BKuZRRPO.js';
-import { c as createCacheFetch, s as sanitizeSvg } from './utils-_5no4mk7.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 /**
  * @license
@@ -34,26 +35,25 @@ async function fetchIcon(name, provider = 'material-symbols') {
     return fetchSVG(PROVIDERS[provider](name));
 }
 
-const styles = i$1 `
-  :host {
-    display: inline-block;
-    line-height: 0;
-    --icon-size: inherit;
-    --icon-color: inherit;
-  }
-
-  .icon {
-    display: inline-block;
-    height: var(--icon-size, 1rem);
-    width: var(--icon-size, 1rem);
+var css_248z = i$1`:host {
+  display: inline-block;
+  vertical-align: middle;
+  --icon-size: inherit;
+  --icon-color: inherit;
+}
 
-    svg {
-      fill: var(--icon-color);
-      height: 100%;
-      width: 100%;
-    }
-  }
-`;
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+  height: var(--icon-size, 1rem);
+  width: var(--icon-size, 1rem);
+}
+.icon svg {
+  fill: var(--icon-color);
+  height: 100%;
+  width: 100%;
+}`;
+styleInject(css_248z);
 
 /**
  * @label Icon
@@ -94,10 +94,10 @@ class Icon extends i$2 {
     }
     render() {
         // accessible wrapper; consumers can provide a fallback via <slot name="fallback">.
-        return b ` <div class="icon">
+        return b ` <div class="icon">
       ${this.svgContent
             ? o(this.svgContent)
-            : b `<slot name="fallback"></slot>`}
+            : b `<slot name="fallback"></slot>`}
     </div>`;
     }
     // small debounce to coalesce rapid changes (50ms)
@@ -156,7 +156,7 @@ class Icon extends i$2 {
         }
     }
 }
-Icon.styles = [styles];
+Icon.styles = [css_248z];
 __decorate([
     n({ type: String, reflect: true })
 ], Icon.prototype, "name", void 0);
@@ -170,7 +170,7 @@ __decorate([
     r()
 ], Icon.prototype, "svgContent", void 0);
 __decorate([
-    r()
+    r() // @ts-ignore
 ], Icon.prototype, "loading", void 0);
 __decorate([
     r()

package/dist/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../node_modules/lit-html/directives/unsafe-html.js","../node_modules/lit-html/directives/unsafe-svg.js","../../src/icon/datasource.ts","../../src/icon/icon.css.ts","../../src/icon/icon.ts"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n","import{directive as s}from\"../directive.js\";import{UnsafeHTMLDirective as e}from\"./unsafe-html.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class t extends e{}t.directiveName=\"unsafeSVG\",t.resultType=2;const o=s(t);export{o as unsafeSVG};\n//# sourceMappingURL=unsafe-svg.js.map\n","import { createCacheFetch } from '../utils.js';\n\nconst PROVIDERS: Record<string, (name: string) => string> = {\n  'material-symbols': (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@0.40.1/outlined/${name}.svg`,\n  carbon: (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@carbon/icons@11.41.0/svg/32/${name}.svg`,\n};\n\nconst cacheFetch = await createCacheFetch('svg-cache');\n\nexport async function fetchSVG(url: string) {\n  if (!url) return '';\n  return cacheFetch(url);\n}\n\nexport async function fetchIcon(\n  name: string,\n  provider: string = 'material-symbols',\n) {\n  if (!name) return '';\n\n  if (!PROVIDERS[provider]) {\n    throw new Error(`Provider '${provider}' not found`);\n  }\n\n  return fetchSVG(PROVIDERS[provider](name));\n}\n","import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    line-height: 0;\n    --icon-size: inherit;\n    --icon-color: inherit;\n  }\n\n  .icon {\n    display: inline-block;\n    height: var(--icon-size, 1rem);\n    width: var(--icon-size, 1rem);\n\n    svg {\n      fill: var(--icon-color);\n      height: 100%;\n      width: 100%;\n    }\n  }\n`;\n","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 * @label Icon\n * @tag p-icon\n * @rawTag icon\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.\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 * @example\n * ```html\n * <p-icon name=\"home\"></p-icon>\n * ```\n *\n */\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  /**\n   * The identifier for the icon.\n   * This name corresponds to a specific SVG asset in the icon set.\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"],"names":["s","t","n","i","css","LitElement","html","unsafeSVG","property","state"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"icon.js","sources":["../node_modules/lit-html/directives/unsafe-html.js","../node_modules/lit-html/directives/unsafe-svg.js","../../src/icon/datasource.ts","../../src/icon/icon.ts"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n","import{directive as s}from\"../directive.js\";import{UnsafeHTMLDirective as e}from\"./unsafe-html.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class t extends e{}t.directiveName=\"unsafeSVG\",t.resultType=2;const o=s(t);export{o as unsafeSVG};\n//# sourceMappingURL=unsafe-svg.js.map\n","import { createCacheFetch } from '../utils.js';\n\nconst PROVIDERS: Record<string, (name: string) => string> = {\n  'material-symbols': (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@0.40.1/outlined/${name}.svg`,\n  carbon: (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@carbon/icons@11.41.0/svg/32/${name}.svg`,\n};\n\nconst cacheFetch = await createCacheFetch('svg-cache');\n\nexport async function fetchSVG(url: string) {\n  if (!url) return '';\n  return cacheFetch(url);\n}\n\nexport async function fetchIcon(\n  name: string,\n  provider: string = 'material-symbols',\n) {\n  if (!name) return '';\n\n  if (!PROVIDERS[provider]) {\n    throw new Error(`Provider '${provider}' not found`);\n  }\n\n  return fetchSVG(PROVIDERS[provider](name));\n}\n","import { html, LitElement } from 'lit';\r\nimport { property, state } from 'lit/decorators.js';\r\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\r\nimport { fetchIcon, fetchSVG } from './datasource.js';\r\nimport { sanitizeSvg } from '../utils.js';\r\nimport styles from './icon.scss';\r\n\r\nexport type IconProvider = 'material-symbols' | 'material-icons';\r\n/**\r\n * @label Icon\r\n * @tag p-icon\r\n * @rawTag icon\r\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\r\n * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.\r\n *\r\n * @cssprop --icon-color - Controls the color of the icon.\r\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\r\n *\r\n * @example\r\n * ```html\r\n * <p-icon name=\"home\"></p-icon>\r\n * ```\r\n *\r\n */\r\nexport class Icon extends LitElement {\r\n  static styles = [styles];\r\n\r\n  /**\r\n   * The identifier for the icon.\r\n   * This name corresponds to a specific SVG asset in the icon set.\r\n   */\r\n  @property({ type: String, reflect: true }) name?: string;\r\n\r\n  @property({ type: String, reflect: true }) src?: string;\r\n\r\n  @property({ type: String }) provider: IconProvider = 'material-symbols';\r\n\r\n  @state()\r\n  private svgContent: string = '';\r\n\r\n  // loading + error states for consumers/tests\r\n  @state() // @ts-ignore\r\n  private loading: boolean = false;\r\n\r\n  @state()\r\n  private error: Error | null = null;\r\n\r\n  // token to avoid race conditions when multiple fetches overlap\r\n  private _fetchId = 0;\r\n\r\n  // optional debounce for rapid property changes\r\n  private _debounceTimer: number | undefined;\r\n\r\n  firstUpdated() {\r\n    // perform initial fetch once component is connected and rendered\r\n    this.__scheduleUpdate();\r\n  }\r\n\r\n  updated(changedProperties: any) {\r\n    // only refetch when name or src changed\r\n    if (changedProperties.has('name') || changedProperties.has('src')) {\r\n      this.__scheduleUpdate();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\r\n    return html` <div class=\"icon\">\r\n      ${this.svgContent\r\n        ? unsafeSVG(this.svgContent)\r\n        : html`<slot name=\"fallback\"></slot>`}\r\n    </div>`;\r\n  }\r\n\r\n  // small debounce to coalesce rapid changes (50ms)\r\n  private __scheduleUpdate() {\r\n    if (this._debounceTimer) {\r\n      clearTimeout(this._debounceTimer as any);\r\n    }\r\n    // @ts-ignore - setTimeout in DOM returns number\r\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  private async __updateSvg() {\r\n    this._fetchId += 1;\r\n    const currentId = this._fetchId;\r\n    this.loading = true;\r\n    this.error = null;\r\n\r\n    try {\r\n      let raw: string | undefined;\r\n\r\n      if (this.name) {\r\n        raw = await fetchIcon(this.name, this.provider);\r\n      } else if (this.src) {\r\n        raw = await fetchSVG(this.src);\r\n      } else {\r\n        raw = '';\r\n      }\r\n\r\n      // If another fetch started after this one, ignore this result\r\n      if (currentId !== this._fetchId) return;\r\n\r\n      if (raw) {\r\n        this.svgContent = sanitizeSvg(raw);\r\n      } else {\r\n        this.svgContent = '';\r\n      }\r\n    } catch (err: any) {\r\n      // capture and surface error, but avoid throwing\r\n      this.error = err instanceof Error ? err : new Error(String(err));\r\n      this.svgContent = '';\r\n      // bubble an event so consumers can react\r\n      this.dispatchEvent(\r\n        new CustomEvent('icon-error', {\r\n          detail: { name: this.name, src: this.src, error: this.error },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    } finally {\r\n      // ensure loading is cleared unless another fetch started\r\n      if (currentId === this._fetchId) {\r\n        this.loading = false;\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["s","t","n","i","LitElement","html","unsafeSVG","styles","property","state"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { Icon } from './icon/index.js';
+export { Avatar } from './avatar/index.js';
+export { Badge } from './badge/index.js';
+export { Divider } from './divider/index.js';
+export { Clock } from './clock/index.js';
+export { Elevation } from './elevation/index.js';
+export { Button } from './button/index.js';
+export { FocusRing } from './focus-ring/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","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;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -3,10 +3,14 @@ export { Avatar } from './avatar.js';
 export { Badge } from './badge.js';
 export { Divider } from './divider.js';
 export { Clock } from './clock.js';
-import './property-D4Kn9TsY.js';
-import './state-CxzmLNIi.js';
+export { Elevation } from './elevation.js';
+export { Button } from './button.js';
+export { FocusRing } from './focus-ring.js';
+export { Ripple } from './ripple.js';
+import './property-CR1ZrEd9.js';
+import './lit-element-CkD27PXL.js';
+import './utils-CY3RyfcA.js';
 import './directive-BKuZRRPO.js';
-import './utils-_5no4mk7.js';
-import './class-map-DpvLRi0h.js';
-import './styleMixins.css-CivfMYtB.js';
+import './style-inject.es-tgCJW-Cu.js';
+import './class-map-Cavm-B1S.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/link/link.css.d.ts

@@ -0,0 +1,3 @@
+import { CSSResult } from 'lit';
+export declare const createLinkStyles: (prefix: string) => CSSResult;
+//# sourceMappingURL=link.css.d.ts.map

package/dist/link/link.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.css.d.ts","sourceRoot":"","sources":["../../src/link/link.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,KAAK,CAAC;AAGhD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,SAgCjD,CAAC"}