@sandlada/mdc 0.1.0-nightly.14072025

package/build/components/ripple/ripple-action.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ * @link
+ * https://github.com/material-components/material-web/blob/main/ripple/internal/ripple.ts
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */
+import { LitElement } from 'lit';
+/**
+ * Used to manage the `hovered` and `pressed` states of ripple components.
+ */
+export declare abstract class RippleAction extends LitElement {
+    protected readonly rippleElement: HTMLElement | null;
+    disabled: boolean;
+    protected get hovered(): boolean;
+    protected set hovered(hovered: boolean);
+    protected get pressed(): boolean;
+    protected set pressed(pressed: boolean);
+    private state;
+    private startEvent;
+    private checkBoundsAfterContextMenu;
+    private initialSize;
+    private rippleScale;
+    private rippleSize;
+    private growAnimation;
+    protected onControlChange(prev: HTMLElement | null, next: HTMLElement | null): void;
+    /**
+     * Event handles
+     */
+    private handlePointerenter;
+    private handlePointerleave;
+    private handlePointerup;
+    private handlePointerdown;
+    private handlePointercancel;
+    private handleClick;
+    private handleContextmenu;
+    /**
+     * Animations about
+     */
+    private startPressAnimation;
+    private getTranslationCoordinates;
+    private getNormalizedPointerEventCoords;
+    private endPressAnimation;
+    private determineRippleSize;
+    private inBounds;
+    private isTouch;
+    private shouldReactToEvent;
+    private handleEvent;
+}
+//# sourceMappingURL=ripple-action.d.ts.map

package/build/components/ripple/ripple-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-action.d.ts","sourceRoot":"","sources":["../../../src/components/ripple/ripple-action.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAY,UAAU,EAAE,MAAM,KAAK,CAAA;AA+D1C;;GAEG;AACH,8BAAsB,YAAa,SAAQ,UAAU;IAEjD,mBAA2B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IAGrD,QAAQ,EAAE,OAAO,CAAQ;IAEhC,SAAS,KAAK,OAAO,IAGU,OAAO,CADrC;IACD,SAAS,KAAK,OAAO,CAAC,OAAO,EAAE,OAAO,EAErC;IACD,SAAS,KAAK,OAAO,IAGU,OAAO,CADrC;IACD,SAAS,KAAK,OAAO,CAAC,OAAO,EAAE,OAAO,EAErC;IAED,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,2BAA2B,CAAQ;IAC3C,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,aAAa,CAAyB;IAE9C,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAW5E;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;YAcT,iBAAiB;IA4B/B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,iBAAiB;IAKzB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,yBAAyB;IAyBjC,OAAO,CAAC,+BAA+B;YASzB,iBAAiB;IA2B/B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO;IAGf,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,WAAW,CA0BlB;CAEJ"}

package/build/components/ripple/ripple-action.js

@@ -0,0 +1,10 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{E as e}from"../../easing-5hHInU7b.js";import{a as i}from"../../lit-element-Bf8D1KRw.js";import{n}from"../../property-CHB_6zYv.js";
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ * @link
+ * https://github.com/material-components/material-web/blob/main/ripple/internal/ripple.ts
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */const s=0,r=1,o=2,a=3,h=550,l=250,d=.2,p=10,c=75,u=.35,m="::after",v="forwards",f=150,g=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"];class E extends i{constructor(){super(...arguments),this.disabled=!1,this.state=s,this.startEvent=null,this.checkBoundsAfterContextMenu=!1,this.initialSize=0,this.rippleScale="",this.rippleSize="",this.growAnimation=null,this.handleEvent=async t=>{switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t)}}}get hovered(){return this.hasAttribute("hovered")}set hovered(t){this.toggleAttribute("hovered",t)}get pressed(){return this.hasAttribute("pressed")}set pressed(t){this.toggleAttribute("pressed",t)}onControlChange(t,e){for(const i of g)t?.removeEventListener(i,this.handleEvent),e?.addEventListener(i,this.handleEvent)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==s&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==o)return this.state===r?(this.state=a,void this.startPressAnimation(this.startEvent||void 0)):void 0;this.state=a}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.startEvent=t,!this.isTouch(t))return this.state=a,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=r,await new Promise(t=>{setTimeout(t,f)}),this.state===r&&(this.state=o,this.startPressAnimation(t)))}}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleClick(){this.disabled||(this.state!==a?this.state===s&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}startPressAnimation(t){this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:i,endPoint:n}=this.getTranslationCoordinates(t),s=`${i.x}px, ${i.y}px`,r=`${n.x}px, ${n.y}px`;null!==this.rippleElement&&(this.growAnimation=this.rippleElement.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${s}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:m,duration:h,easing:e.Standard,fill:v}))}getTranslationCoordinates(t){if(null===this.rippleElement)return;const{height:e,width:i}=this.rippleElement.getBoundingClientRect(),n={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let s={x:i/2,y:e/2};return t instanceof PointerEvent&&(s=this.getNormalizedPointerEventCoords(t)),s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:n}}getNormalizedPointerEventCoords(t){if(null===this.rippleElement)return;const{scrollX:e,scrollY:i}=window,{left:n,top:s}=this.rippleElement.getBoundingClientRect(),r=e+n,o=i+s,{pageX:a,pageY:h}=t;return{x:a-r,y:h-o}}async endPressAnimation(){this.state=s;const t=this.growAnimation;let e=1/0;"number"==typeof t?.currentTime?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=l?this.pressed=!1:(await new Promise(t=>{setTimeout(t,l-e)}),this.growAnimation===t&&(this.pressed=!1))}determineRippleSize(){if(null===this.rippleElement)return;const{height:t,width:e}=this.rippleElement.getBoundingClientRect(),i=Math.max(t,e),n=Math.max(u*i,c),s=Math.floor(i*d),r=Math.sqrt(e**2+t**2)+p;this.initialSize=s,this.rippleScale=""+(r+n)/this.initialSize,this.rippleSize=`${this.initialSize}px`}inBounds({x:t,y:e}){if(null===this.rippleElement)return;const{top:i,left:n,bottom:s,right:r}=this.rippleElement.getBoundingClientRect();return t>=n&&t<=r&&e>=i&&e<=s}isTouch({pointerType:t}){return"touch"===t}shouldReactToEvent(t){if(this.disabled||!t.isPrimary)return!1;if(this.startEvent&&this.startEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}}t([n({type:Boolean,reflect:!0})],E.prototype,"disabled",void 0);export{E as RippleAction};

package/build/components/ripple/ripple.d.ts

@@ -0,0 +1,32 @@
+import { type IAttachable } from '../../utils/controller/attachable-controller';
+import { RippleAction } from './ripple-action';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-ripple": Ripple;
+    }
+}
+/**
+ * Ripple is not a concept that is explicitly categorized as a component.
+ *
+ * The parent element of the focus ring used to provide perspective focus
+ * must be set to relative.
+ *
+ * Ripple is often used for interactive buttons.
+ * It provides a `hovered-state-layer` and a `pressed-state-layer` when the user interacts.
+ *
+ * @version
+ * Material Design 3
+ */
+export declare class Ripple extends RippleAction implements IAttachable {
+    static styles: import("lit").CSSResult;
+    protected readonly rippleElement: HTMLElement | null;
+    private attachableController;
+    get htmlFor(): string | null;
+    set htmlFor(htmlFor: string | null);
+    get control(): HTMLElement | null;
+    set control(control: HTMLElement | null);
+    attach(control: HTMLElement): void;
+    detach(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=ripple.d.ts.map

package/build/components/ripple/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/components/ripple/ripple.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,8CAA8C,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,MAAM,CAAA;KACvB;CACJ;AAED;;;;;;;;;;;GAWG;AACH,qBACa,MAAO,SAAQ,YAAa,YAAW,WAAW;IAE3D,OAAgB,MAAM,0BAAS;IAE/B,mBAC4B,aAAa,EAAG,WAAW,GAAG,IAAI,CAAA;IAE9D,OAAO,CAAC,oBAAoB,CAAkE;IAE9F,IAAW,OAAO,IAGU,MAAM,GAAG,IAAI,CADxC;IACD,IAAW,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAExC;IAED,IAAW,OAAO,IAGU,WAAW,GAAG,IAAI,CAD7C;IACD,IAAW,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAE7C;IAEM,MAAM,CAAC,OAAO,EAAE,WAAW;IAG3B,MAAM;cAIM,MAAM;CAK5B"}

package/build/components/ripple/ripple.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as r}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{e}from"../../query-DifSdHBD.js";import{AttachableController as l}from"../../utils/controller/attachable-controller.js";import{RippleAction as s}from"./ripple-action.js";import{styles as i}from"./ripple.style.js";import"../../easing-5hHInU7b.js";import"../../property-CHB_6zYv.js";import"../../component-definitions/ripple.definition.js";import"../../color-CigMJnjV.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let a=class extends s{constructor(){super(...arguments),this.attachableController=new l(this,this.onControlChange.bind(this))}static{this.styles=i}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}render(){return r`<span aria-hidden="true" aria-disabled="${this.disabled}" class="ripple"></span>`}};t([e(".ripple")],a.prototype,"rippleElement",void 0),a=t([o("mdc-ripple")],a);export{a as Ripple};

package/build/components/ripple/ripple.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=ripple.style.d.ts.map

package/build/components/ripple/ripple.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.style.d.ts","sourceRoot":"","sources":["../../../src/components/ripple/ripple.style.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,yBAsElB,CAAA"}

package/build/components/ripple/ripple.style.js

@@ -0,0 +1,6 @@
+import{i as o}from"../../lit-element-Bf8D1KRw.js";import{RippleDefinition as e}from"../../component-definitions/ripple.definition.js";import{createWrappedTokens as r}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as i}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../state-C-haZXan.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const t=r("--mdc-ripple",e),s=o`    @layer mdc.ripple.variable {        :host {            ${i(t)}        }    }    @layer mdc.ripple.base {        @media (forced-colors: active) {            :host,            .ripple {                display: none;            }        }        :host {            display: flex;            margin: auto;            pointer-events: none;            border-radius: inherit;            position: absolute;            inset: 0;            overflow: hidden;        }        :host([disabled]) {            display: none;        }        .ripple {            border-radius: inherit;            position: absolute;            inset: 0;            overflow: hidden;            -webkit-tap-highlight-color: transparent;            &::before,            &::after {                content: '';                opacity: 0;                position: absolute;            }            &::before {                background-color: ${t["--_hovered-color"]};                inset: 0;                transition: opacity 15ms linear, background-color 15ms linear;            }            &::after {                background: radial-gradient(closest-side, ${t["--_pressed-color"]} max(calc(100% - 70px), 65%), transparent 100%);                transform-origin: center center;                transition: opacity 375ms linear;            }        }        :host([hovered]) .ripple::before {            background-color: ${t["--_hovered-color"]};            opacity: ${t["--_hovered-opacity"]};        }        :host([pressed]) .ripple::after {            opacity: ${t["--_pressed-opacity"]};            transition-duration: 105ms;        }    }`;export{s as styles};

package/build/components/switch/switch.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import { createValidator, getValidityAnchor } from '../../utils/behaviors/constraint-validation';
+import { CheckboxValidator } from '../../utils/behaviors/validators/checkbox-validator';
+import { getFormState, getFormValue } from '../../utils/form/form-associated';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-switch": Switch;
+    }
+}
+declare const Switch_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<(abstract new (...args: any[]) => import("../../utils/behaviors/element-internals").WithElementInternals) & typeof LitElement & import("../../utils/form/form-associated").FormAssociatedConstructor, import("../../utils/form/form-associated").FormAssociated>, import("../../utils/behaviors/constraint-validation").ConstraintValidation>>;
+export declare class Switch extends Switch_base {
+    static styles: import("lit").CSSResult;
+    static shadowRootOptions: ShadowRootInit;
+    disabled: boolean;
+    name: string;
+    selected: boolean;
+    required: boolean;
+    value: string;
+    hideSelectedIcon: boolean;
+    showUnselectedIcon: boolean;
+    private readonly inputElement;
+    focus(): void;
+    blur(): void;
+    constructor();
+    protected render(): unknown;
+    protected renderInput(): import("lit-html").TemplateResult<1>;
+    private renderSelectedIcon;
+    private renderUnselectedIcon;
+    private handleInput;
+    private handleChange;
+    private handleClick;
+    [getFormValue](): string | null;
+    [getFormState](): string;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    [createValidator](): CheckboxValidator;
+    [getValidityAnchor](): HTMLInputElement;
+}
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/build/components/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAA;AAIzD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAA6B,MAAM,6CAA6C,CAAA;AAE3H,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAA;AAGvF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,kCAAkC,CAAA;AAGlG,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,MAAM,CAAA;KACvB;CACJ;;AAED,qBACa,MAAO,SAAQ,WAAqG;IAE7H,OAAgB,MAAM,0BAAe;IAErC,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAEO,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IAGb,QAAQ,EAAE,OAAO,CAAQ;IAGzB,QAAQ,EAAE,OAAO,CAAQ;IAGzB,KAAK,EAAE,MAAM,CAAO;IAGpB,gBAAgB,EAAE,OAAO,CAAQ;IAGjC,kBAAkB,EAAE,OAAO,CAAQ;IAG1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAmB;IAEvC,KAAK;IAGL,IAAI;;cAYM,MAAM,IAAI,OAAO;IA6BpC,SAAS,CAAC,WAAW;IAmBrB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAQX,CAAC,YAAY,CAAC;IAId,CAAC,YAAY,CAAC;IAIb,iBAAiB;IAIjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAIvC,CAAC,eAAe,CAAC;IAOjB,CAAC,iBAAiB,CAAC;CAG9B"}

package/build/components/switch/switch.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{a as t,E as s,x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{n as r}from"../../property-CHB_6zYv.js";import{e as n}from"../../query-DifSdHBD.js";import{e as d}from"../../class-map-DQX-4Y_I.js";import{mixinDelegatesAria as l}from"../../utils/aria/delegate.js";import{mixinConstraintValidation as a,createValidator as c,getValidityAnchor as h}from"../../utils/behaviors/constraint-validation.js";import{mixinElementInternals as p}from"../../utils/behaviors/element-internals.js";import{CheckboxValidator as u}from"../../utils/behaviors/validators/checkbox-validator.js";import{isActivationClick as m,dispatchActivationClick as v}from"../../utils/event/form-label-activation.js";import{redispatchEvent as f}from"../../utils/event/redispatch-event.js";import{mixinFormAssociated as b,getFormValue as j,getFormState as k}from"../../utils/form/form-associated.js";import{SwitchStyles as g}from"./switch.style.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/validators/validator.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/switch.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";let w=class extends(l(a(b(p(t))))){static{this.styles=g}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}focus(){this.inputElement?.focus()}blur(){this.inputElement?.blur()}constructor(){super(),this.selected=!1,this.required=!1,this.value="on",this.hideSelectedIcon=!1,this.showUnselectedIcon=!1,this.addEventListener("click",this.handleClick.bind(this))}render(){const e=d({selected:this.selected,unselected:!this.selected,disabled:this.disabled,"show-unselected-icon":this.showUnselectedIcon});return i`<div class="${e} switch">${this.renderInput()} <span class="outline" aria-hidden="true"></span> <span class="handle-container"><mdc-ripple for="input" ?disabled="${this.disabled}"></mdc-ripple><span class="handle">${this.hideSelectedIcon?s:this.renderSelectedIcon()} ${this.showUnselectedIcon?this.renderUnselectedIcon():s} </span></span><span class="track" aria-hidden="true"></span><mdc-focus-ring for="input" part="focus-ring"></mdc-focus-ring></div>`}renderInput(){return i`<input id="input" class="touch input" .checked="${this.selected}" type="checkbox" role="switch" .disabled="${this.disabled}" aria-disabled="${this.disabled}" .required="${this.required}" aria-required="${this.required}" tabindex="0" @input="${this.handleInput}" @change="${this.handleChange}">`}renderSelectedIcon(){return i`<slot class="icon icon-selected" name="icon-selected"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z"/></svg></slot>`}renderUnselectedIcon(){return i`<slot class="icon icon-unselected" name="icon-unselected"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z"/></svg></slot>`}handleInput(e){const t=e.target;this.selected=t.checked}handleChange(e){f(this,e)}handleClick(e){m(e)&&this.inputElement&&(this.focus(),v(this.inputElement))}[j](){return this.selected?this.value:null}[k](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(e){this.selected="true"===e}[c](){return new u(()=>({checked:this.selected,required:this.required}))}[h](){return this.inputElement}};e([r({type:Boolean})],w.prototype,"selected",void 0),e([r({type:Boolean})],w.prototype,"required",void 0),e([r({type:String})],w.prototype,"value",void 0),e([r({type:Boolean,attribute:"hide-selected-icon"})],w.prototype,"hideSelectedIcon",void 0),e([r({type:Boolean,attribute:"show-unselected-icon"})],w.prototype,"showUnselectedIcon",void 0),e([n("#input")],w.prototype,"inputElement",void 0),w=e([o("mdc-switch")],w);export{w as Switch};

package/build/components/switch/switch.style.d.ts

@@ -0,0 +1,2 @@
+export declare const SwitchStyles: import("lit").CSSResult;
+//# sourceMappingURL=switch.style.d.ts.map

package/build/components/switch/switch.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.style.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.style.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,YAAY,yBAmUxB,CAAA"}

package/build/components/switch/switch.style.js

@@ -0,0 +1,329 @@
+import{E as e}from"../../easing-5hHInU7b.js";import{r as t,i as r}from"../../lit-element-Bf8D1KRw.js";import{SwitchDefinition as a}from"../../component-definitions/switch.definition.js";import{createWrappedTokens as d}from"../../utils/tokens/create-wrapped-tokens.js";import{overrideComponentTokens as o}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as s}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-logic-shape-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const n=d("--mdc-switch",a),c=s(n),i=s(o("--mdc-focus-ring",{"shape-end-end":"var(--_track-shape-end-end)","shape-end-start":"var(--_track-shape-end-start)","shape-start-end":"var(--_track-shape-start-end)","shape-start-start":"var(--_track-shape-start-start)"})),l=e=>s(o("--mdc-ripple",{"hovered-color":`var(--_hovered-state-layer-color-${e})`,"hovered-opacity":`var(--_hovered-state-layer-opacity-${e})`,"pressed-color":`var(--_pressed-state-layer-color-${e})`,"pressed-opacity":`var(--_pressed-state-layer-opacity-${e})`})),h=t(e.ExpressiveFastSpatial),u=t(e.Standard),v=r`
+    @layer mdc.switch.variable {
+        :host { ${c}; }
+    }
+
+    @layer mdc.switch.composite.focus-ring {
+        mdc-focus-ring { ${i}; }
+    }
+
+    @layer mdc.switch.composite.ripple {
+        mdc-ripple {
+            inset: unset;
+            height: var(--_state-layer-size);
+            width: var(--_state-layer-size);
+            border-end-end-radius: var(--_state-layer-shape-end-end);
+            border-end-start-radius: var(--_state-layer-shape-end-start);
+            border-start-end-radius: var(--_state-layer-shape-start-end);
+            border-start-start-radius: var(--_state-layer-shape-start-start);
+        }
+
+        .selected mdc-ripple {
+            ${l("selected")};
+        }
+        .unselected mdc-ripple {
+            ${l("unselected")};
+        }
+    }
+
+    @layer mdc.switch.base {
+        :host {
+            display: inline-flex;
+            vertical-align: top;
+            outline: none;
+            border: none;
+            cursor: pointer;
+            box-sizing: border-box;
+            -webkit-tap-highlight-color: transparent;
+        }
+        :host([disabled]) {
+            cursor: default;
+        }
+
+
+        .switch {
+            all: unset;
+            display: inline-flex;
+            align-items: center;
+            flex-shrink: 0;
+            flex-grow: 0;
+            position: relative;
+            height: var(--_track-height);
+            width: var(--_track-width);
+            border-end-end-radius: var(--_track-shape-end-end);
+            border-end-start-radius: var(--_track-shape-end-start);
+            border-start-end-radius: var(--_track-shape-start-end);
+            border-start-start-radius: var(--_track-shape-start-start);
+        }
+
+        .input {
+            all: unset;
+            appearance: none;
+            outline: none;
+            border: none;
+            margin: 0;
+            padding: 0;
+            cursor: inherit;
+            height: max(100%, var(--_state-layer-size));
+            width: max(100%, var(--_state-layer-size));
+            z-index: 1;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        ::slotted([slot="icon-selected"]),
+        ::slotted([slot="icon-unselected"]) {
+            display: inline-flex;
+            position: relative;
+            writing-mode: horizontal-tb;
+            fill: currentColor;
+            flex-shrink: 0;
+        }
+
+        .icon,
+        ::slotted([slot="icon-selected"]),
+        ::slotted([slot="icon-unselected"]) {
+            fill: currentColor;
+        }
+    }
+
+    @layer mdc.switch.composite.icon {
+        .selected .icon.icon-unselected {
+            display: none;
+        }
+        .unselected .icon.icon-selected {
+            display: none;
+        }
+
+        .icon.icon-selected {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: var(--_icon-size-selected);
+            inline-size: var(--_icon-size-selected);
+            block-size: var(--_icon-size-selected);
+            ${t(s(o("--mdc-icon",{size:"var(--_icon-size-selected)"})))}
+        }
+        .icon.icon-unselected {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: var(--_icon-size-unselected);
+            inline-size: var(--_icon-size-unselected);
+            block-size: var(--_icon-size-unselected);
+            ${t(s(o("--mdc-icon",{size:"var(--_icon-size-unselected)"})))}
+        }
+
+        .disabled .icon.icon-selected {
+            color: var(--_icon-color-selected);
+            opacity: var(--_icon-opacity-selected);
+        }
+        .disabled .icon.icon-unselected {
+            color: var(--_icon-color-unselected);
+            opacity: var(--_icon-opacity-unselected);
+        }
+
+        .switch:not(.disabled) .icon.icon-selected {
+            color: var(--_icon-color-selected);
+        }
+        .switch:not(.disabled):hover .icon.icon-selected {
+            color: var(--_hovered-icon-color-selected);
+        }
+        .switch:not(.disabled):focus-within .icon.icon-selected {
+            color: var(--_focused-icon-color-selected);
+        }
+        .switch:not(.disabled):active .icon.icon-selected {
+            color: var(--_pressed-icon-color-selected);
+        }
+        .switch:not(.disabled) .icon.icon-unselected {
+            color: var(--_icon-color-unselected);
+        }
+        .switch:not(.disabled):hover .icon.icon-unselected {
+            color: var(--_hovered-icon-color-unselected);
+        }
+        .switch:not(.disabled):focus-within .icon.icon-unselected {
+            color: var(--_focused-icon-color-unselected);
+        }
+        .switch:not(.disabled):active .icon.icon-unselected {
+            color: var(--_pressed-icon-color-unselected);
+        }
+    }
+
+    @layer mdc.switch.base.track {
+        .track {
+            position: absolute;
+            inset: 0px;
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            border-radius: inherit;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: -1;
+        }
+
+        .disabled .track {
+            opacity: var(--_disabled-track-opacity)
+        }
+
+        .selected:not(.disabled) .track {
+            background: var(--_track-color-selected);
+        }
+        .selected.disabled .track {
+            background: var(--_disabled-track-color-selected);
+        }
+        .selected:not(.disabled):hover .track {
+            background: var(--_hovered-track-color-selected);
+        }
+        .selected:not(.disabled):focus-within .track {
+            background: var(--_focused-track-color-selected);
+        }
+        .selected:not(.disabled):active .track {
+            background: var(--_pressed-track-color-selected);
+        }
+        .unselected:not(.disabled) .track {
+            background: var(--_track-color-unselected);
+        }
+        .unselected.disabled .track {
+            background: var(--_disabled-track-color-unselected);
+        }
+        .unselected:not(.disabled):hover .track {
+            background: var(--_hovered-track-color-unselected);
+        }
+        .unselected:not(.disabled):focus-within .track {
+            background: var(--_focused-track-color-unselected);
+        }
+        .unselected:not(.disabled):active .track {
+            background: var(--_pressed-track-color-unselected);
+        }
+
+    }
+
+    @layer mdc.switch.base.outline {
+        .outline {
+            position: absolute;
+            inset: 0px;
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            border-radius: inherit;
+            display: flex;
+            border-width: var(--_track-outline-width);
+            border-style: solid;
+            z-index: 0;
+            pointer-events: none;
+        }
+        .unselected.disabled .outline {
+            border-color: var(--_disabled-track-outline-color-unselected);
+            opacity: var(--_disabled-track-opacity);
+        }
+        .selected .outline {
+            border-color: transparent;
+        }
+        .unselected:not(.disabled) .outline {
+            border-color: var(--_track-outline-color);
+        }
+        .unselected:not(.disabled):hover .outline {
+            border-color: var(--_hovered-track-outline-color-unselected);
+        }
+        .unselected:not(.disabled):focus-within .outline {
+            border-color: var(--_focused-track-outline-color-unselected);
+        }
+        .unselected:not(.disabled):active .outline {
+            border-color: var(--_pressed-track-outline-color-unselected);
+        }
+    }
+
+    @layer mdc.switch.base.handle {
+        .handle-container {
+            display: flex;
+            place-content: center;
+            place-items: center;
+            position: relative;
+            height: 100%;
+            width: 100%;
+            transition: margin 350ms ${h};
+        }
+        .disabled .handle-container {
+            transition: none;
+        }
+
+        .selected .handle-container {
+            margin-inline-start: calc(var(--_track-width) - var(--_track-height));
+        }
+        .unselected .handle-container {
+            margin-inline-end: calc(var(--_track-width) - var(--_track-height));
+        }
+
+        .handle {
+            border-start-start-radius: var(--_handle-shape-start-start);
+            border-start-end-radius: var(--_handle-shape-start-end);
+            border-end-end-radius: var(--_handle-shape-end-end);
+            border-end-start-radius: var(--_handle-shape-end-start);
+            transform-origin: center;
+            transition-property: height, width;
+            transition-duration: 250ms, 250ms;
+            transition-timing-function: ${u};
+            z-index: 0;
+            display: grid;
+            place-content: center;
+        }
+
+        .unselected.show-unselected-icon .handle,
+        .selected .handle {
+            height: var(--_handle-height-selected);
+            width: var(--_handle-width-selected);
+        }
+        .unselected:not(.show-unselected-icon) .handle {
+            height: var(--_handle-height-unselected);
+            width: var(--_handle-width-unselected);
+        }
+        :is(.selected, .unselected):not(.disabled):active .handle {
+            height: var(--_pressed-handle-height);
+            width: var(--_pressed-handle-width);
+        }
+
+        .selected:not(.disabled) .handle {
+            background: var(--_handle-color-selected)
+        }
+        .selected.disabled .handle {
+            background: var(--_disabled-handle-color-selected);
+            opacity: var(--_disabled-handle-opacity-selected);
+        }
+        .selected:not(.disabled):hover .handle {
+            background: var(--_hovered-handle-color-selected);
+        }
+        .selected:not(.disabled):focus-within .handle {
+            background: var(--_focused-handle-color-selected);
+        }
+        .selected:not(.disabled):active .handle {
+            background: var(--_pressed-handle-color-selected);
+        }
+        .unselected:not(.disabled) .handle {
+            background: var(--_handle-color-unselected);
+        }
+        .unselected.disabled .handle {
+            background: var(--_disabled-handle-color-unselected);
+            opacity: var(--_disabled-handle-opacity-unselected);
+        }
+        .unselected:not(.disabled):hover .handle {
+            background: var(--_hovered-handle-color-unselected);
+        }
+        .unselected:not(.disabled):focus-within .handle {
+            background: var(--_focused-handle-color-unselected);
+        }
+        .unselected:not(.disabled):active .handle {
+            background: var(--_pressed-handle-color-unselected);
+        }
+    }
+
+
+`;export{v as SwitchStyles};

package/build/components/typography/typography.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-typography": Typography;
+    }
+}
+type TypographyVariant = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-large' | 'body-medium' | 'body-small' | 'label-large' | 'label-medium' | 'label-small';
+/**
+ * Used to display text.
+ *
+ * Provides 5 series:
+ * - display
+ * - headline
+ * - title
+ * - body
+ * - label
+ *
+ * Each series provides 3 sizes:
+ * - small
+ * - medium
+ * - large
+ *
+ * In the M3 Expressive update, a new emphasized option was added.
+ * Enabling emphasized will make the font bold.
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/styles/typography/overview
+ */
+export declare class Typography extends LitElement {
+    static styles: import("lit").CSSResult;
+    emphasized: boolean;
+    variant: TypographyVariant;
+    protected render(): unknown;
+}
+export {};
+//# sourceMappingURL=typography.d.ts.map

package/build/components/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAItC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,UAAU,CAAA;KAC/B;CACJ;AAED,KAAK,iBAAiB,GAClB,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,cAAc,GACd,aAAa,CAAA;AAEjB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,UAAW,SAAQ,UAAU;IAEtC,OAAgB,MAAM,0BAAmB;IAGlC,UAAU,EAAE,OAAO,CAAQ;IAG3B,OAAO,EAAE,iBAAiB,CAAgB;cAE9B,MAAM,IAAI,OAAO;CAKvC"}

package/build/components/typography/typography.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as e,x as s}from"../../lit-element-Bf8D1KRw.js";import{t as r}from"../../custom-element-Dz3n6kSt.js";import{n as o}from"../../property-CHB_6zYv.js";import{typographyStyles as p}from"./typography.styles.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/string/to-kebab-case.js";import"../../utils/tokens/create-wrapped-tokens.js";let i=class extends e{constructor(){super(...arguments),this.emphasized=!1,this.variant="body-medium"}static{this.styles=p}render(){return s`<slot></slot>`}};t([o({type:Boolean,reflect:!0})],i.prototype,"emphasized",void 0),t([o({type:String,reflect:!0})],i.prototype,"variant",void 0),i=t([r("mdc-typography")],i);export{i as Typography};

package/build/components/typography/typography.styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSResult } from 'lit';
+export declare const typographyStyles: CSSResult;
+//# sourceMappingURL=typography.styles.d.ts.map

package/build/components/typography/typography.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAO,SAAS,EAAE,MAAM,KAAK,CAAA;AAapC,eAAO,MAAM,gBAAgB,WAkP5B,CAAA"}

package/build/components/typography/typography.styles.js

@@ -0,0 +1,6 @@
+import{T as e}from"../../typescale-Bh1NLwSE.js";import{i}from"../../lit-element-Bf8D1KRw.js";import{toKebabCase as t}from"../../utils/string/to-kebab-case.js";import{createWrappedTokens as a}from"../../utils/tokens/create-wrapped-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const l=a("--mdc-typography",Object.entries(e).reduce((e,[i,a])=>({...e,[t(i)]:a}),{})),h=i`@layer mdc.typography{:host(:not([emphasized])[variant=display-large]){font-family:${l["--_display-large-font"]};font-size:${l["--_display-large-size"]};font-weight:${l["--_display-large-weight"]};line-height:${l["--_display-large-line-height"]};letter-spacing:${l["--_display-large-tracking"]}}:host(:not([emphasized])[variant=display-medium]){font-family:${l["--_display-medium-font"]};font-size:${l["--_display-medium-size"]};font-weight:${l["--_display-medium-weight"]};line-height:${l["--_display-medium-line-height"]};letter-spacing:${l["--_display-medium-tracking"]}}:host(:not([emphasized])[variant=display-small]){font-family:${l["--_display-small-font"]};font-size:${l["--_display-small-size"]};font-weight:${l["--_display-small-weight"]};line-height:${l["--_display-small-line-height"]};letter-spacing:${l["--_display-small-tracking"]}}:host(:not([emphasized])[variant=headline-large]){font-family:${l["--_headline-large-font"]};font-size:${l["--_headline-large-size"]};font-weight:${l["--_headline-large-weight"]};line-height:${l["--_headline-large-line-height"]};letter-spacing:${l["--_headline-large-tracking"]}}:host(:not([emphasized])[variant=headline-medium]){font-family:${l["--_headline-medium-font"]};font-size:${l["--_headline-medium-size"]};font-weight:${l["--_headline-medium-weight"]};line-height:${l["--_headline-medium-line-height"]};letter-spacing:${l["--_headline-medium-tracking"]}}:host(:not([emphasized])[variant=headline-small]){font-family:${l["--_headline-small-font"]};font-size:${l["--_headline-small-size"]};font-weight:${l["--_headline-small-weight"]};line-height:${l["--_headline-small-line-height"]};letter-spacing:${l["--_headline-small-tracking"]}}:host(:not([emphasized])[variant=title-large]){font-family:${l["--_title-large-font"]};font-size:${l["--_title-large-size"]};font-weight:${l["--_title-large-weight"]};line-height:${l["--_title-large-line-height"]};letter-spacing:${l["--_title-large-tracking"]}}:host(:not([emphasized])[variant=title-medium]){font-family:${l["--_title-medium-font"]};font-size:${l["--_title-medium-size"]};font-weight:${l["--_title-medium-weight"]};line-height:${l["--_title-medium-line-height"]};letter-spacing:${l["--_title-medium-tracking"]}}:host(:not([emphasized])[variant=title-small]){font-family:${l["--_title-small-font"]};font-size:${l["--_title-small-size"]};font-weight:${l["--_title-small-weight"]};line-height:${l["--_title-small-line-height"]};letter-spacing:${l["--_title-small-tracking"]}}:host(:not([emphasized])[variant=label-large]){font-family:${l["--_label-large-font"]};font-size:${l["--_label-large-size"]};font-weight:${l["--_label-large-weight"]};line-height:${l["--_label-large-line-height"]};letter-spacing:${l["--_label-large-tracking"]}}:host(:not([emphasized])[variant=label-medium]){font-family:${l["--_label-medium-font"]};font-size:${l["--_label-medium-size"]};font-weight:${l["--_label-medium-weight"]};line-height:${l["--_label-medium-line-height"]};letter-spacing:${l["--_label-medium-tracking"]}}:host(:not([emphasized])[variant=label-small]){font-family:${l["--_label-small-font"]};font-size:${l["--_label-small-size"]};font-weight:${l["--_label-small-weight"]};line-height:${l["--_label-small-line-height"]};letter-spacing:${l["--_label-small-tracking"]}}:host(:not([emphasized])[variant=body-large]){font-family:${l["--_body-large-font"]};font-size:${l["--_body-large-size"]};font-weight:${l["--_body-large-weight"]};line-height:${l["--_body-large-line-height"]};letter-spacing:${l["--_body-large-tracking"]}}:host(:not([emphasized])[variant=body-medium]){font-family:${l["--_body-medium-font"]};font-size:${l["--_body-medium-size"]};font-weight:${l["--_body-medium-weight"]};line-height:${l["--_body-medium-line-height"]};letter-spacing:${l["--_body-medium-tracking"]}}:host(:not([emphasized])[variant=body-small]){font-family:${l["--_body-small-font"]};font-size:${l["--_body-small-size"]};font-weight:${l["--_body-small-weight"]};line-height:${l["--_body-small-line-height"]};letter-spacing:${l["--_body-small-tracking"]}}:host([emphasized][variant=display-large]){font-family:${l["--_emphasized-display-large-font"]};font-size:${l["--_emphasized-display-large-size"]};font-weight:${l["--_emphasized-display-large-weight"]};line-height:${l["--_emphasized-display-large-line-height"]};letter-spacing:${l["--_emphasized-display-large-tracking"]}}:host([emphasized][variant=display-medium]){font-family:${l["--_emphasized-display-medium-font"]};font-size:${l["--_emphasized-display-medium-size"]};font-weight:${l["--_emphasized-display-medium-weight"]};line-height:${l["--_emphasized-display-medium-line-height"]};letter-spacing:${l["--_emphasized-display-medium-tracking"]}}:host([emphasized][variant=display-small]){font-family:${l["--_emphasized-display-small-font"]};font-size:${l["--_emphasized-display-small-size"]};font-weight:${l["--_emphasized-display-small-weight"]};line-height:${l["--_emphasized-display-small-line-height"]};letter-spacing:${l["--_emphasized-display-small-tracking"]}}:host([emphasized][variant=headline-large]){font-family:${l["--_emphasized-headline-large-font"]};font-size:${l["--_emphasized-headline-large-size"]};font-weight:${l["--_emphasized-headline-large-weight"]};line-height:${l["--_emphasized-headline-large-line-height"]};letter-spacing:${l["--_emphasized-headline-large-tracking"]}}:host([emphasized][variant=headline-medium]){font-family:${l["--_emphasized-headline-medium-font"]};font-size:${l["--_emphasized-headline-medium-size"]};font-weight:${l["--_emphasized-headline-medium-weight"]};line-height:${l["--_emphasized-headline-medium-line-height"]};letter-spacing:${l["--_emphasized-headline-medium-tracking"]}}:host([emphasized][variant=headline-small]){font-family:${l["--_emphasized-headline-small-font"]};font-size:${l["--_emphasized-headline-small-size"]};font-weight:${l["--_emphasized-headline-small-weight"]};line-height:${l["--_emphasized-headline-small-line-height"]};letter-spacing:${l["--_emphasized-headline-small-tracking"]}}:host([emphasized][variant=title-large]){font-family:${l["--_emphasized-title-large-font"]};font-size:${l["--_emphasized-title-large-size"]};font-weight:${l["--_emphasized-title-large-weight"]};line-height:${l["--_emphasized-title-large-line-height"]};letter-spacing:${l["--_emphasized-title-large-tracking"]}}:host([emphasized][variant=title-medium]){font-family:${l["--_emphasized-title-medium-font"]};font-size:${l["--_emphasized-title-medium-size"]};font-weight:${l["--_emphasized-title-medium-weight"]};line-height:${l["--_emphasized-title-medium-line-height"]};letter-spacing:${l["--_emphasized-title-medium-tracking"]}}:host([emphasized][variant=title-small]){font-family:${l["--_emphasized-title-small-font"]};font-size:${l["--_emphasized-title-small-size"]};font-weight:${l["--_emphasized-title-small-weight"]};line-height:${l["--_emphasized-title-small-line-height"]};letter-spacing:${l["--_emphasized-title-small-tracking"]}}:host([emphasized][variant=label-large]){font-family:${l["--_emphasized-label-large-font"]};font-size:${l["--_emphasized-label-large-size"]};font-weight:${l["--_emphasized-label-large-weight"]};line-height:${l["--_emphasized-label-large-line-height"]};letter-spacing:${l["--_emphasized-label-large-tracking"]}}:host([emphasized][variant=label-medium]){font-family:${l["--_emphasized-label-medium-font"]};font-size:${l["--_emphasized-label-medium-size"]};font-weight:${l["--_emphasized-label-medium-weight"]};line-height:${l["--_emphasized-label-medium-line-height"]};letter-spacing:${l["--_emphasized-label-medium-tracking"]}}:host([emphasized][variant=label-small]){font-family:${l["--_emphasized-label-small-font"]};font-size:${l["--_emphasized-label-small-size"]};font-weight:${l["--_emphasized-label-small-weight"]};line-height:${l["--_emphasized-label-small-line-height"]};letter-spacing:${l["--_emphasized-label-small-tracking"]}}:host([emphasized][variant=body-large]){font-family:${l["--_emphasized-body-large-font"]};font-size:${l["--_emphasized-body-large-size"]};font-weight:${l["--_emphasized-body-large-weight"]};line-height:${l["--_emphasized-body-large-line-height"]};letter-spacing:${l["--_emphasized-body-large-tracking"]}}:host([emphasized][variant=body-medium]){font-family:${l["--_emphasized-body-medium-font"]};font-size:${l["--_emphasized-body-medium-size"]};font-weight:${l["--_emphasized-body-medium-weight"]};line-height:${l["--_emphasized-body-medium-line-height"]};letter-spacing:${l["--_emphasized-body-medium-tracking"]}}:host([emphasized][variant=body-small]){font-family:${l["--_emphasized-body-small-font"]};font-size:${l["--_emphasized-body-small-size"]};font-weight:${l["--_emphasized-body-small-weight"]};line-height:${l["--_emphasized-body-small-line-height"]};letter-spacing:${l["--_emphasized-body-small-tracking"]}}}`;export{h as typographyStyles};

package/build/custom-element-Dz3n6kSt.js

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};export{e as t};