@m3e/switch 1.0.0-rc.2 → 1.0.0-rc.4

package/README.md

@@ -27,7 +27,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
 }
 ```
 
-## 🚀 Browser Usage
+## 🚀 Native Module Support
 
 This package uses [JavaScript Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#module_specifiers). To use it directly in a browser without a bundler, use a module script similar to the following.
 

package/dist/custom-elements.json

@@ -455,20 +455,6 @@
                 "module": "../core/src/shared/mixins/FormAssociated.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "[_updateLabels]",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "Labelled",
-                "module": "../core/src/shared/mixins/Labelled.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "dirty",
@@ -1997,25 +1983,6 @@
           "kind": "mixin",
           "description": "Mixin that adds support for custom event attributes.",
           "name": "EventAttribute",
-          "members": [
-            {
-              "kind": "method",
-              "name": "dispatchEvent",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
           "parameters": [
             {
               "name": "base",
@@ -2313,6 +2280,17 @@
           "description": "Mixin to augment an element with behavior used to submit a form.",
           "name": "FormSubmitter",
           "members": [
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration."
+            },
             {
               "kind": "field",
               "name": "name",
@@ -2849,6 +2827,11 @@
       "kind": "javascript-module",
       "path": "../core/src/shared/mixins/Labelled.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "updateLabels",
+          "description": "A symbol through which to update labels to reflect a control's current state."
+        },
         {
           "kind": "function",
           "name": "isLabelledMixin",
@@ -2898,16 +2881,6 @@
               },
               "description": "The label elements that the element is associated with.",
               "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "[_updateLabels]",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
             }
           ],
           "parameters": [
@@ -2922,6 +2895,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "updateLabels",
+          "declaration": {
+            "name": "updateLabels",
+            "module": "../core/src/shared/mixins/Labelled.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "isLabelledMixin",

package/dist/src/SwitchElement.d.ts

@@ -0,0 +1,147 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { formValue } from "@m3e/core";
+import { SwitchIcons } from "./SwitchIcons";
+declare const M3eSwitchElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LabelledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DirtyMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").TouchedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").ConstraintValidationMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").CheckedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormAssociatedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * An on/off control that can be toggled by clicking.
+ *
+ * @description
+ * The `m3e-switch` component is a semantic, accessible toggle control that reflects a binary state.
+ * Designed according to Material Design 3 guidelines, it supports shape transitions, and adaptive color
+ * theming across selected, unselected, and disabled states. The component responds to user interaction
+ * with smooth motion and expressive feedback. It supports optional icons (`none`, `selected`, or `both`)
+ * and integrates with form-associated behavior, emitting `input` and `change` events when toggled.
+ *
+ * @example
+ * The following example illustrates a switch wrapped by a `label`.
+ *
+ * ```html
+ * <label>Switch label&nbsp;<m3e-switch></m3e-switch></label>
+ * ```
+ *
+ * @example
+ * By default, icons are not presented. Use the `icons` attribute to control which icons to show. The next
+ * example illustrates showing both the unselected and selected icons.
+ *
+ * ```html
+ * <label>Switch label&nbsp;<m3e-switch icons="both"></m3e-switch></label>
+ * ```
+ *
+ * @tag m3e-switch
+ *
+ * @attr checked - Whether the element is checked.
+ * @attr disabled - Whether the element is disabled.
+ * @attr icons - The icons to present.
+ * @attr name - The name that identifies the element when submitting the associated form.
+ * @attr value - A string representing the value of the switch.
+ *
+ * @fires input - Emitted when the checked state changes.
+ * @fires change - Emitted when the checked state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-switch-selected-icon-color - Color of the icon when the switch is selected.
+ * @cssprop --m3e-switch-selected-icon-size - Size of the icon in the selected state.
+ * @cssprop --m3e-switch-unselected-icon-color - Color of the icon when the switch is unselected.
+ * @cssprop --m3e-switch-unselected-icon-size - Size of the icon in the unselected state.
+ * @cssprop --m3e-switch-track-height - Height of the switch track.
+ * @cssprop --m3e-switch-track-width - Width of the switch track.
+ * @cssprop --m3e-switch-track-outline-color - Color of the track’s outline.
+ * @cssprop --m3e-switch-track-outline-width - Thickness of the track’s outline.
+ * @cssprop --m3e-switch-track-shape - Corner shape of the track.
+ * @cssprop --m3e-switch-selected-track-color - Track color when selected.
+ * @cssprop --m3e-switch-unselected-track-color - Track color when unselected.
+ * @cssprop --m3e-switch-unselected-handle-height - Height of the handle when unselected.
+ * @cssprop --m3e-switch-unselected-handle-width - Width of the handle when unselected.
+ * @cssprop --m3e-switch-with-icon-handle-height - Height of the handle when icons are present.
+ * @cssprop --m3e-switch-with-icon-handle-width - Width of the handle when icons are present.
+ * @cssprop --m3e-switch-selected-handle-height - Height of the handle when selected.
+ * @cssprop --m3e-switch-selected-handle-width - Width of the handle when selected.
+ * @cssprop --m3e-switch-pressed-handle-height - Height of the handle during press.
+ * @cssprop --m3e-switch-pressed-handle-width - Width of the handle during press.
+ * @cssprop --m3e-switch-handle-shape - Corner shape of the handle.
+ * @cssprop --m3e-switch-selected-handle-color - Handle color when selected.
+ * @cssprop --m3e-switch-unselected-handle-color - Handle color when unselected.
+ * @cssprop --m3e-switch-state-layer-size - Diameter of the state layer overlay.
+ * @cssprop --m3e-switch-state-layer-shape - Corner shape of the state layer.
+ * @cssprop --m3e-switch-disabled-selected-icon-color - Icon color when selected and disabled.
+ * @cssprop --m3e-switch-disabled-selected-icon-opacity - Icon opacity when selected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-icon-color - Icon color when unselected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-icon-opacity - Icon opacity when unselected and disabled.
+ * @cssprop --m3e-switch-disabled-track-opacity - Track opacity when disabled.
+ * @cssprop --m3e-switch-disabled-selected-track-color - Track color when selected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-track-color - Track color when unselected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-track-outline-color - Outline color when unselected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-handle-opacity - Handle opacity when unselected and disabled.
+ * @cssprop --m3e-switch-disabled-selected-handle-opacity - Handle opacity when selected and disabled.
+ * @cssprop --m3e-switch-disabled-selected-handle-color - Handle color when selected and disabled.
+ * @cssprop --m3e-switch-disabled-unselected-handle-color - Handle color when unselected and disabled.
+ * @cssprop --m3e-switch-selected-hover-icon-color - Icon color when selected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-icon-color - Icon color when unselected and hovered.
+ * @cssprop --m3e-switch-selected-hover-track-color - Track color when selected and hovered.
+ * @cssprop --m3e-switch-selected-hover-state-layer-color - State layer color when selected and hovered.
+ * @cssprop --m3e-switch-selected-hover-state-layer-opacity - State layer opacity when selected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-track-color - Track color when unselected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-track-outline-color - Outline color when unselected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-state-layer-color - State layer color when unselected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-state-layer-opacity - State layer opacity when unselected and hovered.
+ * @cssprop --m3e-switch-selected-hover-handle-color - Handle color when selected and hovered.
+ * @cssprop --m3e-switch-unselected-hover-handle-color - Handle color when unselected and hovered.
+ * @cssprop --m3e-switch-selected-focus-icon-color - Icon color when selected and focused.
+ * @cssprop --m3e-switch-unselected-focus-icon-color - Icon color when unselected and focused.
+ * @cssprop --m3e-switch-selected-focus-track-color - Track color when selected and focused.
+ * @cssprop --m3e-switch-selected-focus-state-layer-color - State layer color when selected and focused.
+ * @cssprop --m3e-switch-selected-focus-state-layer-opacity - State layer opacity when selected and focused.
+ * @cssprop --m3e-switch-unselected-focus-track-color - Track color when unselected and focused.
+ * @cssprop --m3e-switch-unselected-focus-track-outline-color - Outline color when unselected and focused.
+ * @cssprop --m3e-switch-unselected-focus-state-layer-color - State layer color when unselected and focused.
+ * @cssprop --m3e-switch-unselected-focus-state-layer-opacity - State layer opacity when unselected and focused.
+ * @cssprop --m3e-switch-selected-focus-handle-color - Handle color when selected and focused.
+ * @cssprop --m3e-switch-unselected-focus-handle-color - Handle color when unselected and focused.
+ * @cssprop --m3e-switch-selected-pressed-icon-color - Icon color when selected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-icon-color - Icon color when unselected and pressed.
+ * @cssprop --m3e-switch-selected-pressed-track-color - Track color when selected and pressed.
+ * @cssprop --m3e-switch-selected-pressed-state-layer-color - State layer color when selected and pressed.
+ * @cssprop --m3e-switch-selected-pressed-state-layer-opacity - State layer opacity when selected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-track-color - Track color when unselected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-track-outline-color - Outline color when unselected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-state-layer-color - State layer color when unselected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-state-layer-opacity - State layer opacity when unselected and pressed.
+ * @cssprop --m3e-switch-selected-pressed-handle-color - Handle color when selected and pressed.
+ * @cssprop --m3e-switch-unselected-pressed-handle-color - Handle color when unselected and pressed.
+ */
+export declare class M3eSwitchElement extends M3eSwitchElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _track?;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    constructor();
+    /**
+     * The icons to present.
+     * @default "none"
+     */
+    icons: SwitchIcons;
+    /**
+     * A string representing the value of the switch.
+     * @default "on"
+     */
+    value: string;
+    /** @inheritdoc @private */
+    get [formValue](): string | File | FormData | null;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-switch": M3eSwitchElement;
+    }
+}
+export {};
+//# sourceMappingURL=SwitchElement.d.ts.map

package/dist/src/SwitchElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchElement.d.ts","sourceRoot":"","sources":["../../src/SwitchElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,EAOL,SAAS,EAUV,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBACa,gBAAiB,SAAQ,qBAQrC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAMpC;IAEF,eAAe,CAAkB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAc;IACvE,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;;IA6B3F;;;OAGG;IAC0B,KAAK,EAAE,WAAW,CAAU;IAEzD;;;OAGG;IACS,KAAK,SAAQ;IAEzB,2BAA2B;IAC3B,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAUlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAUrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAgCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/dist/src/SwitchIcons.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible icons to display in a switch. */
+export type SwitchIcons = "none" | "selected" | "both";
+//# sourceMappingURL=SwitchIcons.d.ts.map

package/dist/src/SwitchIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchIcons.d.ts","sourceRoot":"","sources":["../../src/SwitchIcons.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SwitchElement";
+export * from "./SwitchIcons";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/src/styles/SwitchHandleStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Handle styles for `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchHandleStyle: import("lit").CSSResult;
+//# sourceMappingURL=SwitchHandleStyle.d.ts.map

package/dist/src/styles/SwitchHandleStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchHandleStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchHandleStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yBAkI7B,CAAC"}

package/dist/src/styles/SwitchIconStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Icon styles for `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchIconStyle: import("lit").CSSResult;
+//# sourceMappingURL=SwitchIconStyle.d.ts.map

package/dist/src/styles/SwitchIconStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchIconStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchIconStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,eAAe,yBA+E3B,CAAC"}

package/dist/src/styles/SwitchStateLayerStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * State layer styles for `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchStateLayerStyle: import("lit").CSSResult;
+//# sourceMappingURL=SwitchStateLayerStyle.d.ts.map

package/dist/src/styles/SwitchStateLayerStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchStateLayerStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchStateLayerStyle.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yBAkCjC,CAAC"}

package/dist/src/styles/SwitchStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Baseline styles for `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchStyle: import("lit").CSSResult;
+//# sourceMappingURL=SwitchStyle.d.ts.map

package/dist/src/styles/SwitchStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchStyle.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,WAAW,yBAsBvB,CAAC"}

package/dist/src/styles/SwitchToken.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Component design tokens that control `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchToken: {
+    readonly selectedIconColor: import("lit").CSSResult;
+    readonly selectedIconSize: import("lit").CSSResult;
+    readonly unselectedIconColor: import("lit").CSSResult;
+    readonly unselectedIconSize: import("lit").CSSResult;
+    readonly trackHeight: import("lit").CSSResult;
+    readonly trackWidth: import("lit").CSSResult;
+    readonly trackOutlineColor: import("lit").CSSResult;
+    readonly trackOutlineWidth: import("lit").CSSResult;
+    readonly trackShape: import("lit").CSSResult;
+    readonly selectedTrackColor: import("lit").CSSResult;
+    readonly unselectedTrackColor: import("lit").CSSResult;
+    readonly unselectedHandleHeight: import("lit").CSSResult;
+    readonly unselectedHandleWidth: import("lit").CSSResult;
+    readonly withIconHandleHeight: import("lit").CSSResult;
+    readonly withIconHandleWidth: import("lit").CSSResult;
+    readonly selectedHandleHeight: import("lit").CSSResult;
+    readonly selectedHandleWidth: import("lit").CSSResult;
+    readonly pressedHandleHeight: import("lit").CSSResult;
+    readonly pressedHandleWidth: import("lit").CSSResult;
+    readonly handleShape: import("lit").CSSResult;
+    readonly selectedHandleColor: import("lit").CSSResult;
+    readonly unselectedHandleColor: import("lit").CSSResult;
+    readonly stateLayerSize: import("lit").CSSResult;
+    readonly stateLayerShape: import("lit").CSSResult;
+    readonly disabledSelectedIconColor: import("lit").CSSResult;
+    readonly disabledSelectedIconOpacity: import("lit").CSSResult;
+    readonly disabledUnselectedIconColor: import("lit").CSSResult;
+    readonly disabledUnselectedIconOpacity: import("lit").CSSResult;
+    readonly disabledTrackOpacity: import("lit").CSSResult;
+    readonly disabledSelectedTrackColor: import("lit").CSSResult;
+    readonly disabledUnselectedTrackColor: import("lit").CSSResult;
+    readonly disabledUnselectedTrackOutlineColor: import("lit").CSSResult;
+    readonly disabledUnselectedHandleOpacity: import("lit").CSSResult;
+    readonly disabledSelectedHandleOpacity: import("lit").CSSResult;
+    readonly disabledSelectedHandleColor: import("lit").CSSResult;
+    readonly disabledUnselectedHandleColor: import("lit").CSSResult;
+    readonly selectedHoverIconColor: import("lit").CSSResult;
+    readonly unselectedHoverIconColor: import("lit").CSSResult;
+    readonly selectedHoverTrackColor: import("lit").CSSResult;
+    readonly selectedHoverStateLayerColor: import("lit").CSSResult;
+    readonly selectedHoverStateLayerOpacity: import("lit").CSSResult;
+    readonly unselectedHoverTrackColor: import("lit").CSSResult;
+    readonly unselectedHoverTrackOutlineColor: import("lit").CSSResult;
+    readonly unselectedHoverStateLayerColor: import("lit").CSSResult;
+    readonly unselectedHoverStateLayerOpacity: import("lit").CSSResult;
+    readonly selectedHoverHandleColor: import("lit").CSSResult;
+    readonly unselectedHoverHandleColor: import("lit").CSSResult;
+    readonly selectedFocusIconColor: import("lit").CSSResult;
+    readonly unselectedFocusIconColor: import("lit").CSSResult;
+    readonly selectedFocusTrackColor: import("lit").CSSResult;
+    readonly selectedFocusStateLayerColor: import("lit").CSSResult;
+    readonly selectedFocusStateLayerOpacity: import("lit").CSSResult;
+    readonly unselectedFocusTrackColor: import("lit").CSSResult;
+    readonly unselectedFocusTrackOutlineColor: import("lit").CSSResult;
+    readonly unselectedFocusStateLayerColor: import("lit").CSSResult;
+    readonly unselectedFocusStateLayerOpacity: import("lit").CSSResult;
+    readonly selectedFocusHandleColor: import("lit").CSSResult;
+    readonly unselectedFocusHandleColor: import("lit").CSSResult;
+    readonly selectedPressedIconColor: import("lit").CSSResult;
+    readonly unselectedPressedIconColor: import("lit").CSSResult;
+    readonly selectedPressedTrackColor: import("lit").CSSResult;
+    readonly selectedPressedStateLayerColor: import("lit").CSSResult;
+    readonly selectedPressedStateLayerOpacity: import("lit").CSSResult;
+    readonly unselectedPressedTrackColor: import("lit").CSSResult;
+    readonly unselectedPressedTrackOutlineColor: import("lit").CSSResult;
+    readonly unselectedPressedStateLayerColor: import("lit").CSSResult;
+    readonly unselectedPressedStateLayerOpacity: import("lit").CSSResult;
+    readonly selectedPressedHandleColor: import("lit").CSSResult;
+    readonly unselectedPressedHandleColor: import("lit").CSSResult;
+};
+//# sourceMappingURL=SwitchToken.d.ts.map

package/dist/src/styles/SwitchToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchToken.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwId,CAAC"}

package/dist/src/styles/SwitchTrackStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Track styles for `M3eSwitchElement`.
+ * @internal
+ */
+export declare const SwitchTrackStyle: import("lit").CSSResult;
+//# sourceMappingURL=SwitchTrackStyle.d.ts.map

package/dist/src/styles/SwitchTrackStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchTrackStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchTrackStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,yBA8F5B,CAAC"}

package/dist/src/styles/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./SwitchHandleStyle";
+export * from "./SwitchIconStyle";
+export * from "./SwitchStateLayerStyle";
+export * from "./SwitchStyle";
+export * from "./SwitchTrackStyle";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/switch",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.4",
   "description": "Switch for M3E",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "clean": "rimraf dist"
   },
   "peerDependencies": {
-    "@m3e/core": "1.0.0-rc.2",
+    "@m3e/core": "1.0.0-rc.4",
     "lit": "^3.3.0"
   },
   "devDependencies": {